/* Logo Z32c (Claude Design, Leandro, 21-10-2026; vino como sitio-hoy/logo-z32f.css del proyecto). Se carga después de
   pacifico.css en todas las páginas (partials/layout.php). El markup lo arma sb_logo_palabra() en partials/logo.php desde
   site.name: <span class="marca__z"><span>Papeletas</span><b>al d<span class="ac">í</span>a</b></span>. PENDIENTE: las dos
   fuentes (Overpass 900 y Geist 600) vienen por @import de Google Fonts; el sitio las sirve propias (convención), falta bajarlas
   a assets/fonts/ y cambiar el @import por @font-face. */
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@900&family=Geist:wght@600&display=swap');
@supports selector(:has(*)){   /* progressive enhancement: sin :has() (navegadores de antes de 2023) la regla se ignora igual */
  .marca:has(.marca__z){align-items:flex-start;gap:12px}
  .marca:has(.marca__z) .marca__ico{width:58px;height:58px}
}
.marca__z{display:flex;flex-direction:column;line-height:1;color:#fff;white-space:nowrap}
.marca__z > span{font:600 15px/1 'Geist',sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-top:5.065px;margin-bottom:6px}
.marca__z b{font:900 32px/.9 'Overpass',sans-serif;letter-spacing:-.02em}
/* El acento de «día» (Leandro, 23-10: «el acento no está alineado con la letra i»): la tilde de Overpass arranca 1,5 px a la izquierda
   del palo a 32 px. Es la tilde de la propia fuente, del mismo tamaño, corrida 0,045em a la derecha para que su base calce con el palo.
   Como una parte de un glifo no se mueve sola: la letra (.ac) muestra sólo el palo (el degradado recortado al texto es transparente
   arriba del corte, que sale de --h, lo que mide logo-z32f.js; sin el script, .3em) y ::before vuelve a dibujar la misma letra
   (data-c, de sb_logo_palabra) en coral, recortada arriba del corte y corrida. El corte va .015em debajo de --h, en la mitad del hueco
   entre la tilde y el palo: justo en --h, a 390 px la última fila de la tilde de la fuente quedaba blanca debajo de la corrida. */
.marca__z .ac{--corte:calc(var(--h,.3em) + .015em);position:relative;background:linear-gradient(to bottom,transparent 0,transparent var(--corte),#fff var(--corte));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.marca__z .ac::before{content:attr(data-c);position:absolute;left:0;top:0;line-height:normal;color:#ec6a55;-webkit-text-fill-color:#ec6a55;clip-path:inset(0 0 calc(100% - var(--corte)) 0);transform:translateX(.045em);pointer-events:none}
.cabecera .fila{padding-top:10px;padding-bottom:10px}
@media (max-width:40rem){@supports selector(:has(*)){.marca:has(.marca__z){zoom:.8}}}
/* Con la cabecera más alta, el subrayado coral del ítem activo quedaba pegado al borde: va como fondo a 16 px bajo el centro de la
   palabra (fix 2 de Claude Design, 21-10; en app.css era un box-shadow inset) */
.menu a[aria-current="page"],.menu .desplegar.activo{box-shadow:none;background:linear-gradient(var(--ambar-v),var(--ambar-v)) no-repeat;background-size:100% 3px;background-position:center calc(50% + 16px);background-origin:content-box}
.menu .submenu li a[aria-current="page"]{background:none}