/*
 * Ajustes de presentación pedidos por el cliente (PDF "PAGINA WEB 2026", 2026-10-01).
 *
 * Un solo archivo para los 10 diseños y la ficha del tour: el mu-plugin lo inyecta en los diseños
 * (`southern_propuesta_ajustes()`) y functions.php lo encola en la ficha. Cada regla va dos veces:
 * suelta para los diseños y con el prefijo `body.southern-ficha-tour`, porque `diseno-tour.css`
 * está todo prefijado así y le ganaría por especificidad.
 */

/* 1. Todos los textos de lectura justificados, sin sangría. Lo centrado (reseñas, cierre) se
      respeta: `inherit` toma la alineación del contenedor. */
section p, .hero p, .phead p, section li, details p, .cmp td,
body.southern-ficha-tour section p, body.southern-ficha-tour .hero p,
body.southern-ficha-tour section li, body.southern-ficha-tour details p {
	text-align: justify;
	text-indent: 0;
}
/* Sin cortar palabras con guion al final de la línea (pedido del cliente): el justificado reparte
   el espacio entre palabras enteras. Va con !important para ganarle a cualquier regla del tema o
   de un plugin que lo vuelva a activar. */
body, body * {
	-webkit-hyphens: manual !important;
	hyphens: manual !important;
}
.ctr p, .cta p, .wiz-ok p, p.eyebrow,
body.southern-ficha-tour .ctr p, body.southern-ficha-tour .cta p, body.southern-ficha-tour p.eyebrow,
body.southern-ficha-tour #reserva p, body.southern-ficha-tour #reserva li {
	text-align: inherit;
}
/* El antetítulo del hero hereda el `max-width` de los párrafos y se partía en dos líneas. */
.hero p.eyebrow, body.southern-ficha-tour .hero p.eyebrow { max-width: none; }

/* 2. Logo más grande: pasaba desapercibido. En teléfono la barra mantiene los 66 px, que es lo que
      descuenta el menú hamburguesa. */
.topbar .wrap, body.southern-ficha-tour .topbar .wrap { height: 78px; }
.brand img, body.southern-ficha-tour .brand img { height: 56px; width: auto; }
@media (max-width: 900px) {
	.topbar .wrap, body.southern-ficha-tour .topbar .wrap { height: 66px; }
	.brand img, body.southern-ficha-tour .brand img { height: 46px; }
}
/* "Southern Spirit Lago Argentino" en dos líneas: en una sola le quitaba al menú el lugar que
   necesita (Moreno tiene 8 enlaces) y los enlaces se partían o se salían de la barra. */
.brand-txt, body.southern-ficha-tour .brand-txt {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	white-space: nowrap;
}
.brand-txt small, body.southern-ficha-tour .brand-txt small {
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--glacier);
	margin-top: 3px;
}
/* La marca no cede ancho y las banderitas tampoco: en Moreno (8 enlaces) el flex las encogía
   hasta 5 px, o a 0 en portugués. Por debajo de 1280 px el menú pasa a la hamburguesa
   (inc/menu-movil.php), y desde ahí la barra usa hasta 1340 px para que entren los 8 enlaces y las
   banderitas en una línea sin pegarse al logo (2026-10-14). */
.brand, body.southern-ficha-tour .brand { flex: none; }
.navlang, body.southern-ficha-tour .navlang,
.navlang a, .navlang span.dis,
body.southern-ficha-tour .navlang a, body.southern-ficha-tour .navlang span.dis { flex: none; }
@media (min-width: 1280px) {
	.topbar .wrap, body.southern-ficha-tour .topbar .wrap { max-width: 1340px; }
	.tnav a, body.southern-ficha-tour .tnav a { white-space: nowrap; }
}

/* 3. El badge de la foto del Mayo Spirit Trek va a la derecha: a la izquierda tapaba el glaciar. */
.badge.der, .cross-badge.der,
body.southern-ficha-tour .badge.der, body.southern-ficha-tour .cross-badge.der {
	left: auto;
	right: 14px;
}

/* 4. Mayo Spirit Trek: traslado opcional a Punta Bandera, debajo de la tabla de precios. */
body.southern-ficha-tour .traslado-opcional {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 9px;
	padding: 16px 18px;
	margin-top: 18px;
	font-size: .92rem;
	color: var(--muted);
}
body.southern-ficha-tour .traslado-opcional p { margin: 6px 0 0; }
body.southern-ficha-tour .traslado-opcional .t-tit { margin: 0 0 4px; color: var(--deep); font-size: 1rem; }

/* 5. Mapa del recorrido (Mayo Spirit Trek arriba del video, Moreno Spirit arriba de Tarifas).
   Mismo marco que el bloque de video; en celular pasa a 4:3 para que el mapa no quede tan bajo. */
.mapa, body.southern-ficha-tour .mapa {
	margin-top: 32px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--ice);
	aspect-ratio: 16 / 9;
	box-shadow: var(--sh);
}
/* La barra superior del mapa (título y nombre de la dueña de la cuenta de Google) no se puede
   ocultar desde el embed: se sube el iframe para que quede fuera del marco, que la recorta con
   overflow:hidden. Si Google cambia la altura de esa barra, ajustar --mapa-barra. */
.mapa, body.southern-ficha-tour .mapa { --mapa-barra: 70px; }
.mapa iframe, body.southern-ficha-tour .mapa iframe {
	width: 100%;
	height: calc(100% + var(--mapa-barra));
	margin-top: calc(-1 * var(--mapa-barra));
	border: 0;
	display: block;
}
@media (max-width: 700px) {
	.mapa, body.southern-ficha-tour .mapa { aspect-ratio: 4 / 3; }
}

/* 6. Desbordes encontrados en la revisión del 2026-10-14 (33 páginas, de 360 a 1920 px). */

/* El correo no entraba en la columna Contacto del pie (se salía del borde desde ~1100 px) ni en
   los textos legales en teléfono. En el pie lleva un <wbr> después de la arroba para que corte
   ahí; esto es el resguardo para el resto. */
a[href^="mailto:"] { overflow-wrap: anywhere; }

/* Los íconos de redes del pie quedaban a la izquierda, debajo de un título centrado. */
.fbottom .fsocial, body.southern-ficha-tour .fbottom .fsocial { justify-content: center; }

/* Ficha del tour en teléfono: el motor de reserva de TourMaster trae 370 px fijos y ensanchaba
   toda la columna, así que el contenido se salía por la derecha en pantallas de 360-390 px. */
@media (max-width: 1000px) {
	body.southern-ficha-tour .split { grid-template-columns: minmax(0, 1fr); }
	body.southern-ficha-tour .split > * { min-width: 0; }
	body.southern-ficha-tour .book * { max-width: 100%; }
}

/* Tabla de tarifas en pantallas de 360 px: se pasaba unos píxeles. */
@media (max-width: 400px) {
	.rates th, .rates td,
	body.southern-ficha-tour .rates th, body.southern-ficha-tour .rates td { padding-left: 10px; padding-right: 10px; }
}

/* Listas de las páginas legales: cada <li> era flex para alinear el punto, y con una <strong>
   adentro el texto quedaba partido en columnas ("Problemas | de salud | certificado médico…").
   El punto pasa a posición absoluta y el texto vuelve a correr normal. */
.lg li { display: block; position: relative; padding-left: 17px; }
.lg li::before { position: absolute; left: 0; top: .55em; margin-top: 0; }