/* qfadesign — nav y pie compartidos por TODAS las páginas. Tipografías: Adobe Fonts (use.typekit.net/ftd7ahn.css), se carga en el <head> de cada página */
:root{--f:"articulat-cf",system-ui,sans-serif;--fh:"articulat-heavy-cf","articulat-cf",system-ui,sans-serif;--fp:"podium-soft-variable","articulat-cf",sans-serif;--azul:#0b75f4;--azul-f:#0a5cc0;--fondo:#0847a3;--nav:#06214d}

/* NAV: fija al scrollear, con efecto vidrio */
html{scroll-padding-top:84px}
nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.55);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.16);display:flex;justify-content:space-between;align-items:center;gap:10px 24px;padding:14px clamp(16px,2vw,28px)}
nav img{height:30px;width:auto}
nav ul{display:flex;gap:clamp(14px,2.4vw,36px);list-style:none;padding:0;font-size:clamp(18.7px,1.5vw,22px);font-weight:700;font-style:italic}
nav ul a{text-underline-offset:6px;text-decoration-thickness:2px}
nav ul a:hover,nav a[aria-current]{text-decoration:underline}
.burger{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);cursor:pointer;padding:0;position:relative;color:#fff}
.burger span{position:absolute;left:12px;right:12px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s,top .35s cubic-bezier(.2,.8,.2,1)}
.burger span:nth-child(1){top:15px}.burger span:nth-child(2){top:22px}.burger span:nth-child(3){top:29px}
.burger[aria-expanded=true] span:nth-child(1){top:22px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger[aria-expanded=true] span:nth-child(3){top:22px;transform:rotate(-45deg)}
@media(max-width:760px){
 html{scroll-padding-top:80px}
 nav{padding-block:9px}
 nav img{height:26px}
 .burger{display:block}
 nav ul{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px clamp(16px,4vw,28px) 18px;font-size:clamp(24px,7vw,32px);background:rgba(0,0,0,.92);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 24px 40px rgba(0,0,0,.35);clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;transition:clip-path .45s cubic-bezier(.65,0,.35,1),visibility 0s .45s}
 nav.abierto ul{clip-path:inset(0 0 -90px 0);visibility:visible;pointer-events:auto;transition:clip-path .6s cubic-bezier(.16,.9,.2,1),visibility 0s}
 nav ul li{opacity:0;translate:0 -14px;filter:blur(4px);transition:opacity .2s,translate .2s,filter .2s}
 nav.abierto ul li{opacity:1;translate:0 0;filter:blur(0);transition:opacity .45s cubic-bezier(.2,.8,.2,1) calc(.14s + var(--k)*.065s),translate .6s cubic-bezier(.16,.9,.2,1) calc(.14s + var(--k)*.065s),filter .45s calc(.14s + var(--k)*.065s)}
 nav ul li:nth-child(1){--k:0}nav ul li:nth-child(2){--k:1}nav ul li:nth-child(3){--k:2}nav ul li:nth-child(4){--k:3}nav ul li:nth-child(5){--k:4}
 .burger{transition:background .3s,border-color .3s,transform .45s cubic-bezier(.16,.9,.2,1)}
 .burger[aria-expanded=true]{background:rgba(255,255,255,.3);transform:rotate(90deg)}
 nav ul li+li{border-top:1px solid rgba(255,255,255,.16)}
 nav ul a{display:block;padding:14px 4px;text-decoration:none!important}
 nav ul a[aria-current]{color:#8fc2ff}
}

/* PIE: sin fondo propio, se ve el fondo de cada página */
footer{position:relative;z-index:1;background:none;color:#fff;overflow:hidden}
.gran{line-height:0;overflow:hidden;padding:clamp(6px,1.5vw,20px) clamp(16px,2vw,28px) 0}
.gran img{width:100%;transform:translateY(38%)}
.pie{position:relative;background:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 26px;padding:22px clamp(16px,2vw,28px);font-weight:900;font-style:italic;font-size:clamp(16px,1.6vw,22px);font-family:var(--fh)}
.pie img{height:26px;width:auto}
.redes{display:flex;flex-wrap:wrap;gap:8px 26px}
.redes a{text-underline-offset:6px;text-decoration-thickness:2px}
.redes a:hover{text-decoration:underline}
.firma{background:none;color:rgba(255,255,255,.72);text-align:center;font-style:italic;font-weight:400;font-size:14px;padding:0 16px 22px}
@media(max-width:700px){.pie{flex-direction:column;text-align:center}}

/* texto solo para lectores de pantalla y buscadores */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}