/* Futura Chrome — marco unificado (header + footer del home) para páginas Webflow.
   Namespaced con .fu- para no chocar con clases de Webflow. Se carga tras el CSS
   de Webflow. Oculta el header/footer originales de Webflow en las páginas donde
   se incluye este archivo. */

:root{
  --fuc-brand:#4f50ff; --fuc-ink:#0a1b3d; --fuc-line:#e3e7f3; --fuc-surface:#fff;
  --fuc-muted:#5b6a86; --fuc-dark:#0a1b3d; --fuc-accent:#ff5c1a; --fuc-tint:#ecebff;
  --fuc-shadow:0 1px 2px rgba(10,27,61,.05),0 10px 34px rgba(10,27,61,.08);
  --fuc-shadow-lg:0 30px 70px rgba(10,27,61,.16);
  --fuc-display:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;
  --fuc-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
}

/* ocultar el header/footer originales de Webflow (incluye variantes .w-nav) */
.new-nav, .w-nav, .new-footer_wrapper, .new-footer_cta{ display:none !important; }

/* ---- HEADER ---- */
.fu-header{position:sticky;top:0;z-index:1000;background:var(--fuc-surface);border-bottom:1px solid var(--fuc-line);font-family:var(--fuc-body);transition:box-shadow .25s ease}
.fu-header.fu-scrolled{box-shadow:0 6px 24px rgba(10,27,61,.08)}
.fu-nav-inner{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px);display:flex;align-items:center;gap:18px;height:70px}
.fu-logo{display:flex;align-items:center}
.fu-logo img{height:23px;width:auto;display:block}
.fu-navlinks{display:flex;gap:6px;margin-left:12px}
.fu-navi{position:relative}
.fu-navi>a{display:inline-flex;align-items:center;gap:5px;font-size:14.5px;color:var(--fuc-ink);font-weight:500;padding:9px 12px;border-radius:9px;text-decoration:none;line-height:1}
.fu-navi>a:hover{color:var(--fuc-brand);background:var(--fuc-tint)}
.fu-navi>a .fu-car{font-size:10px;opacity:.6}
.fu-menu{position:absolute;top:100%;left:0;min-width:240px;background:var(--fuc-surface);border:1px solid var(--fuc-line);border-radius:14px;box-shadow:var(--fuc-shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:20}
.fu-navi:hover .fu-menu,.fu-navi:focus-within .fu-menu{opacity:1;visibility:visible;transform:none}
.fu-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:14px;color:var(--fuc-ink);font-weight:500;text-decoration:none}
.fu-menu a:hover{background:var(--fuc-tint);color:var(--fuc-brand)}
.fu-menu a small{display:block;color:var(--fuc-muted);font-weight:400;font-size:12px;margin-top:1px}
.fu-nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.fu-cta{display:inline-flex;align-items:center;gap:.5em;background:var(--fuc-brand);color:#fff !important;font-family:var(--fuc-body);font-weight:600;font-size:15px;padding:12px 20px;border-radius:999px;text-decoration:none;box-shadow:0 8px 22px rgba(79,80,255,.30);transition:transform .15s ease,box-shadow .2s ease;white-space:nowrap}
.fu-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(79,80,255,.42)}

/* ---- FOOTER ---- */
.fu-footer{background:var(--fuc-dark);color:rgba(234,241,255,.72);font-family:var(--fuc-body);padding-block:52px 34px}
.fu-foot-inner{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.fu-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.fu-footer .fu-logo img{height:26px}
.fu-desc{font-size:14px;margin:14px 0 0;max-width:32ch;line-height:1.5}
.fu-footer h5{color:#fff;font-family:var(--fuc-display);font-size:14px;font-weight:700;margin:0 0 14px}
.fu-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}
.fu-footer a{color:rgba(234,241,255,.72);text-decoration:none}
.fu-footer a:hover{color:#fff}
.fu-foot-bottom{max-width:1180px;margin:40px auto 0;padding:22px clamp(16px,4vw,40px) 0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}

@media (max-width:1000px){ .fu-navlinks{display:none} }
@media (max-width:820px){ .fu-foot-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .fu-foot-grid{grid-template-columns:1fr} }

/* ---- MENÚ MÓVIL (hamburguesa) ---- */
.fu-burger{display:none;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--fuc-line);border-radius:10px;background:var(--fuc-surface);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-appearance:none;appearance:none}
.fu-burger span{display:block;width:18px;height:2px;background:var(--fuc-ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.fu-header.fu-open .fu-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.fu-header.fu-open .fu-burger span:nth-child(2){opacity:0}
.fu-header.fu-open .fu-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.fu-foot-legal{display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:1000px){
  .fu-burger{display:flex}
  .fu-navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;margin:0;padding:10px 12px 16px;background:var(--fuc-surface);border-bottom:1px solid var(--fuc-line);box-shadow:var(--fuc-shadow-lg);max-height:calc(100vh - 70px);overflow-y:auto}
  .fu-header.fu-open .fu-navlinks{display:flex}
  .fu-navi>a{display:flex;font-size:16px;padding:12px}
  .fu-navi>a .fu-car{display:none}
  .fu-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding:0 0 6px 10px;min-width:0;transition:none}
  .fu-menu a{padding:9px 12px;font-size:15px}
}
@media (max-width:560px){
  .fu-nav-inner{gap:10px}
  .fu-cta{padding:10px 14px;font-size:14px;box-shadow:none}
}