/* Fusión Luisinio Digital Solutions + portada de José (Faro, 10-oct-2026).
   Tipografía de la portada aprobada: Space Grotesk (títulos) + IBM Plex Sans (texto).
   Paleta Temple ya aplicada en cinematic.css. Se carga al final para tener prioridad. */
body{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,.brand-name,.wordmark,.brand span,.eyebrow{font-family:"Space Grotesk","IBM Plex Sans",system-ui,sans-serif}
.wordmark img.logo-fusion,.brand img.logo-fusion{width:auto;height:44px;max-width:none;border-radius:0;box-shadow:none;background:none}
.brand-name--sub small,.brand .brand-sub{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cinema-muted,#D8C6B6);margin:0}
@media (max-width:599px){.wordmark img.logo-fusion,.brand img.logo-fusion{height:36px}}

/* Logo carbón aprobado (2172×724, 3:1). Va sobre placa marfil para que las letras carbón tengan contraste (guía de Seth, 10-oct). No se recolorea. */
.logo-placa{display:inline-flex;align-items:center;background:#FFF8F2;border-radius:10px;padding:6px 14px;line-height:0;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.logo-placa img.logo-carbon{display:block;width:300px;max-width:none;height:auto;border-radius:0;box-shadow:none;background:none}
@media (max-width:599px){.logo-placa{padding:4px 10px}.logo-placa img.logo-carbon{width:210px}.masthead .ambient-toggle{display:none!important}.masthead__inner{flex-wrap:nowrap}}
@media (max-width:359px){.logo-placa img.logo-carbon{width:200px}}
/* Cabecera de la galería en celular: el menú unificado baja a su propia fila y se ajusta. */
@media (max-width:850px){.top{flex-wrap:wrap;row-gap:10px}.top nav{flex-wrap:wrap;justify-content:flex-start;gap:6px 14px;width:100%}.top nav a{font-size:14px}.top nav .button{padding:8px 14px}}
@media (max-width:850px){.top nav a:first-child{display:inline}}
/* Sobre: el logo carbón aprobado sustituye al emblema antiguo (Seth 1723). */
.destination-cover--logo{display:flex;justify-content:center;align-items:center;padding:clamp(28px,6vw,64px) 16px;border-color:rgba(245,170,99,.25)}
.destination-cover--logo .logo-placa img.logo-carbon{width:min(560px,78vw);height:auto;aspect-ratio:auto;object-fit:contain}
/* Borradores legales servidos en la vista previa (Seth 1723). */
.legal-borrador{max-width:72ch}
.legal-borrador .aviso-borrador{border:1px solid rgba(245,170,99,.45);background:rgba(245,170,99,.08);border-radius:10px;padding:12px 16px}
.legal-borrador mark{background:rgba(245,170,99,.22);color:inherit;padding:0 3px;border-radius:3px}
.tabla-legal{overflow-x:auto}.tabla-legal table{border-collapse:collapse;min-width:560px}.tabla-legal th,.tabla-legal td{border:1px solid rgba(216,198,182,.2);padding:8px 10px;text-align:left;vertical-align:top}
.footer-legal{grid-column:1/-1;font-size:.85rem;margin:0;opacity:.85}
.aviso-previa{font-size:.85rem;margin:.6rem 0 0;color:var(--cinema-muted,#D8C6B6)}
#whatsapp-summary[aria-disabled="true"],button[aria-disabled="true"]{opacity:.6;cursor:not-allowed}
.destination-cover--logo{margin-inline:auto}
/* Cabecera «fuego» (pedido de José, 10-oct): todo el segmento superior en degradado amarillo→fuego de la paleta.
   El logo carbón (PNG transparente, sin recolorear) va directo sobre el degradado; textos y controles en carbón. */
:root{--fuego-grad:linear-gradient(100deg,#FFE7BF 0%,#FFD08A 30%,#F5AA63 62%,#E8611A 100%);--fuego-tinta:#26221F}
.masthead,.top{background:var(--fuego-grad)!important;border-bottom:1px solid rgba(38,34,31,.25)!important;backdrop-filter:none!important}
.masthead .logo-placa,.top .logo-placa{background:#26221F;box-shadow:none;padding:5px 12px}
.masthead .nav a,.masthead .nav-toggle,.top nav a{color:var(--fuego-tinta)!important;font-weight:600}
.masthead .nav a:hover,.top nav a:hover{border-bottom-color:var(--fuego-tinta)}
.masthead .nav-toggle{border-color:rgba(38,34,31,.45)!important;background:rgba(255,248,242,.25)}
.masthead .nav a.btn,.masthead .nav .button,.top nav .button,.top nav a.button{background:var(--fuego-tinta)!important;color:#FFF8F2!important;border-color:var(--fuego-tinta)!important}
.masthead :focus-visible,.top :focus-visible{outline:2px solid var(--fuego-tinta)!important;outline-offset:3px}
/* Logo LDS v2.0 (22-oct, aprobado por José): placa carbón en todas partes; el logo es la variante oscura plana (manual LDS v2, §6). */
.logo-placa{background:#26221F}
/* Cabecera unificada en todas las páginas (pedido de José, 10-oct): misma altura, logo y menú que el inicio. */
.masthead__inner{min-height:68px!important;padding-block:2px!important;box-sizing:border-box}
.top{padding-block:2px!important;min-height:68px;box-sizing:border-box}
.masthead .logo-placa img.logo-carbon,.top .logo-placa img.logo-carbon{width:190px!important}
.masthead .nav a,.top nav a{font:600 13px/1.2 "Space Grotesk","IBM Plex Sans",system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase}
.masthead .nav a.btn,.masthead .nav .button,.top nav .button,.top nav a.button{letter-spacing:.04em;padding:10px 16px!important;border-radius:999px!important}
.masthead .ambient-toggle{background:rgba(255,248,242,.25)!important;color:var(--fuego-tinta)!important;border:1px solid rgba(38,34,31,.45)!important;box-shadow:none!important}
@media (max-width:599px){.masthead .logo-placa img.logo-carbon,.top .logo-placa img.logo-carbon{width:150px!important}}
@media (max-width:359px){.masthead .logo-placa img.logo-carbon,.top .logo-placa img.logo-carbon{width:132px!important}}
/* Marco de las piezas de la galería en tono carbón (antes gris verdoso #e7ece9). */
.media--contain{background:#37302B!important}
/* Menú móvil abierto: baja debajo del logo en lugar de salirse por la derecha (QA 320 px, H-B) */
@media (max-width:599px){.masthead__inner:has(.nav[data-open="true"]){flex-wrap:wrap}.masthead .nav[data-open="true"]{flex-basis:100%;width:100%}}

/* Formulario nativo de GHL incrustado (Diagnóstico). Altura fija: sin script de terceros para autoajuste. */
.formulario-ghl{display:block;width:100%;height:1000px;border:0;border-radius:12px;background:#fff;margin:16px 0}
@media(max-width:600px){.formulario-ghl{height:1160px}}

/* === CADENCIA-LDS-TS320-A v3 · inicio === APLICADO 16-oct-2026 (J4, autorización de José en el chat de Faro)
   Alcance: SOLO el iframe del formulario AKp2l7Ynw79cp47Oy2BR (1 coincidencia: diagnostico.html), ventanas ≤380 px.
   Qué hace: el iframe recupera los 18 px por lado que quita .shell { width: calc(100% - 36px) } (refinement.css, ≤540 px).
   v3 sustituye a v2 (100vw): en navegadores con barra de desplazamiento clásica, 100vw la incluye y causaba
   ~15 px de scroll horizontal. Depende de: .shell a 100% - 36 px y centrado; sin relleno en .solicitud-web.
   Reversión: borrar solo el bloque entre «inicio» y «fin» de este marcador. */
@media (max-width: 380px) {
  iframe.formulario-ghl[src*="AKp2l7Ynw79cp47Oy2BR"] {
    width: calc(100% + 36px);
    max-width: none;
    margin-left: -18px;
    margin-right: -18px;
    border-radius: 0;
  }
}
/* === CADENCIA-LDS-TS320-A v3 · fin === */