/* UnTurista Directorio */
.utd {
	--utd-tinta: #12232E;
	--utd-gris: #4A5A63;
	--utd-linea: #DDE3E2;
	--utd-verde: #0B5C5C;
	--utd-verde-osc: #0B3B3F;
	--utd-verde-claro: #E3EFED;
	--utd-naranja: #B85A1B;
	--utd-naranja-claro: #FFF3E8;
	--utd-suave: #EEF3F2;
	font-family: 'Source Sans 3', system-ui, sans-serif;
	color: var(--utd-tinta);
	font-size: 17px;
	line-height: 1.6;
}
.utd *, .utd *::before, .utd *::after { box-sizing: border-box; }
.utd a { color: var(--utd-verde); }
.utd a:hover { color: #073F3F; }
.utd img { max-width: 100%; height: auto; display: block; }

.utd-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.utd-cuerpo { padding-top: 32px; padding-bottom: 56px; }
.utd .utd-h1, .utd .utd-hero-h1, .utd .utd-h2, .utd .utd-h3, .utd-card-title {
	font-family: 'Bricolage Grotesque', system-ui, sans-serif;
	color: inherit;
	letter-spacing: -0.01em;
}
.utd .utd-h1 { font-size: clamp(34px, 5vw, 50px); font-weight: 800; line-height: 1.05; margin: 0; }
.utd .utd-h2 { font-size: clamp(24px, 3vw, 30px); font-weight: 700; line-height: 1.2; margin: 0 0 14px; }
.utd .utd-h3 { font-size: 21px; font-weight: 700; line-height: 1.25; margin: 0 0 10px; }
.utd-gris { color: var(--utd-gris); font-size: 15px; display: block; }

/* Hero */
.utd-hero { background: var(--utd-verde-osc); color: #fff; padding: 52px 0 44px; }
.utd-kicker { margin: 0 0 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; color: #F4B47E; }
.utd-kicker a { color: #F4B47E !important; text-decoration: none; }
.utd .utd-hero-h1 { font-size: clamp(36px, 5.5vw, 54px); font-weight: 800; line-height: 1.05; margin: 0 0 16px; max-width: 800px; color: #fff; }
.utd-hero-intro, .utd-hero-meta { font-size: 19px; line-height: 1.5; max-width: 680px; color: #D4E4E3; margin: 0; }
.utd-hero-intro p { margin: 0 0 8px; }
.utd-buscador { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; background: #fff; padding: 12px; border-radius: 14px; max-width: 900px; }
.utd-campo { display: flex; flex-direction: column; gap: 4px; flex: 1 1 170px; font-size: 13px; font-weight: 700; color: var(--utd-gris); margin: 0; }
.utd-campo--ancho { flex: 2 1 240px; }
.utd-campo input, .utd-campo select { font: inherit; font-size: 16px; font-weight: 400; padding: 10px 12px; height: 46px; border: 1px solid #C9D2D1; border-radius: 8px; color: var(--utd-tinta); background: #fff; width: 100%; margin: 0; }
.utd .utd-boton { align-self: flex-end; font: inherit; font-weight: 700; font-size: 16px; padding: 0 26px; height: 46px; border: 0; border-radius: 8px; background: var(--utd-naranja); color: #fff; cursor: pointer; }
.utd .utd-boton:hover { background: #9C4A14; }

/* Chips */
.utd-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }
.utd .utd-chip { font-weight: 600; font-size: 15px; padding: 10px 18px; min-height: 44px; display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid #C9D2D1; background: #fff; color: var(--utd-tinta); text-decoration: none; }
.utd .utd-chip.is-on { background: var(--utd-verde); border-color: var(--utd-verde); color: #fff; }

/* Columnas */
.utd-cols { display: flex; flex-wrap: wrap; gap: 36px; align-items: flex-start; }
.utd-main { flex: 999 1 560px; min-width: 0; }
.utd-aside { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.utd-fila-titulo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 16px; }
.utd-fila-titulo .utd-h2 { margin: 0; }
.utd-fila-titulo .utd-gris { display: inline; }

/* Tarjetas */
.utd-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 20px; }
.utd .utd-card { display: flex; flex-direction: column; text-decoration: none; color: var(--utd-tinta); border: 1px solid var(--utd-linea); border-radius: 14px; overflow: hidden; background: #fff; transition: box-shadow .15s, transform .15s; }
.utd .utd-card:hover { color: var(--utd-tinta); box-shadow: 0 8px 22px rgba(18,35,46,.12); transform: translateY(-2px); }
.utd-card-img { aspect-ratio: 3 / 2; background: var(--utd-suave); overflow: hidden; }
.utd-card-img img { width: 100%; height: 100%; object-fit: cover; }
.utd-card-body { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.utd-eyebrow { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--utd-verde); }
.utd-card-title { font-weight: 600; font-size: 20px; line-height: 1.2; }
.utd-card-loc, .utd-loc { display: flex; align-items: center; gap: 6px; font-size: 15px; color: var(--utd-gris); margin: 0; }
.utd-loc { font-size: 17px; margin-top: 10px; }

.utd-paginas { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.utd .utd-pagina { min-width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid var(--utd-linea); text-decoration: none; color: var(--utd-tinta); font-weight: 600; }
.utd .utd-pagina.is-on { background: var(--utd-verde); color: #fff; border-color: var(--utd-verde); }
.utd .utd-pagina--hueco { border: 0; }
.utd-vacio { background: var(--utd-suave); padding: 24px; border-radius: 12px; }

/* Cajas laterales */
.utd-box { border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.utd-box a { font-weight: 600; text-decoration: none; }
.utd-box p { margin: 0; }
.utd-box--sol { background: var(--utd-naranja-claro); }
.utd-box--oscura { background: var(--utd-verde-osc); color: #fff; }
.utd-box--oscura p { color: #D4E4E3; }
.utd .utd-box--oscura a { color: #F4B47E; }
.utd-box--hoteles { border: 1px solid var(--utd-linea); }
.utd-hoteles-iframe { width: 100%; height: 420px; border: 0; border-radius: 10px; }

/* Mapa */
.utd-mapa { height: 300px; border-radius: 14px; overflow: hidden; border: 1px solid var(--utd-linea); background: #DCE9E6; z-index: 0; }
.utd-mapa--alto { height: 380px; }
.utd-mapa .leaflet-popup-content a { font-weight: 700; }

/* Ficha */
.utd-migas { display: flex; flex-wrap: wrap; gap: 6px; font-size: 15px; color: var(--utd-gris); padding: 20px 0 16px; }
.utd-migas a { text-decoration: none; }
.utd-galeria { margin: 0 0 32px; border-radius: 16px; overflow: hidden; }
.utd-galeria-principal img { width: 100%; height: clamp(260px, 42vw, 480px); object-fit: cover; }
.utd-galeria--varias { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 200px; gap: 10px; }
.utd-galeria--varias .utd-galeria-principal { grid-column: span 2; grid-row: span 2; }
.utd-galeria--varias .utd-galeria-principal img { height: 100%; }
.utd-galeria-extra img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 700px) {
	.utd-galeria--varias { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; }
	.utd-galeria--varias .utd-galeria-principal { grid-column: span 2; grid-row: span 2; }
}
.utd-cabecera { margin-bottom: 24px; }
.utd-etiquetas { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.utd .utd-tag { background: var(--utd-verde-claro); color: var(--utd-verde); font-weight: 700; font-size: 13px; padding: 5px 12px; border-radius: 999px; text-decoration: none; }
.utd .utd-tag--sol { background: var(--utd-naranja-claro); color: #8A4314; }
.utd-datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 0 0 8px; }
.utd-datos > div { border: 1px solid var(--utd-linea); border-radius: 12px; padding: 14px; }
.utd-datos dt { font-size: 13px; font-weight: 700; color: var(--utd-gris); margin: 0 0 4px; }
.utd-datos dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.utd-nota { font-size: 14px; color: var(--utd-gris); margin: 0 0 28px; }
.utd-texto { font-size: 18px; line-height: 1.7; margin-bottom: 36px; }
.utd-texto h2 { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-size: clamp(24px, 3vw, 28px); margin: 32px 0 12px; line-height: 1.2; }
.utd-texto h3 { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-size: 21px; margin: 24px 0 8px; }
.utd-texto p, .utd-texto ul { margin: 0 0 16px; }
.utd-seccion { margin: 0 0 40px; }
.utd .utd-enlace { font-weight: 700; text-decoration: none; display: inline-block; margin-top: 10px; }
.utd-cercanos { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.utd .utd-cercano { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--utd-tinta); border: 1px solid var(--utd-linea); border-radius: 12px; padding: 10px; }
.utd-cercano-img { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 8px; overflow: hidden; background: var(--utd-suave); }
.utd-cercano-img img { width: 100%; height: 100%; object-fit: cover; }
.utd-creditos { font-size: 14px; color: var(--utd-gris); border-top: 1px solid var(--utd-linea); padding-top: 14px; margin: 24px 0 0; }

/* Provincias */
.utd-provincias { display: flex; flex-wrap: wrap; gap: 10px; }
.utd .utd-provincias a { text-decoration: none; padding: 10px 16px; border-radius: 10px; background: var(--utd-suave); color: var(--utd-tinta); font-weight: 600; }
.utd .utd-provincias a:hover { background: var(--utd-verde-claro); }

/* Rutas */
.utd-paradas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.utd-parada { display: flex; gap: 14px; align-items: flex-start; }
.utd-parada-num { flex: 0 0 36px; height: 36px; border-radius: 50%; background: var(--utd-naranja); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 12px; }
.utd .utd-parada-link { flex: 1; display: flex; gap: 14px; text-decoration: none; color: var(--utd-tinta); border: 1px solid var(--utd-linea); border-radius: 12px; padding: 10px; }
.utd-parada-img { width: 110px; height: 80px; flex: 0 0 110px; border-radius: 8px; overflow: hidden; background: var(--utd-suave); }
.utd-parada-img img { width: 100%; height: 100%; object-fit: cover; }
.utd-parada-txt { display: block; font-size: 15px; margin-top: 4px; }
.utd-num-marker { background: var(--utd-naranja, #B85A1B); color: #fff; border-radius: 50%; width: 28px !important; height: 28px !important; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); }

/* Recuadro «Planifica tu visita» */
.utd .utd-cta-hotel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; border: 1px solid var(--utd-linea); background: #F7F9FB; border-radius: 14px; padding: 22px 24px; margin: 28px 0; }
.utd-cta-txt { display: flex; flex-direction: column; gap: 4px; flex: 1 1 260px; }
.utd-cta-kicker { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #2B5A9B; }
.utd .utd-cta-titulo { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-size: 22px; line-height: 1.2; color: var(--utd-tinta); }
.utd-cta-sub { font-size: 16px; color: var(--utd-gris); }
.utd .utd-cta-boton { flex: 0 0 auto; background: #E8A33A; color: #12232E; font-weight: 700; text-decoration: none; padding: 13px 22px; border-radius: 10px; min-height: 46px; display: inline-flex; align-items: center; }
.utd .utd-cta-boton:hover { background: #D99227; color: #12232E; }

/* Destinos */
.utd-cuenta { display: inline-block; margin-left: 6px; font-size: 13px; font-weight: 600; color: var(--utd-gris); }
.utd-migas-hero { display: flex; flex-wrap: wrap; gap: 8px; }
.utd .utd-migas-hero a { color: #F4B47E; text-decoration: none; }
.utd .utd-migas-hero span { color: #D4E4E3; }

/* ===== Diseño de la web (1.4) ===== */

/* Paleta «web»: azul y naranja como la cabecera */
body.utd-paleta-web .utd {
	--utd-verde: #1F4E9C;
	--utd-verde-osc: #15294D;
	--utd-verde-claro: #E8F0FB;
	--utd-naranja: #E8A33A;
	--utd-naranja-claro: #FFF4E3;
}
body.utd-paleta-web .utd a:hover { color: #163C7A; }
body.utd-paleta-web .utd .utd-boton,
body.utd-paleta-web .utd-parada-num,
body.utd-paleta-web .utd-num-marker { color: #12232E; }
body.utd-paleta-web .utd .utd-boton:hover { background: #D99227; }

.utd-wrap--estrecho { max-width: 860px; }

/* Tarjetas de entradas */
.utd-grid--posts { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 28px 24px; }
.utd-post { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.utd-post-img { display: block; aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden; background: var(--utd-suave); }
.utd-post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.utd-post:hover .utd-post-img img { transform: scale(1.03); }
.utd-post-body { display: flex; flex-direction: column; gap: 6px; }
.utd .utd-post .utd-eyebrow { text-decoration: none; }
.utd .utd-post-title { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-size: 20px; line-height: 1.25; font-weight: 600; margin: 0; }
.utd .utd-post-title a { color: var(--utd-tinta); text-decoration: none; }
.utd .utd-post-title a:hover { color: var(--utd-verde); }
.utd-post-excerpt { margin: 0; color: var(--utd-gris); font-size: 16px; line-height: 1.5; }
.utd-post-meta { margin: 0; font-size: 14px; color: var(--utd-gris); }

/* Destacadas: una grande + tres pequeñas */
.utd-destacadas { display: flex; flex-wrap: wrap; gap: 28px; margin-bottom: 48px; }
.utd-post--grande { flex: 999 1 520px; }
.utd .utd-post--grande .utd-post-title { font-size: clamp(24px, 3vw, 32px); }
.utd-post--grande .utd-post-img { aspect-ratio: 16 / 9; }
.utd-destacadas-lado { flex: 1 1 300px; display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.utd-post--mini { flex-direction: row; gap: 14px; align-items: flex-start; }
.utd-post--mini .utd-post-img { flex: 0 0 120px; aspect-ratio: 4 / 3; border-radius: 10px; }
.utd .utd-post--mini .utd-post-title { font-size: 17px; }
.utd-franja { background: var(--utd-suave); border-radius: 18px; padding: 24px; }

/* Hero de archivo un poco más bajo */
.utd-hero--archivo { padding: 40px 0 34px; }
.utd-hero--archivo .utd-hero-meta { margin-top: 10px; font-size: 15px; }

/* Entradas */
.utd-entrada-cab { padding: 8px 0 24px; }
.utd-entrada-cab .utd-migas { padding-bottom: 18px; }
.utd .utd-entrada-h1 { font-size: clamp(32px, 4.6vw, 48px); margin: 14px 0 14px; }
.utd-entrada-entradilla { font-size: 20px; line-height: 1.5; color: var(--utd-gris); margin: 0 0 18px; }
.utd-entrada-meta { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 15px; }
.utd-entrada-meta a { font-weight: 700; text-decoration: none; }
.utd-entrada-meta .utd-gris { display: block; font-size: 14px; }
.utd .utd-avatar { border-radius: 50%; width: 36px; height: 36px; }
.utd-entrada-foto { margin: 0 0 8px; border-radius: 18px; overflow: hidden; }
.utd-entrada-foto img { width: 100%; max-height: 560px; object-fit: cover; }
.utd-entrada-foto figcaption { font-size: 14px; color: var(--utd-gris); padding: 8px 4px 0; }
.utd-entrada-main { max-width: 780px; }
.utd-entrada-texto img { border-radius: 12px; margin: 12px 0; }
.utd-entrada-texto a { text-decoration: underline; text-underline-offset: 3px; }
.utd-entrada-texto blockquote { margin: 24px 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--utd-naranja); color: var(--utd-gris); font-size: 19px; }
.utd-entrada-texto table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 16px; display: block; overflow-x: auto; }
.utd-entrada-texto th, .utd-entrada-texto td { border: 1px solid var(--utd-linea); padding: 10px 12px; text-align: left; }
.utd-entrada-texto th { background: var(--utd-suave); }
.utd-entrada-texto h2 { scroll-margin-top: 90px; }
.utd-etiquetas--pie { margin: 0 0 40px; }
.utd-comentarios { margin-top: 40px; border-top: 1px solid var(--utd-linea); padding-top: 24px; }

/* Lateral fijo con índice */
@media (min-width: 1000px) {
	.utd-aside--fijo { position: sticky; top: 90px; }
	.utd-indice--movil { display: none; }
}
@media (max-width: 999px) {
	.utd-aside--fijo .utd-indice { display: none; }
}
.utd-indice ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 1.35; }
.utd .utd-indice a { font-weight: 600; text-decoration: none; color: var(--utd-tinta); }
.utd .utd-indice a:hover { color: var(--utd-verde); }
.utd-aside .utd-indice { border: 1px solid var(--utd-linea); }
.utd-indice--movil { border: 1px solid var(--utd-linea); border-radius: 12px; padding: 14px 18px; margin-bottom: 28px; }
.utd-indice--movil summary { font-weight: 700; cursor: pointer; }
.utd-indice--movil ol { margin-top: 12px; }

/* Bloques de portada: destinos con foto */
.utd-bloque { margin: 48px auto; max-width: 1200px; padding: 0 20px; }
.utd-destinos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.utd .utd-destino { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: var(--utd-verde-osc); text-decoration: none; color: #fff; }
.utd-destino-img, .utd-destino-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.utd-destino-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,20,35,.78), rgba(10,20,35,0) 60%); }
.utd-destino-txt { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; flex-direction: column; gap: 2px; }
.utd-destino-txt strong { font-family: 'Bricolage Grotesque', system-ui, sans-serif; font-size: 22px; line-height: 1.15; }
.utd-destino-txt span { font-size: 14px; color: #E6ECF2; }
.utd .utd-destino:hover { color: #fff; }
.utd .utd-destino:hover img { transform: scale(1.04); transition: transform .3s; }

/* Paginación de WordPress */
.utd .utd-pagina.dots { border: 0; }
.utd .utd-pagina.prev, .utd .utd-pagina.next { padding: 0 14px; }