/* Approved boards. Shared visual layer; application state stays unchanged. */
body[data-editorial][data-ruta='/lugares'] .reticula{grid-template-columns:1.45fr 1fr;gap:18px 28px;grid-auto-flow:row}
body[data-editorial][data-ruta='/lugares'] .reticula>li{grid-column:auto;grid-row:auto;min-width:0}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])){grid-column:1;grid-row:span 3}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .tarjeta{display:flex;position:relative;min-height:690px;height:100%;justify-content:flex-end;padding:35px;color:#fff;overflow:hidden;gap:14px}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .trama{position:absolute;inset:0;z-index:0;margin:0;display:block}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .trama::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#101a10d9)}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .foto{height:100%;aspect-ratio:auto!important}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .meta,body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .titulo,body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .extracto,body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .pie{position:relative;z-index:1;color:inherit;grid-column:auto;padding:0;margin:0}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .meta span{color:var(--mist-white)!important}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .titulo{font-size:clamp(52px,5.3vw,85px);line-height:.92;max-width:12ch}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])){grid-column:2}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .tarjeta{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:10px 20px;background:var(--beige);padding:20px;min-height:218px}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .trama{grid-column:2;grid-row:1/4;margin:-20px -20px -20px 0}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .foto{height:100%;aspect-ratio:auto!important}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .titulo{font-size:32px;grid-column:1}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .extracto{display:none}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(n+2 of :not([hidden])):nth-child(-n+4 of :not([hidden])) .pie{font-size:10px;grid-column:1}
body[data-editorial][data-ruta='/'] .hero{min-height:660px;height:calc(100svh - 30px);max-height:950px}
body[data-editorial][data-ruta='/'] nav.oscuro{color:#1f2538;background:linear-gradient(rgb(245 243 240 / .77),rgb(245 243 240 / .27),transparent)}
body[data-editorial][data-ruta='/'] nav.oscuro .marca,body[data-editorial][data-ruta='/'] nav.oscuro .seccion{color:#1f2538}
body[data-editorial][data-ruta='/'] .hero-texto{padding:0 3.2vw 62px;max-width:none;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
body[data-editorial][data-ruta='/'] .hero-hueco{min-height:40px;flex:.2}
/* ── EL TITULAR, AJUSTADO AL BOSQUEJO ──────────────────────────────────
   Cinco diferencias medidas cotejando la ficha del dueño (1536×1024) con
   una captura del sitio (1440×900), las dos llevadas al mismo ancho:
     1 · PESO. La ficha usa un serif de asta gruesa; el sitio iba en 400,
         que en Cormorant es fino. Sube a 600, que YA está servido en
         `public/assets/fuentes` —no se añade ninguna descarga ni hay que
         volver a medir métricas de respaldo, porque la familia no cambia—.
     2 · TAMAÑO. «Chiapas» ocupaba el 38 % del ancho del lienzo contra el
         31 % de la ficha. 14vw → 11.6vw es ese 0,82.
     3 · INTERLÍNEA. En la ficha las dos líneas casi se tocan: el
         descendente de la «p» entra en la banda de «no se acaba». Los
         8 px de separación pasan a −.04em.
     4 · PROPORCIÓN ENTRE LÍNEAS. Medido sobre la altura de asta de la «b»
         de «acaba» contra la mayúscula de «Chiapas»: .73, no .78.
     5 · DESPLAZAMIENTO. En la ficha «no se acaba» NO está centrada bajo
         «Chiapas»: va corrida a la derecha. Medido en el cotejo a 1200 px
         de ancho, su centro cae 90 px a la derecha del de la primera
         línea, que a este cuerpo son ~1,05em de la segunda.
         Se usa `translate` y no `transform`: son propiedades distintas, y
         el revelado de la escena escribe en `transform`. Pisarlo dejaría
         la línea sin entrada, en silencio. */
body[data-editorial][data-ruta='/'] .titular{font-size:clamp(92px,11.6vw,178px);line-height:.82;font-weight:600;letter-spacing:-.055em}
body[data-editorial][data-ruta='/'] .linea-dos{font-style:normal;font-size:.73em;margin-top:-.1em;line-height:.93;translate:1.05em 0}
body[data-editorial][data-ruta='/'] .antetitulo{display:none}
body[data-editorial][data-ruta='/'] .hero-velo{background:linear-gradient(#161e1922,transparent 25%,#10181022 60%,#101810a6)}
body[data-editorial][data-ruta='/'] .hero-sumario{font:clamp(19px,2vw,29px)/1.3 var(--font-heading);margin:12px 0 0}/* la ficha lo pega al titular: 22px eran casi el doble del hueco medido */
body[data-editorial][data-ruta='/'] .guia-texto{max-width:65ch;font-size:14px;margin-top:12px}
body[data-editorial][data-ruta='/'] .origen{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 24px;margin-top:auto;padding:14px 0 0;border-top:1px solid #f5f1ea52;background:none}
body[data-editorial][data-ruta='/'] .origen::before{display:none}
body[data-editorial][data-ruta='/'] .og-grupo{display:contents}
body[data-editorial][data-ruta='/'] .og-fila{grid-column:1/-1;display:flex;align-items:stretch}
body[data-editorial][data-ruta='/'] .og-pie{grid-column:1;justify-self:end;font-size:10px;margin:0;color:#eee}
body[data-editorial][data-ruta='/'] .og-titulo{display:none}
body[data-editorial][data-ruta='/'] .aparato{display:contents}
body[data-editorial][data-ruta='/'] .ap-dato{position:relative;flex:1 1 auto;display:flex;flex-direction:column;gap:7px;padding:2px 20px}body[data-editorial][data-ruta='/'] .ap-dato::before{content:"";display:block;position:absolute;inset-block:2px;left:0;width:3px;background:repeating-linear-gradient(to bottom,var(--oro) 0 3px,transparent 3px 6px);opacity:.72}/* un solo filete, de puntadas: ADN textil */
body[data-editorial][data-ruta='/'] .ap-dato::after{display:none}
body[data-editorial][data-ruta='/'] .ap-dato dd{font:17px var(--font-heading);letter-spacing:.03em;color:#fff}
body[data-editorial][data-ruta='/'] .ap-rot{font-size:10px;letter-spacing:.16em;color:#eee}
body[data-editorial][data-ruta='/'] .og-nota{grid-column:1/-1;font-size:10px;margin:0}
body[data-editorial][data-ruta='/'] .og-fuentes{grid-column:2;font-size:10px;margin:0;text-align:right}
body[data-editorial][data-ruta='/'] .og-fuentes summary{min-height:44px;display:inline-flex;align-items:center}
body[data-editorial][data-ruta='/'] .guia{margin-bottom:clamp(30px,5vh,70px)}
body[data-editorial][data-ruta='/'] .hero-velos{opacity:.36}
body[data-editorial][data-ruta='/'] .og-titulo{font-size:10px;color:#eee}
body[data-editorial][data-ruta='/'] .ap-cifra{font-size:13px}
body[data-editorial][data-ruta='/'] .ap-rot{font-size:9px}
body[data-editorial][data-ruta='/'] .capitulo-abre .capitulo-cuerpo{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,90px)}
body[data-editorial][data-ruta='/'] .capitulo-abre .reja-dos-abre{display:flex;flex-direction:column;justify-content:center;gap:25px}
body[data-editorial][data-ruta='/'] .capitulo-abre .titulo-capitulo{font-size:clamp(48px,6vw,92px);line-height:.96}
body[data-editorial][data-ruta='/'] .lamina{border:0;min-height:540px}
body[data-editorial][data-ruta='/'] .lamina-img{height:100%;object-fit:cover;filter:none}
@media(max-width:700px){body[data-editorial][data-ruta='/'] .capitulo-abre .capitulo-cuerpo{grid-template-columns:1fr}body[data-editorial][data-ruta='/'] .lamina{min-height:320px}body[data-editorial][data-ruta='/'] .origen{display:grid;grid-template-columns:1fr}body[data-editorial][data-ruta='/'] .hero-sumario{font-size:21px}}
body[data-editorial]{--marfil:#fdfbf7;--beige:#ece5d6;--carbon:#1f2538;--espresso:#1f2538;--piedra:#5a5f73;--oro-texto:#3e5a80;--filete:#b9b7a680;--ed-acento:#3e5a80;background:var(--marfil)}
body[data-editorial] footer,body[data-editorial] .menu-panel,body[data-editorial] [data-cinta]{background:var(--chiapas-espresso)!important;color:var(--mist-white)}
body[data-editorial] footer .firma-pie{height:auto;padding:45px 24px}
body[data-editorial] footer .firma-editorial{width:min(100%,390px)}
body[data-editorial] .desc,body[data-editorial] article p{text-align:left;hyphens:none}
body[data-editorial] nav .seccion{font:18px var(--font-heading);letter-spacing:0;text-transform:none;min-height:44px;display:inline-flex;align-items:center}
body[data-editorial] nav .cola{display:none}
body[data-editorial] nav .secciones{margin-left:auto;order:1}
body[data-editorial] nav .menu-movil{display:block;order:2}
body[data-editorial] nav .menu-movil summary{display:flex;gap:24px;align-items:center;min-height:44px;cursor:pointer;font:18px var(--font-heading);list-style:none}
body[data-editorial] nav .menu-panel{position:absolute;top:100%;right:0;left:auto;width:min(460px,100vw);padding:25px 35px;box-shadow:0 20px 40px #0003}
body[data-editorial] nav .menu-panel a{display:flex;align-items:center;gap:25px;min-height:54px;border-bottom:1px solid #ffffff26;color:inherit;font:27px var(--font-heading)}
body[data-editorial] nav .menu-panel a span{font:10px var(--font-ui)}
body[data-editorial] .pagina>nav{border-bottom:1px solid var(--filete);padding-top:22px;padding-bottom:22px}
body[data-editorial] .pagina>.cabecera{padding-top:clamp(45px,6vw,100px);padding-bottom:35px;border-bottom:1px solid var(--filete);margin-bottom:24px}
body[data-editorial] .cabecera h1{font-size:clamp(56px,7.6vw,116px);font-weight:400;letter-spacing:-.055em;line-height:.94}
body[data-editorial] .ante{color:#5a5f73;letter-spacing:.2em}
body[data-editorial] .trama{border:0;outline:none}
body[data-editorial] .estampa-img{filter:none}
body[data-editorial] .cenefa,body[data-editorial] [data-costura],body[data-editorial] nav .entrar [data-micro]{display:none}
body[data-editorial] .tarjeta .titulo{font-size:clamp(29px,3vw,48px);line-height:1.02}
body[data-editorial] .tarjeta .extracto{text-align:left}
body[data-editorial] .tarjeta.ancha{grid-template-columns:1.5fr 1fr}
body[data-editorial] .tarjeta.ancha .titulo{font-size:clamp(38px,4.5vw,70px)}
body[data-editorial] .barra{border-bottom:1px solid var(--filete);background:var(--marfil)}
body[data-editorial] .filtro{border-radius:0}
body[data-editorial] .filtro.activo{background:transparent;color:var(--carbon);box-shadow:inset 0 -2px var(--ed-acento)}
body[data-editorial] .contactos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-editorial] .contactos li:nth-child(3n+1){grid-row:span 2}
body[data-editorial] .contacto-marco{min-height:280px}
body[data-editorial][data-ruta='/galeria'] .vacio .contacto-marco{display:none}
body[data-editorial][data-ruta='/galeria'] .vacio .contactos{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-editorial][data-ruta='/galeria'] .vacio .contactos li{grid-row:auto}
body[data-editorial][data-ruta='/galeria'] .vacio{padding-top:20px;border-top:1px solid var(--filete)}
body[data-editorial][data-ruta='/galeria'] .vacio-dice{font-size:16px;max-width:70ch;margin:0 0 30px}
body[data-editorial] .contactos li:nth-child(3n+1) .contacto-marco{min-height:460px}
body[data-editorial] .contacto-pie{padding:16px 0;border-bottom:1px solid var(--filete)}
body[data-editorial][data-ruta='/mapa'] .reja{grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);max-width:1500px;margin:auto}
body[data-editorial][data-ruta='/mapa'] .lienzo{grid-column:1;grid-row:1}
body[data-editorial][data-ruta='/mapa'] .panel{grid-column:2;grid-row:1}
body[data-editorial][data-ruta='/mapa'] .lienzo{background:linear-gradient(#10281ac9,#10281ae6),url('/assets/estampas/bosque-editorial.webp') center/cover;min-height:620px}
body[data-editorial][data-ruta='/mapa'] .lienzo-trama{opacity:.32;background:url('/assets/curvas-editoriales.svg') center/cover}
body[data-editorial][data-ruta='/mapa'] .lienzo-titulo{font-size:clamp(35px,4vw,60px);line-height:1}
body[data-editorial][data-ruta='/agenda'] .anual{padding:35px 0;border-top:1px solid var(--filete)}
body[data-editorial][data-ruta='/agenda'] .anual-mes{border-radius:0}
body[data-editorial][data-ruta='/agenda'] .sinnada{display:flex;flex-direction:column}
body[data-editorial][data-ruta='/agenda'] .anual{order:-1;margin-top:0}
body[data-editorial][data-ruta='/agenda'] .vacio{background:none;padding:36px 0;border-top:1px solid var(--filete)}
body[data-editorial][data-ruta='/agenda'] .vacio::before,body[data-editorial][data-ruta='/agenda'] .vacio::after{display:none}
body[data-editorial][data-ruta='/agenda'] .anual-meses{gap:1px}
body[data-editorial][data-ruta='/agenda'] .anual-mes{height:26px;background:#ece5d6}
body[data-editorial][data-ruta='/agenda'] .anual-mes[data-on]{background:var(--hilo-mes)}
body[data-editorial][data-ruta='/entrar'] .cuerpo{max-width:1000px;margin:50px auto;padding:45px 50px 60px 55%;background:linear-gradient(90deg,transparent 46%,var(--marfil) 46%),url('/assets/estampas/cafe-editorial.webp') left center/50% 100% no-repeat;border:1px solid var(--filete)}
@media(max-width:700px){body[data-editorial][data-ruta='/entrar'] .cuerpo{padding:30px 22px;margin:20px;background:var(--marfil)}}
body[data-editorial][data-ruta='/sobre'] header{display:grid;grid-template-columns:1.15fr 1fr;gap:35px 65px;align-items:start}
body[data-editorial][data-ruta='/sobre'] .sobre-titular{grid-column:1/-1}
body[data-editorial][data-ruta='/sobre'] header h1{font:clamp(56px,7.6vw,116px)/.96 var(--font-heading);letter-spacing:-.05em;max-width:none}
body[data-editorial][data-ruta='/sobre'] .sobre-relato{grid-column:2;grid-row:2;padding-top:20px}
body[data-editorial][data-ruta='/sobre'] header .paspartu{grid-column:1;grid-row:2}
body[data-editorial][data-ruta='/sobre'] .editorial-paisaje{min-height:610px}
body[data-editorial][data-ruta='/sobre'] .entrada{text-align:left;hyphens:none;font:22px/1.6 var(--font-heading)}
body[data-editorial][data-ruta='/sobre'] .voces-enlace{margin-top:35px;border-top:1px solid var(--filete);padding-top:25px}
body[data-editorial][data-ruta='/sobre'] .voces-enlace h2{margin:0;font-size:40px}
body[data-editorial][data-ruta='/sobre'] .voces-enlace a{display:inline-flex;align-items:center;gap:30px;min-height:44px;border-bottom:1px solid var(--ed-acento)}
body[data-editorial][data-ruta='/sobre'] .paspartu{border:0;outline:none;width:100%;max-width:none;margin:0;padding:0}
body[data-editorial] footer .aviso{color:#d6cdbb}
body[data-editorial] footer a{min-height:44px;display:inline-flex;align-items:center}
body[data-editorial][data-ruta='/'] .paisaje-nota a{display:inline-flex;align-items:center;min-height:44px;color:var(--golden-crema)}
body[data-editorial][data-ruta='/agenda'] .anual-fila:first-child .anual-mes em{display:block;top:-24px;bottom:auto}
body[data-editorial][data-ruta='/agenda'] .anual-fila:first-child{margin-top:30px}
body[data-editorial] .editorial-inserto{max-width:1372px;margin:32px auto 55px;padding:0 24px}
body[data-editorial] .editorial-diptico{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}
body[data-editorial] .editorial-nota{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--filete);border-bottom:1px solid var(--filete);padding:clamp(24px,4vw,64px)}
body[data-editorial] .editorial-nota h2{font:clamp(35px,4vw,62px)/1 var(--font-heading);margin:15px 0;letter-spacing:-.035em}
body[data-editorial] .editorial-nota p{line-height:1.7;max-width:38ch}
body[data-editorial] a:focus-visible,body[data-editorial] summary:focus-visible{outline:2px solid var(--ed-acento);outline-offset:5px}
/* El menú pasa por fondos oscuros y claros (hero, cabecera, barra marfil): anillo de dos tintas, oro con canto espresso, visible sobre cualquiera. El acento solo daba 1,12:1 sobre el hero. */
body[data-editorial] nav a:focus-visible,body[data-editorial] nav summary:focus-visible{outline:2px solid #f7c687;outline-offset:2px;box-shadow:0 0 0 2px #1f2538;border-radius:2px}
body[data-editorial][data-ruta^='/lugares/'] .hero{display:flex;flex-direction:column;background:var(--marfil);color:var(--carbon);height:auto;min-height:0;max-width:1500px;margin:auto;padding:35px clamp(20px,4vw,64px) 0}
body[data-editorial][data-ruta^='/lugares/'] .hero-texto{position:relative;order:-1;max-width:none;padding:15px 0 30px;transform:none!important;color:var(--carbon)}
body[data-editorial][data-ruta^='/lugares/'] .hero h1{font-size:clamp(52px,6.5vw,102px);max-width:18ch;line-height:.96;letter-spacing:-.05em}
body[data-editorial][data-ruta^='/lugares/'] .hero-foto{position:relative;inset:auto;width:100%;height:clamp(300px,38vw,570px);transform:none!important;flex:none}
body[data-editorial][data-ruta^='/lugares/'] .hero-velo{display:none}
body[data-editorial][data-ruta^='/lugares/'] .hero .miga,body[data-editorial][data-ruta^='/lugares/'] .hero .creditos,body[data-editorial][data-ruta^='/lugares/'] .hero .atribucion{color:var(--piedra)}
@media(max-width:700px){
body[data-editorial][data-ruta='/sobre'] header{grid-template-columns:1fr}
body[data-editorial][data-ruta='/sobre'] .sobre-titular,body[data-editorial][data-ruta='/sobre'] .sobre-relato,body[data-editorial][data-ruta='/sobre'] header .paspartu{grid-column:1;grid-row:auto}
body[data-editorial][data-ruta='/sobre'] .sobre-titular{order:0}
body[data-editorial][data-ruta='/sobre'] header .paspartu{order:1}
body[data-editorial][data-ruta='/sobre'] .sobre-relato{order:2}
body[data-editorial][data-ruta='/sobre'] .editorial-paisaje{min-height:420px}
body[data-editorial] nav .secciones{display:none}
body[data-editorial][data-ruta='/'] .hero{height:auto;min-height:100svh;max-height:none}
body[data-editorial][data-ruta='/'] .hero-texto{padding:0 22px 70px}
body[data-editorial][data-ruta='/'] .hero-hueco{min-height:100px}
body[data-editorial][data-ruta='/'] .titular{font-size:clamp(85px,24vw,150px)}
body[data-editorial][data-ruta='/'] .linea-dos{font-size:.64em;white-space:nowrap;translate:none}/* el corrimiento se retira en estrecho: a 390 px saca la línea de la caja */
body[data-editorial][data-ruta='/'] .hero-sumario{font-size:22px;max-width:25ch;margin:20px auto}
body[data-editorial][data-ruta='/'] .origen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px;gap:18px 8px}
body[data-editorial][data-ruta='/'] .ap-dato{padding:0 12px}
body[data-editorial][data-ruta='/'] .og-fuentes,body[data-editorial][data-ruta='/'] .og-nota{grid-column:1/-1;text-align:left}
body[data-editorial][data-ruta='/mapa'] .reja{grid-template-columns:1fr}
body[data-editorial][data-ruta='/mapa'] .lienzo,body[data-editorial][data-ruta='/mapa'] .panel{grid-column:1;grid-row:auto}
body[data-editorial][data-ruta='/mapa'] .lienzo{grid-row:1;min-height:440px}
body[data-editorial][data-ruta='/lugares'] .reticula{grid-template-columns:1fr}
body[data-editorial][data-ruta='/lugares'] .reticula>li{grid-column:1!important;grid-row:auto!important}
body[data-editorial][data-ruta='/lugares'] .reticula>li:nth-child(1 of :not([hidden])) .tarjeta{min-height:520px;padding:25px}
}
@media(max-width:700px){body[data-editorial] .contactos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-editorial] .contacto-marco,body[data-editorial] .contactos li:nth-child(3n+1) .contacto-marco{min-height:230px}body[data-editorial] .tarjeta.ancha{display:flex}body[data-editorial][data-ruta='/mapa'] .reja,body[data-editorial] .editorial-diptico{grid-template-columns:1fr}body[data-editorial] .cabecera h1{font-size:clamp(49px,12vw,78px)}body[data-editorial] .editorial-inserto{padding:0 20px}}

/* ── LA FRANJA DEL HERO, COMO LA FICHA (decisión 035) ─────────────────
   Una tira: lugar + columnas rotuladas con filete, de canto a canto.
   Antes salía como lista vertical: `.origen` heredaba `flex-direction:
   column` de index.astro y esta hoja ponía `.og-fila` en `display:
   contents`, así que las celdas caían en esa columna. Ahora la tira
   tiene un solo dueño: esta hoja. */
body[data-editorial][data-ruta='/'] .og-lugar{display:flex;align-items:center;padding-right:24px;font:500 11px var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#fff;white-space:nowrap}
@media(min-width:701px) and (max-width:1199px){body[data-editorial][data-ruta='/'] .og-fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}body[data-editorial][data-ruta='/'] .og-lugar{grid-column:1/-1;padding:0}body[data-editorial][data-ruta='/'] .ap-dato{padding:0}body[data-editorial][data-ruta='/'] .ap-dato::before{display:none}}
@media(max-width:700px){body[data-editorial][data-ruta='/'] .ap-dato::before{display:none}body[data-editorial][data-ruta='/'] .origen{background:linear-gradient(#101810d6,#101810c2);padding:14px 12px 12px;border-top:0}/* en móvil la franja cae sobre niebla clara: sin velo daba 2,6:1 */body[data-editorial][data-ruta='/'] .og-fila{display:contents}body[data-editorial][data-ruta='/'] .og-lugar{grid-column:1/-1;padding:0;white-space:normal}body[data-editorial][data-ruta='/'] .og-pie,body[data-editorial][data-ruta='/'] .og-fuentes{grid-column:1/-1;justify-self:start;text-align:left}}

/* «Se sale temprano…» vive ahora en el capítulo marfil, no en el hero: con
   la tinta marfil del hero quedaba a ~1,1:1, ilegible (decisión 037). */
body[data-editorial][data-ruta='/'] .capitulo-abre .guia-texto{color:color-mix(in srgb,var(--carbon) 80%,transparent)}

/* ── 068 · Instrumento. La franja de datos se lee como un cuadro de mandos:
      esfera de puntadas con la hora de Cacahoatán y cifras de ancho fijo.
      La esfera sólo vive donde la franja es una fila (≥1200 px); en tableta
      y teléfono la cifra en texto basta. ── */
body[data-editorial][data-ruta='/'] .ap-esfera{display:none;margin:0}
@media(min-width:1200px){
body[data-editorial][data-ruta='/'] .ap-esfera{display:block;flex:none;align-self:center;width:58px;height:58px;margin:0 6px 0 18px}
}
body[data-editorial][data-ruta='/'] .ap-esfera svg{display:block;width:100%;height:100%;overflow:visible}
body[data-editorial][data-ruta='/'] .ap-esfera .esf-hora{fill:var(--golden-crema)}
body[data-editorial][data-ruta='/'] .ap-esfera .esf-min{fill:rgb(245 243 240 / .42)}
body[data-editorial][data-ruta='/'] .ap-esfera .esf-aguja-h,
body[data-editorial][data-ruta='/'] .ap-esfera .esf-aguja-m{fill:var(--mist-white)}
body[data-editorial][data-ruta='/'] .ap-esfera .esf-aguja-s{fill:var(--golden-crema);transform-box:view-box;transform-origin:0 0;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
body[data-editorial][data-ruta='/'] .ap-esfera[data-salto] .esf-aguja-s{transition:none}
body[data-editorial][data-ruta='/'] .ap-esfera .esf-eje{fill:var(--golden-crema)}
body[data-editorial][data-ruta='/'] .ap-cifra{font-variant-numeric:tabular-nums lining-nums}
/* La hora local se queda en blanco: en crema sobre la foto daba ≈2,1:1 en el
   píxel más claro bajo la caja. El acento crema lo lleva el segundero. */
@media(prefers-reduced-motion:reduce){body[data-editorial][data-ruta='/'] .ap-esfera .esf-aguja-s{transition:none}}
/* 068 · El atajo «Chat en vivo» es fijo abajo a la derecha y, en la primera
   vista de escritorio, tapaba «Ver fuentes» (medido a 1280 y 1440 px). La
   segunda fila de la franja le deja su sitio. */
@media(min-width:701px){body[data-editorial][data-ruta='/'] .og-fuentes{margin-right:150px}}
/* 068 · Con movimiento reducido el atajo del chat está a la vista desde el
   primer cuadro (no cede ante el hero) y en el teléfono tapaba «Volver a ver
   la firma». La línea del pie se aparta de su columna sólo en ese caso: vale
   para cualquier alto de pantalla, que es lo que fallaba a 360×740. */
@media(max-width:700px) and (prefers-reduced-motion:reduce){body[data-editorial][data-ruta='/'] .paisaje-nota{box-sizing:border-box;padding-right:150px;text-align:left}}