/* FIT 24x7 — Armazón para WordPress: menú y pie nuevos.
   Se carga en TODAS las páginas de WordPress para que compartan navegación
   con las páginas estáticas. No toca el contenido de cada página. */

:root{
  --gold:#E0AF26;
  --gold-dim:rgba(224,175,38,0.12);
  --border-gold:rgba(224,175,38,0.22);
  --black:#000;
  --surface:rgba(255,255,255,0.04);
  --surface2:rgba(255,255,255,0.07);
  --border:rgba(255,255,255,0.08);
  --text:#f5f5f7;
  --text-dim:rgba(245,245,247,0.56);
  --text-muted:rgba(245,245,247,0.32);
}

/* ── 1. Fuera la cabecera y el pie viejos de Elementor ── */
header.elementor-location-header,
footer.elementor-location-footer{ display:none !important; }

/* La barra fija necesita hueco arriba */
body{ padding-top:52px !important; }

/* ── 7. NAV nueva ── */
#fitNav{
  position:fixed; top:0; left:0; right:0; z-index:99999;
  padding:0 28px; height:52px; gap:16px;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(0,0,0,0.80);
  -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  border-bottom:0.5px solid rgba(255,255,255,0.09);
  font-family:-apple-system,'SF Pro Text','Barlow',sans-serif;
}
#fitNav .nav-brand{ display:flex; align-items:center; text-decoration:none; }
#fitNav .nav-brand img{ height:30px; width:auto; display:block; }
#fitNav .nav-links{ display:flex; align-items:center; gap:24px; }
#fitNav .nav-links a{ font-size:14px; font-weight:500; letter-spacing:-0.01em; color:var(--text-dim); text-decoration:none; transition:color .2s; }
#fitNav .nav-links a:hover,#fitNav .nav-links a[aria-current="page"]{ color:var(--gold); }
#fitNav .nav-right{ display:flex; align-items:center; gap:10px; }
#fitNav .nav-cta{
  font-size:14px; font-weight:600; letter-spacing:-0.01em; color:#000 !important;
  background:var(--gold); padding:7px 18px; border-radius:980px; text-decoration:none;
  transition:opacity .2s,transform .2s; white-space:nowrap;
}
#fitNav .nav-cta:hover{ opacity:.88; transform:translateY(-1px); }
#fitNav .nav-burger{
  display:none; width:40px; height:40px; padding:0; margin-right:-8px;
  background:transparent; border:0; cursor:pointer;
  flex-direction:column; align-items:center; justify-content:center; gap:5px;
  -webkit-tap-highlight-color:transparent;
}
#fitNav .nav-burger span{ display:block; width:21px; height:2px; background:var(--text); border-radius:2px; transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s; }
#fitNav .nav-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
#fitNav .nav-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
#fitNav .nav-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

#fitDrawer{
  position:fixed; top:52px; left:0; right:0; bottom:0; z-index:99998;
  background:rgba(0,0,0,0.97);
  -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  opacity:0; visibility:hidden; transform:translateY(-10px);
  transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;
}
#fitDrawer.open{ opacity:1; visibility:visible; transform:none; transition:opacity .28s ease,transform .28s ease,visibility 0s linear 0s; }
#fitDrawer .nav-drawer-inner{ padding:20px 28px 48px; display:flex; flex-direction:column; }
#fitDrawer .drawer-link{
  font-family:'Barlow Condensed',-apple-system,sans-serif;
  font-size:1.75rem; font-weight:600; line-height:1.15; letter-spacing:-0.01em;
  color:var(--text); text-decoration:none;
  padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.08);
}
#fitDrawer .drawer-link[aria-current="page"]{ color:var(--gold); }
#fitDrawer .drawer-cta{
  margin-top:28px; text-align:center; background:var(--gold); color:#000 !important;
  font-size:1rem; font-weight:700; padding:16px 24px; border-radius:980px; text-decoration:none;
}
#fitDrawer .drawer-phone{
  margin-top:14px; text-align:center; font-family:'Barlow Condensed',sans-serif;
  font-size:1.1rem; font-weight:600; letter-spacing:.04em; color:var(--gold); text-decoration:none;
}
#fitDrawer .drawer-sub{ margin-top:18px; text-align:center; font-size:.78rem; line-height:1.6; color:var(--text-muted); }
body.nav-open{ overflow:hidden; }

@media (max-width:960px){ #fitNav .nav-links{ display:none; } #fitNav .nav-burger{ display:flex; } }
@media (max-width:620px){ #fitNav .nav-cta{ font-size:12.5px; padding:6px 13px; } #fitNav .nav-brand img{ height:26px; } }
@media (max-width:400px){ #fitNav .nav-cta{ display:none; } }

/* ── 8. Pie nuevo ── */
#fitFooter{
  background:#000; border-top:1px solid var(--border);
  padding:64px 28px 32px; font-family:-apple-system,'SF Pro Text','Barlow',sans-serif;
}
#fitFooter .f-inner{ max-width:1100px; margin:0 auto; }
#fitFooter .f-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; margin-bottom:44px; }
#fitFooter img.f-logo{ height:44px; width:auto; display:block; margin-bottom:18px; }
#fitFooter .f-tagline{ font-size:13px; color:var(--text-muted); line-height:1.7; margin-bottom:22px; max-width:280px; }
#fitFooter .f-wa{ font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); text-decoration:none; }
#fitFooter .f-title{ font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--text); margin-bottom:16px; }
#fitFooter .f-links{ display:flex; flex-direction:column; gap:10px; }
#fitFooter .f-links a{ font-size:13px; color:var(--text-muted); text-decoration:none; transition:color .2s; }
#fitFooter .f-links a:hover{ color:var(--gold); }
#fitFooter .f-bottom{ border-top:1px solid var(--border); padding-top:22px; display:flex; justify-content:space-between; gap:14px; font-size:12px; color:var(--text-muted); }
@media (max-width:1000px){ #fitFooter .f-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ #fitFooter .f-grid{ grid-template-columns:1fr; gap:32px; } #fitFooter .f-bottom{ flex-direction:column; } }