/* DEEC Studio · estilos compartidos (navegación, menú móvil, selector de idioma y footer).
   Extraídos de styles.css para reutilizarlos en páginas independientes. */
:root{
  --bg:#FFFFFF; --bg2:#F9FAFB; --card:#FFFFFF;
  --fg:#111827; --text:#4B5563; --muted:#6B7280;
  --acc:#2563EB; --acc-hover:#1D4ED8; --acc-dark:#3B82F6; --accfg:#FFFFFF;
  --line:#E5E7EB; --line-strong:#D1D5DB; --g100:#F3F4F6; --g200:#E5E7EB;
  --sans:"Manrope","Raleway","Segoe UI",system-ui,sans-serif; /* Manrope solo carga dígitos y $ % : */
  --logo:"Cormorant Garamond",Georgia,serif;
}
.nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 6vw}
.nav__links{display:flex;gap:clamp(20px,2.4vw,36px);font-size:14px;font-weight:400;letter-spacing:.04em;white-space:nowrap}
.nav__links a{color:var(--text);transition:color .2s}
.nav__links a:hover{color:var(--acc)}
.logo{display:inline-flex;align-items:center;color:var(--fg);line-height:0}
.logo__svg{display:block;height:24px;width:auto;aspect-ratio:298/51}
.footer{background:var(--inv-bg);color:var(--inv-fg);padding:9vh 6vw 32px}
.footer .logo{color:var(--inv-fg)}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:64px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer__brand p{margin-top:24px;max-width:38ch;font-size:15px;color:var(--inv-fg)}
.footer h4{font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--acc-dark);margin-bottom:20px}
.footer li{margin-bottom:12px;font-size:15px}
.footer li a{color:var(--inv-fg);transition:color .2s}
.footer li a:hover{color:var(--inv-fg)}
.footer__copy{padding-top:28px;font-size:11px;color:var(--muted)}
@media (max-width:760px){
  .nav__links{display:none}
  .nav__in .btn{padding:11px 18px}
  .logo__svg{height:21px}
  .footer__grid{grid-template-columns:1fr}
  .footer__grid{gap:40px}
}
.burger,.menu{display:none}
.burger{position:relative;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;flex:none}
.burger:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent);outline-offset:2px;border-radius:8px}
.burger span{position:absolute;right:0;width:26px;height:1.5px;border-radius:2px;background:var(--inv-bg);transition:transform .45s cubic-bezier(.7,0,.2,1),top .45s cubic-bezier(.7,0,.2,1),width .3s}
.burger span:nth-child(1){top:16px}
.burger span:nth-child(2){top:26px;width:16px}
.burger:hover span:nth-child(2){width:26px}
.burger--close span:nth-child(1),.burger--close span:nth-child(2){top:21px;width:26px}
.burger--close span:nth-child(1){transform:rotate(45deg)}
.burger--close span:nth-child(2){transform:rotate(-45deg)}
html.menu-open{overflow:hidden}
@media (max-width:1080px){
  .nav__links{display:none}
  .nav__in{gap:0}
  .nav__in .btn{margin-left:auto;margin-right:10px;padding:10px 16px;font-size:13px}
  .burger{display:block}
  .menu{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--card) 0%,#F7FAFF 38%,#EAF2FF 72%,var(--info-l) 100%);visibility:hidden;clip-path:circle(0 at calc(100% - 6vw - 13px) 40px);transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s .75s}
  .menu-open .menu{visibility:visible;clip-path:circle(150% at calc(100% - 6vw - 13px) 40px);transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility 0s}
  .menu__bg{position:absolute;inset:0;pointer-events:none}
  .menu__bg::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 85% 45% at 85% 100%,color-mix(in srgb,var(--acc) 22%,transparent),color-mix(in srgb,var(--acc) 0%,transparent) 70%),radial-gradient(ellipse 70% 35% at 0% 55%,color-mix(in srgb,var(--acc) 7%,transparent),color-mix(in srgb,var(--acc) 0%,transparent) 70%)}
  .menu__bg::after{display:none}
  .menu__top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw}
  .menu__nav{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 6vw;overflow-y:auto;overscroll-behavior:contain}
  .menu__nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(20px,4.2vh,36px) 0;border-bottom:1px solid color-mix(in srgb,var(--shadow) 9%,transparent);font-size:min(8.5vw,36px);font-weight:300;letter-spacing:-.03em;line-height:1.1;color:var(--fg);opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1),color .2s}
  .menu-open .menu__nav a{opacity:1;transform:none;transition-delay:calc(.3s + var(--i)*.08s),calc(.3s + var(--i)*.08s),0s}
  .menu__n{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--acc)}
  .menu__nav .ic{width:22px;height:22px;color:var(--line-strong);transition:transform .25s,color .25s}
  .menu__nav a:first-child{border-top:1px solid color-mix(in srgb,var(--shadow) 9%,transparent)}
  .menu__nav .ic{width:20px;height:20px;flex:none;opacity:.5}
  .menu__nav a:active,.menu__nav a:hover{color:var(--acc)}
  .menu__nav a:active .ic,.menu__nav a:hover .ic{color:var(--acc);transform:translateX(4px)}
  .menu__foot{position:relative;padding:20px 6vw calc(26px + env(safe-area-inset-bottom));opacity:0;transform:translateY(20px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .menu-open .menu__foot{opacity:1;transform:none;transition-delay:.7s}
  .menu__cta{display:grid;gap:10px}
  .menu__cta .btn{width:100%}
  .menu__foot p{margin-top:18px;max-width:36ch;font-size:12.5px;line-height:1.55;color:var(--muted)}
}
@media (prefers-reduced-motion:reduce){
  .menu,.menu__nav a,.menu__foot,.burger span,.menu__bg::after{transition:none!important;animation:none!important}
}
.cn .nav-label{font-size:8px;color:#6e7b91;letter-spacing:1.6px;font-weight:800;padding:13px 11px 7px}
.cn .nav-label{font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase}
.footer{position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--inv-acc) 34%,transparent) 1.2px,transparent 1.7px) 0 0/26px 26px;-webkit-mask-image:radial-gradient(ellipse 42% 60% at 100% 0%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),radial-gradient(ellipse 34% 55% at 0% 100%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);mask-image:radial-gradient(ellipse 42% 60% at 100% 0%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),radial-gradient(ellipse 34% 55% at 0% 100%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%)}
.footer > *{position:relative;z-index:1}
@media (max-width:900px){
  .footer::before{-webkit-mask-image:radial-gradient(ellipse 80% 22% at 100% 0%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),radial-gradient(ellipse 80% 20% at 0% 100%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);mask-image:radial-gradient(ellipse 80% 22% at 100% 0%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%),radial-gradient(ellipse 80% 20% at 0% 100%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%)}
}
.ann{background:#0B1226;color:var(--inv-fg);text-align:center;padding:9px 6vw;border-bottom:1px solid rgba(255,255,255,.08)}
.ann p{margin:0;font-size:12px;font-weight:400;letter-spacing:.06em;line-height:1.45}
.ann__dot{display:inline-block;margin:0 12px;color:var(--inv-acc);font-weight:600}
@media (max-width:900px){
  .ann{padding:8px 16px}
  .ann p{font-size:11px;letter-spacing:.04em}
  .ann__dot{margin:0 8px}
}
.footer__grid{grid-template-columns:1.6fr 1fr;border-bottom:0;padding-bottom:40px}
.footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;padding:44px 0 48px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.footer .fc__t{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:17px;font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--inv-fg)}
.fc__i{flex:none;width:22px;height:22px;fill:none;stroke:#CBD5E1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fc__d{margin:0 0 22px;padding-left:34px;max-width:30ch;font-size:15px;line-height:1.55;color:var(--muted)}
.footer .fc ul{padding-left:34px}
.footer .fc li{margin-bottom:12px;font-size:15px;line-height:1.45}
@media (max-width:1100px){
  .footer__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
}
@media (max-width:900px){
  .footer__grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .footer__cols{grid-template-columns:1fr;gap:36px}
}
.footer .fc__t{display:block;margin:0 0 20px;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--acc-dark)}
.fc__i{display:none}
.fc__d,.footer .fc ul{padding-left:0}
.footer .fc__t{margin-bottom:22px}
.footer__grid{grid-template-columns:1fr;padding-bottom:36px}
.footer__cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.footer .fc__t{font-size:11px;letter-spacing:.18em;margin-bottom:20px}
.footer .fc li{margin-bottom:10px;font-size:13.5px;line-height:1.45}
@media (max-width:1100px){
  .footer__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
}
@media (max-width:700px){
  .footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:440px){
  .footer__cols{grid-template-columns:1fr;gap:30px}
}
.footer{background:linear-gradient(180deg,var(--inv-bg) 0%,#0E1526 55%,#090E1B 100%);padding:96px 6vw 0;color:var(--inv-fg)}
.footer::after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acc-2) 85%,transparent) 50%,transparent);box-shadow:0 0 46px 6px color-mix(in srgb,var(--acc) 28%,transparent)}
.footer .wrap{max-width:1180px;margin-inline:auto}
.ft__top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:56px}
.ft__brand .logo{display:inline-block}
.ft__brand p{margin:22px 0 0;max-width:46ch;font-size:15px;line-height:1.7;color:#9AA4B5}
.ft__cta{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;border:1px solid color-mix(in srgb,var(--inv-acc) 35%,transparent);border-radius:4px;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--inv-fg);font-size:14px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.ft__cta svg,.ft__up svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ft__cta:hover{background:var(--acc);border-color:var(--acc);transform:translateY(-2px);box-shadow:0 18px 34px -16px color-mix(in srgb,var(--acc) 90%,transparent)}
.ft__cta:hover svg{transform:translateX(3px)}
.footer .ft__panel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:38px 34px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 80px -50px color-mix(in srgb,var(--shadow) 70%,transparent)}
.ft__panel .fc{padding:0 24px;border-left:1px solid rgba(255,255,255,.08)}
.ft__panel .fc:first-child{padding-left:0;border-left:0}
.ft__panel .fc:last-child{padding-right:0}
.footer .fc__t{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--inv-acc)}
.footer .fc__t::before{content:"";flex:none;width:5px;height:5px;background:var(--acc-top);box-shadow:0 0 10px 1px color-mix(in srgb,var(--acc-top) 90%,transparent)}
.footer .fc ul{padding:0;margin:0;list-style:none}
.footer .fc li{margin-bottom:11px;font-size:13.5px;line-height:1.45}
.footer .fc li a{display:inline-block;color:#A9B3C4;transition:color .2s,transform .2s}
.footer .fc li a:hover{color:var(--inv-fg);transform:translateX(4px)}
.ft__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 22px}
.footer .footer__copy{margin:0;padding:0;font-size:12px;letter-spacing:.04em;color:#7B8599}
.ft__up{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12px;letter-spacing:.06em;color:#A9B3C4;transition:color .2s,border-color .2s}
.ft__up:hover{color:var(--inv-fg);border-color:color-mix(in srgb,var(--acc-2) 70%,transparent)}
.ft__up:hover svg{transform:translateY(-2px)}
.ft__mark{position:relative;z-index:1;margin:6px 0 0;text-align:center;font-size:clamp(70px,17.4vw,270px);line-height:.8;font-weight:700;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;user-select:none;overflow:hidden;height:.62em;color:transparent}
.ft__mark span,.ft__mark i{background:linear-gradient(180deg,color-mix(in srgb,var(--inv-acc) 34%,transparent) 0%,color-mix(in srgb,var(--acc-top) 9%,transparent) 58%,transparent 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ft__mark i{font-style:normal;font-weight:200;letter-spacing:-.03em;margin-left:.04em}
@media (max-width:1100px){
  .footer .ft__panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 0;padding:32px 28px}
  .ft__panel .fc:nth-child(3n+1){padding-left:0;border-left:0}
  .ft__panel .fc{padding:0 22px}
}
@media (max-width:900px){
  .footer{padding:72px 6vw 0}
  .ft__top{flex-direction:column;align-items:flex-start;gap:28px;padding-bottom:40px}
  .ft__cta{width:100%;justify-content:center}
}
@media (max-width:700px){
  .footer .ft__panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 22px;gap:30px 0}
  .ft__panel .fc,.ft__panel .fc:last-child{padding:0 16px;border-left:1px solid rgba(255,255,255,.08)}
  .ft__panel .fc:nth-child(odd){padding-left:0;border-left:0}
  .ft__panel .fc:nth-child(even){padding-right:0}
  .ft__bar{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:440px){
  .footer .ft__panel{grid-template-columns:1fr}
  .ft__panel .fc,.ft__panel .fc:nth-child(even),.ft__panel .fc:nth-child(odd){padding:0;border-left:0}
}
.ft__mark{font-size:clamp(56px,13.2vw,210px)}
@media (min-width:1101px){
  .footer .fc__t{align-items:flex-start;min-height:2.7em;margin-bottom:12px;line-height:1.4}
  .footer .fc__t::before{margin-top:.38em}
}
.footer .fc__t::before{display:none}
.footer .fc__t{gap:0}
.lang{position:relative;flex:none}
.lang__btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 14px;border:1px solid color-mix(in srgb,var(--shadow) 12%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg);font:inherit;font-size:12px;font-weight:500;letter-spacing:.14em;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.lang__btn:hover,.lang.is-open .lang__btn{border-color:color-mix(in srgb,var(--acc) 55%,transparent);box-shadow:0 8px 24px -14px color-mix(in srgb,var(--acc) 55%,transparent);background:var(--card)}
.lang__btn:focus-visible,.lang__menu li:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.lang__g{width:17px;height:17px;fill:none;stroke:var(--acc);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lang__c{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:transform .25s}
.lang.is-open .lang__c{transform:rotate(180deg)}
.lang__menu{position:absolute;top:calc(100% + 12px);inset-inline-end:0;z-index:50;min-width:232px;margin:0;padding:8px;list-style:none;background:color-mix(in srgb,var(--card) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--shadow) 8%,transparent);border-radius:12px;box-shadow:0 28px 70px -24px color-mix(in srgb,var(--shadow) 40%,transparent),0 2px 6px color-mix(in srgb,var(--shadow) 5%,transparent);animation:langin .22s cubic-bezier(.2,.8,.2,1)}
.lang__menu[hidden]{display:none}
.lang__menu li{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:var(--text);cursor:pointer;transition:background .15s,color .15s}
.lang__menu li:hover,.lang__menu li:focus{background:var(--acc-l);color:var(--fg);outline:0}
.lang__code{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:6px;background:var(--g100);color:var(--text);font-size:11px;font-weight:600;letter-spacing:.1em}
.lang__name{flex:1;font-size:15px;font-weight:400;color:var(--fg)}
.lang__k{width:16px;height:16px;fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.lang__menu li[aria-selected=true] .lang__code{background:var(--acc);color:var(--accfg)}
.lang__menu li[aria-selected=true] .lang__k{opacity:1}
.lang-seg{display:inline-flex;gap:4px;padding:4px;margin-bottom:22px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.lang-seg button{min-width:58px;height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:13px;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:background .2s,color .2s}
.lang-seg button[aria-pressed=true]{background:var(--acc);color:var(--accfg)}
@media (max-width:900px){
  .lang{display:none}
}
@media (min-width:901px){
  .lang-seg{display:none}
}
html[lang=ar] .lang__code,html[lang=ar] .lang-seg button{letter-spacing:.06em!important}
html[lang=ar] .lang__name{font-size:16px}
html[dir=rtl] .menu__nav .ic,html[dir=rtl] .ft__cta svg{transform:scaleX(-1)}
html[dir=rtl] .ft__mark{direction:ltr}
html[dir=rtl] .ann,html[dir=rtl] .footer{direction:rtl}
.flag{flex:none;width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px color-mix(in srgb,var(--shadow) 14%,transparent),0 1px 2px color-mix(in srgb,var(--shadow) 12%,transparent);overflow:hidden}
.lang__fl{width:22px;height:15px}
.lang__btn{gap:9px;padding:0 12px 0 12px}
.lang__menu li .flag{order:1}
.lang__menu li .lang__name{order:2}
.lang__menu li .lang__code{order:3;width:auto;height:auto;padding:0;background:transparent;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.1em}
.lang__menu li .lang__k{order:4}
.lang__menu li[aria-selected=true] .lang__code{background:transparent;color:var(--acc)}
.lang__menu li[aria-selected=true]{background:var(--acc-l)}
.lang-seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.lang-seg .flag{width:20px;height:13px}
.nav__tools{display:flex;align-items:center;gap:6px;flex:none;padding:4px;border:1px solid color-mix(in srgb,var(--shadow) 12%,transparent);border-radius:999px;background:color-mix(in srgb,var(--card) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px -20px color-mix(in srgb,var(--shadow) 40%,transparent)}
.nav__ct{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--acc);color:var(--accfg);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--acc) 90%,transparent);transition:background .2s,transform .2s,box-shadow .2s}
.nav__ct svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav__ct:hover{background:var(--acc-hover);transform:translateY(-1px);box-shadow:0 12px 22px -10px color-mix(in srgb,var(--acc) 95%,transparent)}
.nav__ct:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.nav__sep{width:1px;height:20px;background:color-mix(in srgb,var(--shadow) 14%,transparent)}
.nav__tools .lang__btn{height:36px;border:0;border-radius:999px;background:transparent;box-shadow:none;padding:0 12px 0 10px;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav__tools .lang__btn:hover,.nav__tools .lang.is-open .lang__btn{background:var(--acc-l);box-shadow:none}
.nav__tools .lang__menu{top:calc(100% + 16px);inset-inline-end:-4px}
@media (max-width:900px){
  .lang{display:block}
  .lang-seg{display:none}
  .nav__tools{margin-inline-start:auto;margin-inline-end:6px;gap:4px;padding:3px}
  .nav__ct{width:34px;height:34px}
  .nav__tools .lang__btn{height:34px;padding:0 9px 0 8px;gap:6px;font-size:11px}
  .nav__tools .lang__menu{min-width:220px;inset-inline-end:-3px}
}
.fc__b{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:start;cursor:default;pointer-events:none}
.fc__chev{display:none;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fc__p{display:block}
@media (max-width:900px){
  .footer .ft__panel{grid-template-columns:1fr;gap:0;padding:4px 22px}
  .ft__panel .fc,.ft__panel .fc:first-child,.ft__panel .fc:last-child,.ft__panel .fc:nth-child(odd),.ft__panel .fc:nth-child(even){padding:0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .ft__panel .fc:first-child{border-top:0}
  .footer .fc__t{margin:0;min-height:0}
  .fc__b{padding:19px 0;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}
  .fc__b:focus-visible{outline:2px solid var(--acc-2);outline-offset:2px;border-radius:4px}
  .fc__chev{display:block;color:var(--inv-acc)}
  .fc.is-open .fc__chev{transform:rotate(180deg)}
  .fc__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.2,.8,.2,1)}
  .fc__p>ul{min-height:0;overflow:hidden;margin:0}
  .fc.is-open .fc__p{grid-template-rows:1fr}
  .fc.is-open .fc__p>ul{padding-bottom:18px}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .fc__p,.fc__chev{transition:none}
}
@keyframes langin{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}

/* Base global necesaria para los componentes compartidos */
.wrap{max-width:1180px;margin-inline:auto}
.btn{display:inline-block;background:var(--acc);color:var(--accfg);font-weight:500;font-size:14px;letter-spacing:.04em;padding:13px 28px;border-radius:2px;transition:transform .25s,background .25s}
.btn:hover{transform:translateY(-2px);background:var(--acc-hover)}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.btn--hero{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;font-size:15px;font-weight:500;letter-spacing:.01em;padding:0 24px;border-radius:7px;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--acc) 50%,transparent);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn--hero .ic{width:1.15em;height:1.15em;stroke-width:1.6;transition:transform .2s}
.btn--hero:hover{background:var(--acc-hover);transform:translateY(-1px);box-shadow:0 10px 20px -10px color-mix(in srgb,var(--acc) 55%,transparent)}
.btn--hero:hover .ic{transform:translateX(2px)}
.btn--hero:active{transform:translateY(0);box-shadow:0 3px 8px -6px color-mix(in srgb,var(--acc) 55%,transparent)}
.btn--hero:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 40%,transparent);outline-offset:3px}
.btn--ghost{background:var(--card);color:var(--fg);border:1px solid var(--line-strong);box-shadow:none}
.btn--ghost:hover{background:var(--g100);border-color:var(--acc);color:var(--acc);box-shadow:none}
.btn--ghost:active{box-shadow:none}
.sprite{position:absolute;width:0;height:0}

/* Acceso discreto al panel interno */
.ft__left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ft__adm{font-size:12px;letter-spacing:.06em;color:rgba(229,231,235,.22);transition:color .25s}
.ft__adm:hover,.ft__adm:focus-visible{color:rgba(229,231,235,.8)}
.ft__adm{display:inline-flex;align-items:center;gap:7px}
.ft__adm svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}