/* Chrome compartido (header + footer) — alineado con el home nuevo. Auto-contenido. */
:root{
  --gold:#F2CB05; --green:#047835; --green-dark:#022e14;
  --ink:#1a1a1a; --muted:#555; --hairline:1px solid rgba(0,0,0,.08);
  --radius:6px; --radius-lg:8px; --shadow-hover:0 2px 6px rgba(0,0,0,.10);
}
.chrome-wrap{ width:100%; max-width:1180px; margin:0 auto; padding:0 20px; }
/* Fuente neutra (igual al home nuevo, no Nunito) solo para el chrome */
#site-header, footer{ font-family:'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif; }

/* ---- Header ---- */
#site-header{ position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-bottom:var(--hairline); }
#site-header .header-inner{ display:flex; align-items:center; gap:18px; height:64px; }
#site-header .brand{ display:flex; align-items:center; gap:10px; font-weight:900; color:var(--ink); font-size:1.05rem; letter-spacing:-.02em; flex:0 0 auto; text-decoration:none; }
#site-header .brand img{ height:34px; width:auto; }
#site-header .brand span b{ color:var(--green); }
#header-nav{ display:flex; align-items:center; gap:22px; margin-left:auto; }
#header-nav a{ color:var(--ink); font-weight:700; font-size:.92rem; text-decoration:none; }
#header-nav a:hover{ color:var(--green); }
#header-nav .header-cta{ display:inline-flex; align-items:center; gap:7px; background:var(--gold); color:var(--green-dark); padding:9px 16px; border-radius:var(--radius); font-weight:800; font-size:.9rem; }
#header-nav .header-cta:hover{ background:#dcb800; color:var(--green-dark); }
#header-nav .header-cta svg{ width:16px; height:16px; }
#header-nav-toggle{ display:none; margin-left:auto; width:44px; height:44px; background:none; border:none; cursor:pointer; flex-direction:column; gap:5px; justify-content:center; align-items:center; }
#site-header .hamburger-bar{ width:24px; height:2.5px; background:var(--ink); border-radius:2px; transition:.25s; }
@media(max-width:900px){
  #header-nav{ position:fixed; inset:64px 0 auto 0; background:#fff; flex-direction:column; align-items:stretch; gap:0; padding:8px 0; border-bottom:var(--hairline); margin:0; transform:translateY(-130%); transition:transform .28s; box-shadow:var(--shadow-hover); }
  .nav-open #header-nav{ transform:translateY(0); }
  #header-nav a{ padding:14px 24px; border-bottom:var(--hairline); }
  #header-nav .header-cta{ margin:10px 24px; justify-content:center; }
  #header-nav-toggle{ display:flex; }
  .nav-open .hamburger-bar:nth-child(1){ transform:translateY(7.5px) rotate(45deg); }
  .nav-open .hamburger-bar:nth-child(2){ opacity:0; }
  .nav-open .hamburger-bar:nth-child(3){ transform:translateY(-7.5px) rotate(-45deg); }
}

/* ---- Footer ---- */
footer{ background:var(--green-dark); color:rgba(255,255,255,.72); padding:48px 0 28px; font-size:.9rem; border-top:3px solid var(--gold); }
footer .footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:32px; margin-bottom:30px; }
footer h4{ color:#fff; font-size:1rem; margin-bottom:14px; }
footer a{ color:rgba(255,255,255,.72); text-decoration:none; }
footer a:hover{ color:#fff; }
footer .footer-links{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px; }
footer .footer-brand img{ height:40px; margin-bottom:14px; }
footer .footer-bottom{ border-top:1px solid rgba(255,255,255,.14); padding-top:18px; text-align:center; font-size:.82rem; }
@media(max-width:720px){ footer .footer-grid{ grid-template-columns:1fr; gap:24px; } }