/*.wp-container-7 > * {max-width: 100% !important;}*/

/*
Botón para loadmore
*/
.peregrinos_loadmore,
.ranking_loadmore,
.pois_loadmore{color: #3f5261; background-color: white; display: block; text-align: center; text-transform: uppercase; padding: 10px 0;	font-size: 3em; font-weight: 800; letter-spacing:1px;}
.ts_img_loadmore{margin: 0 auto; height: 60px !important;}

/*
Buscador
*/
/* especiales para promesas*/
div#search-container.search-container-libro{background-color: white !important; border-radius: 10px !important; border: 1px solid gray !important;     margin-left: 10px;}
div#search-container.search-container-libro input{background-color: white !important;}
div#search-container.search-container-libro img, img#search-libro-icon,img#search-libro-iconx {filter: grayscale(100%);}
/* comunes */
#search-container {display: inline-block; vertical-align: top; height: 50px; border-radius: 25px !important; width: 20% !important; padding: 0 14px !important; border: 1px solid transparent !important; background-color: #B5CEDE !important; text-align: left;}
#search-container input {border: none; background-color: #B5CEDE !important; width: 80%; box-shadow: inset 0px 0px 0px 0px white;}
#search-container input:hover, #search-container input :focus {outline: none;}
.search-icon {width: 25px !important; margin-bottom: 0 !important; margin-top: 10px; float: right;}


@media (max-width: 1024px) {
	#search-container{width: 12em !important;}
	#search-container.search-container-unico, div#search-container.search-container-libro{width: 95% !important;}
	div#search-container.search-container-libro{margin-top: 5px;}
}

@media (max-width: 200px) {
	#search-container input {width: 70% !important;}
	.search-icon {width: 20px !important; margin-top: 10px !important;}
}
/*
Tipos de servicios
*/
#scrollmenu-tipos-servicios {display: inline-block; width: 80%; /*overflow: auto; white-space: nowrap;*/ /*margin: 15px 0 25px 0;*/}
#scrollmenu-tipos-servicios select {width: 15em; margin-left: 1em;}

/*
Caja con los datos de los peregrinos
*/
/* caja con cada peregrino */
#contenedor-peregrino{border-bottom: 1px solid #CCCCCC; margin-bottom: 0.5em !important; height: 155px; margin: 0 0.5em; font-size: 17px; }
#peregrino-fila0,#peregrino-fila1,#peregrino-fila2,#peregrino-fila4{display: flex; max-width: 100%;}
#peregrino-fila0{height: 30px;}
#peregrino-fila1{height: 55px;}
#peregrino-fila2{height: 70px;}
#peregrino-fila4{height: 30px; margin: 10px 0px; display: none;}
/* avatar */
#panel-avatar-peregrino{text-align: center; padding: 3px;}
#avatar-peregrino{width: 50px !important; height: 50px; border-radius: 50%;}
/* solo el panel del nombre y apellidos es flex-grow para que ajuste su tamaño en base al espacio. El resto son tamaños fijos */
/* se le pone un width cualquiera, mínimo, para que en el responsive se autoajuste al hueco que quede*/
#panel-datos-peregrino{flex-grow: 1; padding: 5px 10px; width: 1em;}
/* bandera del país*/
#panel-flag-peregrino{position: relative; bottom: -5px;}
#flag-peregrino{width: 15px; height: 15px; margin-right: 5px; margin-bottom: 0; display: inline-block;}/*border-radius: 50%;*/
/* extras */
#panel-extra-peregrino, #panel-etapas-peregrino{width: 140px; padding: 10px 0px; color: lightgray;}
#panel-etapas-peregrino{font-size: 11px;}
/* sellos */
#panel-sellos-peregrino{flex-grow: 1; width: 1em; display: flex;}
#sello-peregrino {width: 35px; height: 35px;}
#sello-peregrino:hover{width: 70px; height: 70px;}
/* islas */
#panel-isla-nombre,#panel-isla-dato{display: inline-block;}
#panel-isla-nombre{width: 90px;}

/* textos */
.ts-texto{margin: 0;padding: 0;}
.ts-texto-fade{text-overflow: ellipsis; overflow: hidden; text-align: justify; white-space: nowrap;}
.ts-coi{font-size: 13px !important; display: inline-block; color: #606060; position: relative; top: -3px;}
.et-extra{color: #474747; font-size: 11px; display: inline-block; margin-left: 10px; position: relative; top: -5px;}
.ts-texto-extra{color: #474747; font-size: 21px; font-weight: bold;}
.ts-texto-extra2{color: lightgray; font-size: 17px; font-weight: bold;}
.ts-azul{color: #1768A9 !important;}
.ts-verde{color: #09423D !important;}
.ts-gris{color: #676767 !important;}
.ts-azul-pino{color: #263480 !important;}


/* responsive*/
#peregrino-fila-movil{display: none;}
#panel-sello{display: inline-block; flex-grow: 1; position: relative;}

@media (max-width: 1024px) {
	#contenedor-peregrino{height: 160px;}
	#peregrino-fila-movil{display: flex; max-width: 100%; height: 55px;}
	#panel-extra-peregrino,#panel-etapas-peregrino,#panel-sellos-peregrino,#peregrino-fila0,#peregrino-fila2{display: none;}
	#panel-extra-peregrino-movil{flex: 1; padding: 10px 0px; color: lightgray;}
	#peregrino-fila4{display: flex !important;}	
	#peregrino-fila4{width: 50%;}	
	#sello-peregrino:hover{width: 60px; height: 60px;}
	#panel-sello{flex-grow: 1;}
	#scrollmenu-tipos-servicios {width: 99%; margin-bottom: 1em;}
	#scrollmenu-tipos-servicios select {width: 96%; margin: 0;}
	.et-servicios{display: none;}
}
@media (max-width: 700px) {
	#contenedor-peregrino{font-size: 15px;}
	#avatar-peregrino {width: 40px !important; height: auto;}
	#peregrino-fila4{width: 75%;}
}
@media (max-width: 500px) {
	#avatar-peregrino {width: 35px !important; height: 35px; margin-top: 7px;}
	#peregrino-fila4{width: 100%;}
	#sello-peregrino:hover{width: 55px; height: 55px;}
	.ts-texto-extra {font-size: 18px;}
	.et-extra {font-size: 9px;}
}

/*
Estilos para las ETAPAS y SERVICIOS
*/
/* caja de una etapa */
#contenedor-explora{color: black; max-width: 270px;}
#panel-explora-imagen{position: relative; width: 100%; height: 200px; overflow: hidden; border-radius: 15px; margin-bottom: 10px;}
#panel-explora-imagen-cuadrada{position: relative; width: 100%; height: 200px; overflow: hidden; margin-bottom: 10px;}
#explora-imagen {height: 100%; border-radius: 15px; position: absolute; top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; margin: auto;}
#panel-etapa-extra{display: flex; height: 35px;}
#etapa-extra1, #etapa-extra2, #etapa-extra3, #etapa-extra4, #etapa-extra5, #etapa-extra6{margin-top: 8px;}
#etapa-extra1, #etapa-extra2{width: 70px; position: relative;}
#etapa-extra3{flex-grow: 1; text-align: right; position: relative;}
#etapa-extra4{width: 90px; position: relative;}
#etapa-extra5{width: 40px; position: relative;}
#etapa-extra6{width: auto; position: relative;}
#panel-explora-nombre{height: 45px;/*39px 60px;*/}
#panel-explora-subtitulo{height: 40px; margin: 10px 0 0 0;}
#panel-explora-subtitulo2{height: 25px; margin: 10px 0 0 0;}
#sello-etapa{vertical-align: middle; width: 35px; height: 35px; margin-left: 5px;}
#panel-explora-descripcion{height: 120px; margin-bottom: 50px;}
#panel-explora-masinfo{height: 30px; margin-top: 15px;}


.explora-azul-subtitulo, .explora-azul-subtitulo2{color: #263480; margin: 0; text-transform: uppercase;
max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space: normal;display: -webkit-box !important; -webkit-box-orient: vertical; }
.explora-azul-subtitulo{font-size: 15px; -webkit-line-clamp: 2; vertical-align: text-bottom; display: inline-block !important;}
.explora-azul-subtitulo2{font-size: 11px; -webkit-line-clamp: 1;}
.explora-azul-titulo{color: #0768A9; font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 8px 0; 
max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space: normal;	display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.ts-etapa-extra{font-size: 14px; font-weight: bold; position: absolute; top: 8px;}
.explora-descripcion{max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space: normal;
	display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.explora-link{color: #263480; text-decoration: none; font-size: 15px;}
.explora-temperatura{margin-left: 5px;}
.ts-letra-blanca{color: white !important;}
.ts-letra-negra{color: black !important;}
.ts-servicio-selected{background-color: #625f5f;}
	
/*********************************************************/
/* para el grid responsive de las etapas y los servicios */
#lista-explora,#lista-explora-etapas,#lista-explora-pois {max-width: 1200px; margin: 0 auto; display: grid; grid-gap: 2rem;}

/* ordenador */
@media (min-width: 1024px) {
  #lista-explora,#lista-explora-etapas,#lista-explora-pois { grid-template-columns: repeat(4, 1fr); }
}
/* tablet */
@media (max-width: 1024px) {
  #lista-explora,#lista-explora-etapas,#lista-explora-pois { grid-template-columns: repeat(2, 1fr); }
  #contenedor-explora,#contenedor2-explora { margin: 0 auto; }
}
/* movil */
@media (max-width: 600px) {
  #lista-explora,#lista-explora-etapas,#lista-explora-pois { grid-template-columns: repeat(1, 1fr); }
}

/*
Estilos para el TOP
*/
#contenedor-top {border-bottom: 1px solid #CCCCCC; margin-bottom: 0.5em !important; height: 60px; font-size: 17px;}
#panel-filtros{margin: 0 auto; position: relative; margin-bottom: 2em;display: flex; flex-wrap: wrap; justify-content: space-between;}
#panel-filtro-app{max-width: 20em; width: 20em; float: right;}
#cabecera-top {display: flex; max-width: 100%; height: 40px; font-size: 13px; color: gray;}
#top-col-pto {width: 15%; text-align: right; margin-right: 25px;}
#top-col-pto2 {width: 4%; text-align: right; margin-right: 25px;}
#top-col-explorador {width: 70%;}
#top-col-extra {width: 15%; text-align: center;}
#panel-foto-top {display: inline-block; width: 70px;}
#panel-datos-top {padding: 0 0 0 10px; display: inline-block; width: 70%; vertical-align: super;}
.letra-top-puesto{font-size: 21px; font-weight: bold;}
.centrado-puesto-top{margin: auto 25px auto 0 !important;}
.centrado-top{margin: auto 0 !important;}
.ts-vista-movil{display: block;}

@media (max-width: 1024px) {
	#panel-foto-top {width: 60px !important;}
}

@media (max-width: 800px) {
  #top-col-explorador {width: 70%;}
  .ts-vista-movil{display: none;}
}

/* movil */
@media (max-width: 600px) {
  #panel-filtro-app{max-width: 95% !important; width: 95% !important; float: left !important;}
  .top-col-explorador-data {margin: 5px 0;}
  #panel-datos-top {padding: 10px 0 0 10px !important;}
  #panel-foto-top{vertical-align: super; width: 40px !important;}
}

/*
Estilos para el RANKING
*/
#contenedor-ranking {border-bottom: 1px solid #CCCCCC; margin-bottom: 0.5em !important; height: 60px; font-size: 17px;}
.imagen-app-ranking {height: 20px !important; display: inline-block !important;}
#panel-foto-ranking {display: inline-block; width: 70px; vertical-align: top;}
/*img#rnk-load-more,img#pois-load-more {height: 35px; overflow: hidden; margin: -5px auto -15px auto;}*/

/* tablet y movil */
@media (max-width: 1024px) {
	div#panel-filtros.panel-filtros-rnk{height: 130px !important;}
	.rnk-separacion{margin-top: 10px;}		
	#panel-foto-ranking {width: 60px !important;}
}
/* movil */
@media (max-width: 600px) {
	#panel-foto-ranking{margin-top: 8px; width: 40px !important;}
	#lista_ranking div#contenedor-ranking {height: 75px !important;}
}

/*
Estilos para el listado de rutas EXPLORA8
*/
.negra{color: black !important;}
.link-negrita{font-weight: bold;}
.explora-filtro-desplegable{width: 15%; max-width: 15%; display: inline-block; margin-left: 10px;}
.explora-filtro-desplegable div.fancy-select-wrap {padding-top: 0 !important;}
.explora-filtro-desplegable span.select2-selection.select2-selection--single {height: 50px !important;}
.imagen-app-explora {vertical-align: bottom; margin-right: 5px; height: 25px !important; display: inline-block !important;}
.explora-negra-subtitulo {color: black; margin: 0; text-transform: uppercase;
max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space: normal; display: -webkit-box !important; -webkit-box-orient: vertical; font-size: 15px; -webkit-line-clamp: 2; vertical-align: text-bottom; display: inline-block !important; font-weight: normal;}
.imagen-recorrido-explora{margin: 0 5px 0 0 !important; width: 18px !important;}

@media (max-width: 1024px) {
	.explora-filtro-desplegable {width: 10em; max-width: 10em;}
}

/* panel de los filtros scrollable */
#panel-filtros-explora {text-align: center; margin: 0 auto; position: relative; height: 60px; margin-bottom: 20px; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap;}
/* Hide scrollbar and keep scroll */
/* for Chrome, Safari and Opera */
#panel-filtros-explora::-webkit-scrollbar {display: none;}
/* for IE, Edge and Firefox */
#panel-filtros-explora {-ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}

/*
Estilos para el listado de pois EXPLORA8
*/
#explora-imagen-cuadrada {height: 100%; position: absolute; top: -9999px; left: -9999px; right: -9999px; bottom: -9999px; margin: auto;}
img.icono-explora{width: 20px !important;     margin: 0 !important;}
img.icono-escudo{width: 25px !important; margin: 0 5px 0 10px;}
img.icono-explora2{width: 30px !important;}
.explora-et-orden{vertical-align: text-bottom; margin-left: 5px; color: #2b4559; font-weight: bold;}
.explora-et-isla{font-size: 14px; margin-top: 7px; color: #2b4559; float: right;}
.explora-poi{color: #2b4559;}
.explora-et-tipo{font-size: 12px;}
.explora-puntos{text-align: right; display: flex; float: right; }
.explora-et-puntos{font-size: 14px; margin-top: 4px; color: #2b4559; font-weight: 500;}
.separacion-top{margin-top: 10px;}


/*
Estilos para promesas
*/
.mayusculas{text-transform: uppercase;}
.etq-promesa{font-size: 85%;}
.margin-etq-promesa{margin-right: 1em;}
.caja-cumplida{background: #FFBA00; border-radius: 10px; padding: 0 7px; margin: 0 0 0 10px; font-size: 10px; font-weight: bold;}
.promesa-grupo{color: #03CC58; font-weight: bold;}
.promesa-icono{margin-right: 5px; margin-bottom: 0px !important; width: 20px !important;}
.promesa-icono2{margin-right: 5px; margin-bottom: 0px !important; width: 25px !important;}
.promesa-filtro-desplegable{margin-top: 0;}
#contenedor-promesa{border-bottom: 1px solid #CCCCCC; margin-bottom: 0.5em !important; font-size: 17px;}
#promesa-fila{display: flex; max-width: 100%; /*height: 55px;*/}
.explora-link-promesa{text-decoration: none; color: black;}
#icono-promesa-poi{vertical-align: middle; width: 22px; height: 22px; margin-left: 5px; margin-top: 5px;}

@media (max-width: 700px) {
	.promesa-filtro-desplegable{margin-top: 5px;}
}

@media (max-width: 600px) {
	#contenedor-promesa{margin-bottom: 0px !important; /*height: 75px !important;*/}
	#promesa-fila{/*height: 75px !important;*/}
}

@media (max-width: 500px) {
	.promesa-filtro-desplegable{width: 95%; max-width: 95%;}
}
/* para [tslibrotop]*/
.promesa-top-panel-content{text-align: center; color: black; border-radius: 20px; padding: 25px 10px 10px 10px; font-size: 17px; background-color: #f1f5f6;}

.promesa-top-panel-usuario{text-align: center;}
.promesa-top-panel-grupo{text-align: left; font-size: 12px; height: 25px; display: flex;}
.promesa-top-panel-titulo,.promesa-info-creador,.promesa-info-grupo-nombre{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.promesa-info-grupo-nombre{margin-bottom: 5px; height: 20px; font-size: 12px; font-weight: bold; color: #15c856;}
.promesa-top-panel-titulo{font-size: 18px; font-weight: bold;}
.promesa-top-panel-tipo{text-align: left; font-size: 12px;}
.promesa-info-creador, .promesa-info-fecha{font-size: 14px;}
.promesa-top-cumplida{height: 30px;}

#panel-foto-promesa{display: block; margin: 0 auto;}
#avatar-top-promesa {width: 65px !important; height: 65px; max-width: 65px; max-height: 65px; border-radius: 50%;}
.caja-cumplida-top {background: #FFBA00; border-radius: 4px; padding: 2px 7px; margin: 0; font-size: 10px; font-weight: bold;}
#avatar-promesa{width: 50px !important; height: 50px; border-radius: 50%;}
#avatar-default {width: 50px; height: 50px; background-color: #09423d; border-radius: 25px; color: white; text-align: center; font-size: 25px; padding-top: 10px;}
div#panel-foto-promesa #avatar-default{margin: 0 auto; width: 65px !important; height: 65px !important; border-radius: 40px; padding-top: 20px;}

@media (max-width: 700px) {
	#avatar-default {width: 40px !important; height: 40px !important; font-size: 20px !important;}	
	#avatar-promesa {width: 40px !important; height: 40px;}
}
@media (max-width: 500px) {
	#avatar-default {width: 35px !important; height: 35px !important; font-size: 20px !important; padding-top: 5px;}
	#avatar-promesa {width: 35px !important; height: 35px; margin-top: 7px;}
	/*div#panel-foto-promesa #avatar-default{padding-top: 15px;}*/
}
/* para [tsperegrinos]*/
.avatar-default-explora{background-color: #f1c40f !important; color: black !important; padding-top: 15px!important; font-weight: bold;}
@media (max-width: 700px) {
	.avatar-default-explora{padding-top: 10px!important;}
}