/* Grupo Albanesi · encabezado y pie comunes a todas las páginas (clases gx-) */
:root{
  --gx-blue:#005CBC; --gx-deep:#003366; --gx-red:#E0201D; --gx-ink:#0F2440; --gx-muted:#4F5F73;
  --gx-line:#D7DFE9; --gx-tint:#E7EEF7; --gx-bg:#F3F6FA;
  --gx-grad:linear-gradient(150deg,#0A6AD0 0%,#005CBC 42%,#003366 100%);
  --gx-display:'Montserrat','Segoe UI',Arial,sans-serif;
  --gx-body:'Roboto','Segoe UI',Arial,sans-serif;
  --gx-nav:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
}
.gx-gut{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:#fff}

/* Barra superior */
.gx-top{background:var(--gx-deep);color:#D6E4F5;font-family:var(--gx-nav);font-size:13px}
.gx-top .gx-gut{display:flex;justify-content:flex-end;gap:6px 22px;flex-wrap:wrap;padding-block:7px}
.gx-top a{color:#fff;text-decoration:none;opacity:.9}
.gx-top a:hover{opacity:1;text-decoration:underline}

/* Encabezado */
.gx-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fff;border-bottom:1px solid var(--gx-line);box-shadow:0 6px 18px -16px rgba(0,30,70,.6)}
.gx-head .gx-gut{display:flex;align-items:center;gap:18px;min-height:76px}
.gx-logo{display:block;flex:none}
.gx-logo img{height:40px;width:auto;display:block}
.gx-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0 0 0 auto;padding:0;font-family:var(--gx-nav);font-size:14.5px;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
.gx-menu>li{position:relative}
.gx-menu>li>a,.gx-menu>li>button{display:flex;align-items:center;gap:5px;padding:10px 8px;color:var(--gx-deep);text-decoration:none;background:none;border:0;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;border-bottom:2px solid transparent}
.gx-menu>li>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:2px}
.gx-menu>li>a:hover,.gx-menu>li>button:hover,.gx-menu>li.open>button{color:var(--gx-red)}
.gx-menu>li.on>a,.gx-menu>li.on>button{color:var(--gx-red);border-bottom-color:var(--gx-red)}
.gx-cta{margin-left:8px;display:inline-flex;align-items:center;gap:8px;background:var(--gx-red);color:#fff;text-decoration:none;font-family:var(--gx-body);font-weight:700;font-size:14px;padding:10px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(224,32,29,.8)}
.gx-cta:hover{background:#C91A17}
.gx-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:#fff;border:1px solid var(--gx-line);border-radius:12px;box-shadow:0 22px 44px -22px rgba(0,30,70,.5);padding:10px;display:none;text-transform:none;letter-spacing:0;font-family:var(--gx-body);font-size:14px;z-index:5}
.gx-menu>li.open>.gx-dd{display:block}
.gx-dd.wide{min-width:560px;display:none;grid-template-columns:1fr 1fr;gap:4px 14px}
.gx-menu>li.open>.gx-dd.wide{display:grid}
.gx-dd p{margin:6px 10px 4px;font-family:var(--gx-nav);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gx-muted)}
.gx-dd a{display:block;padding:8px 10px;border-radius:8px;color:var(--gx-deep);text-decoration:none;line-height:1.3}
.gx-dd a small{display:block;color:var(--gx-muted);font-size:12px}
.gx-dd a:hover{background:var(--gx-tint)}
.gx-dd a.hot{background:var(--gx-grad);color:#fff;font-weight:700}
.gx-dd a.hot small{color:#D6E4F5}
.gx-burger{display:none;margin-left:auto;width:44px;height:40px;border:1px solid var(--gx-line);border-radius:8px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.gx-burger i{display:block;width:20px;height:2px;background:var(--gx-deep)}
@media (max-width:1180px){
  .gx-menu{display:none}
  .gx-burger{display:flex}
  .gx-head .gx-cta{display:none}
  .gx-head.mopen .gx-menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--gx-line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));max-height:calc(100vh - 120px);overflow:auto;box-shadow:0 20px 30px -20px rgba(0,30,70,.5)}
  .gx-head.mopen .gx-menu>li>a,.gx-head.mopen .gx-menu>li>button{width:100%;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--gx-tint)}
  .gx-dd,.gx-dd.wide{position:static;min-width:0;box-shadow:none;border:0;padding:4px 0 10px 8px}
  .gx-menu>li.open>.gx-dd.wide{display:block}
  .gx-menu .gx-cta-m{display:flex;justify-content:center;margin:12px 0 0}
}
@media (min-width:1181px){.gx-menu .gx-cta-m{display:none}}
@media (min-width:1181px) and (max-width:1380px){.gx-head .gx-gut>.gx-cta{display:none}}
@media (max-width:480px){.gx-logo img{height:36px}.gx-head .gx-gut{min-height:64px}}

/* Pie */
.gx-foot{background:var(--gx-grad);color:#D6E4F5;font-family:var(--gx-body);font-size:14px;line-height:1.5}
.gx-foot .gx-gut{padding-block:52px 28px}
.gx-foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
.gx-foot img{height:44px;width:auto;max-width:100%;align-self:flex-start;object-fit:contain}
.gx-foot h4{margin:0 0 10px;font-family:var(--gx-nav);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.gx-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gx-foot a{color:#fff;text-decoration:none;opacity:.88}
.gx-foot a:hover{opacity:1;text-decoration:underline}
.gx-foot-legal{display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.18);margin-top:34px;padding-top:18px;font-size:13px}
.gx-foot-legal nav{display:flex;gap:16px;flex-wrap:wrap}
@media (max-width:900px){.gx-foot-grid{grid-template-columns:1fr 1fr}.gx-foot-brand{grid-column:1/-1}}
@media (max-width:480px){.gx-foot-grid{grid-template-columns:1fr}}
.gx-menu :focus-visible,.gx-foot :focus-visible,.gx-cta:focus-visible{outline:3px solid var(--gx-red);outline-offset:2px}