/* Orama · Header (v6) — scopeado bajo .orama-hdr */
/* --- Reset de los wrappers que Elementor pone alrededor del widget en el Theme Builder --- */
/* El wrapper externo de la location "header" es quien debe ser sticky (mide toda la página),
   no el .orama-hdr interno (que sólo mide 76px y pierde el contexto sticky). */
/* Especificidad alta + !important: el CSS generado de la plantilla (elementor-post-12)
   carga después y pone position:relative; hay que ganarle la cascada. */
header.elementor-location-header,
body .elementor-location-header{position:sticky!important;top:0!important;z-index:50;width:100%}
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-column,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .elementor-widget-orama_header,
.elementor-location-header .elementor-widget-orama_header > .elementor-widget-container{
  background:transparent!important;padding:0!important;margin:0!important;
  width:100%;max-width:none;min-height:0;box-shadow:none}
.elementor-location-header .elementor-widget-orama_header{margin-bottom:0!important}

.orama-hdr{--b:#5486FF;--bb:#7CA2FF;--bg:#0A1322;--line:rgba(124,162,255,.15);--line-soft:rgba(124,162,255,.08);--text:#EAF0FB;--muted:#97A6C2;--ease:cubic-bezier(.22,.61,.36,1);
  font-family:"Inter",system-ui,sans-serif;position:relative;z-index:50;display:block}
/* Fondo + blur en un ::before (NO en .orama-hdr) para que backdrop-filter no
   confine los hijos position:fixed (drawer/scrim) al header en vez de a la ventana. */
.orama-hdr::before{content:"";position:absolute;inset:0;z-index:-1;
  backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(10,19,34,.92),rgba(10,19,34,.55));
  transition:background .4s var(--ease),backdrop-filter .4s var(--ease)}
.orama-hdr *{box-sizing:border-box}
/* Mismo ancho que la card (.orama-wide) → logo y botones alineados con el contenido, no pegados al borde */
.orama-hdr .inner{max-width:min(1640px,94vw);margin:0 auto;padding:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px}
.orama-hdr .logo{justify-self:start;display:inline-flex;align-items:center}
.orama-hdr .logo svg{height:34px;width:auto;color:#fff;display:block}
.orama-hdr .center{justify-self:center;position:relative;display:flex;gap:24px;align-items:center;height:100%;padding:0 40px;
  transition:transform .45s var(--ease),opacity .45s var(--ease)}
.orama-hdr .center a{position:relative;z-index:1;color:var(--muted);font-weight:500;font-size:.92rem;white-space:nowrap;text-decoration:none;transition:color .2s}
.orama-hdr .center a:hover{color:#fff}
/* panel trapezoidal (ancho arriba → estrecho abajo) */
.orama-hdr .center::before{content:"";position:absolute;left:-20px;right:-20px;top:0;bottom:-1px;z-index:0;
  background:rgba(150,180,255,.30);clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,40px 100%)}
.orama-hdr .center::after{content:"";position:absolute;left:-19px;right:-19px;top:1px;bottom:0;z-index:0;
  background:linear-gradient(180deg,#16243f,#101c33);clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,40px 100%)}
.orama-hdr .right{justify-self:end;display:flex;align-items:center;gap:14px}
.orama-hdr .actions{display:flex;align-items:center;gap:18px}
.orama-hdr .login{color:var(--muted);font-weight:500;font-size:.92rem;text-decoration:none;white-space:nowrap;transition:color .2s}
.orama-hdr .login:hover{color:#fff}
.orama-hdr .cta{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:.86rem;padding:.55em 1.05em;
  border-radius:10px;background:#fff;color:#0A1322;text-decoration:none;transition:transform .2s var(--ease),background .2s}
.orama-hdr .cta:hover{transform:translateY(-2px);background:#E6EDFB}
.orama-hdr .cta svg{width:16px;height:16px;opacity:.8}
.orama-hdr .burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:6px;line-height:0}
/* al bajar: oculta el panel central y el header queda transparente */
/* al bajar: el panel central se oculta, pero se MANTIENE el difuminado (blur) como al subir */
.orama-hdr.is-hidden::before{background:linear-gradient(180deg,rgba(10,19,34,.5),rgba(10,19,34,.2))}
.orama-hdr.is-hidden .center{transform:translateY(-8px) scale(.985);opacity:0;pointer-events:none}

/* ---- Drawer lateral (off-canvas, entra desde la derecha) ---- */
.orama-hdr__scrim{position:fixed;inset:0;background:rgba(6,11,22,.6);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s;z-index:60}
.orama-hdr__drawer{position:fixed;top:0;right:0;height:100%;width:min(320px,82vw);z-index:61;
  background:#0E1A30;border-left:1px solid var(--line);box-shadow:-30px 0 80px -30px rgba(0,0,0,.7);
  transform:translateX(100%);transition:transform .35s var(--ease);
  display:flex;flex-direction:column;gap:6px;padding:84px 26px 28px}
.orama-hdr__drawer .drawer-x{position:absolute;top:18px;right:20px;background:none;border:0;color:var(--muted);
  font-size:30px;line-height:1;cursor:pointer;transition:color .2s}
.orama-hdr__drawer .drawer-x:hover{color:#fff}
.orama-hdr__drawer .drawer-nav{display:flex;flex-direction:column}
.orama-hdr__drawer .drawer-nav a{color:var(--text);font-weight:500;font-size:1.05rem;text-decoration:none;
  padding:13px 0;border-bottom:1px solid var(--line-soft);transition:color .2s}
.orama-hdr__drawer .drawer-nav a:hover{color:var(--bb)}
.orama-hdr__drawer .drawer-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.orama-hdr__drawer .drawer-actions .login{color:var(--muted);font-weight:500;text-decoration:none;text-align:center;padding:10px}
.orama-hdr__drawer .drawer-actions .cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  font-weight:600;padding:.8em 1.1em;border-radius:11px;background:#fff;color:#0A1322;text-decoration:none}
.orama-hdr__drawer .drawer-actions .cta svg{width:16px;height:16px;opacity:.8}
/* abierto */
.orama-hdr.is-open .orama-hdr__scrim{opacity:1;visibility:visible}
.orama-hdr.is-open .orama-hdr__drawer{transform:translateX(0)}

/* ---- Tablet / PC pequeño: trapecio oculto, botones centrados, burger a la derecha
   (1180 para que no se solapen menú y botones en pantallas medianas) ---- */
@media(max-width:1300px){
  .orama-hdr .inner{position:relative;display:flex;align-items:center;justify-content:space-between}
  .orama-hdr .center{display:none}
  .orama-hdr .actions{position:absolute;left:50%;transform:translateX(-50%)}
  .orama-hdr .right{margin-left:auto}
  .orama-hdr .burger{display:inline-flex}
}
/* ---- Móvil: solo logo + burger; los botones van al drawer ---- */
@media(max-width:640px){
  .orama-hdr .actions{display:none}
}

/* ===== Mega-menú (desplegable tipo Agicap en Funcionalidades / Soluciones) ===== */
.orama-hdr .nav-item{ position:static; display:inline-flex; align-items:center; }  /* el mega se ancla a .center (trapecio) → cae debajo */
.orama-hdr .mega-caret{ display:inline-block; width:6px; height:6px; margin-left:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-1px); opacity:.65; transition:transform .2s ease; }
.orama-hdr .nav-item:hover .mega-caret{ transform:rotate(225deg) translateY(-2px); }
.orama-hdr .mega-panel{ position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(10px);
  min-width:480px; padding:16px; border-radius:16px; background:var(--orama-bg-2,#0E1A30);
  border:1px solid var(--orama-line,rgba(124,162,255,.18)); box-shadow:0 34px 80px rgba(5,10,25,.6);
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease, transform .18s ease; z-index:80; }
.orama-hdr .mega-panel::before{ content:""; position:absolute; top:-12px; left:0; right:0; height:12px; }  /* puente hover */
.orama-hdr .nav-item:hover .mega-panel{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(4px); }
.orama-hdr .mega-grid{ display:grid; grid-template-columns:repeat(2,minmax(210px,1fr)); gap:2px 16px; }
.orama-hdr .mega-grid a{ padding:9px 12px; border-radius:9px; color:var(--orama-muted,#97A6C2); font-size:.9rem; white-space:nowrap; transition:background .15s ease, color .15s ease; }
.orama-hdr .mega-grid a:hover{ background:rgba(84,134,255,.10); color:#fff; }
/* drawer (móvil): sublista indentada */
.orama-hdr__drawer .drawer-sub{ display:flex; flex-direction:column; padding-left:14px; margin:2px 0 10px; border-left:2px solid var(--orama-line,rgba(124,162,255,.18)); }
.orama-hdr__drawer .drawer-sub a{ font-size:.92rem; color:var(--orama-muted,#97A6C2); padding:6px 0; }

/* Mega-menú: etiqueta de categoría + lista más cómoda (tipo Agicap) */
.orama-hdr .mega-panel{ min-width:560px; padding:14px 16px 16px; }
.orama-hdr .mega-label{ font-size:.68rem; text-transform:uppercase; letter-spacing:.14em; font-weight:700;
  color:var(--orama-brand-bright,#7CA2FF); padding:6px 12px 12px; margin-bottom:6px;
  border-bottom:1px solid var(--orama-line,rgba(124,162,255,.18)); }
.orama-hdr .mega-grid{ gap:2px 22px; padding-top:8px; }
.orama-hdr .mega-grid a{ padding:11px 12px; font-size:.92rem; display:flex; align-items:center; gap:9px; }
.orama-hdr .mega-grid a::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--orama-brand,#5486FF); opacity:.45; flex:0 0 auto; transition:opacity .15s ease, transform .15s ease; }
.orama-hdr .mega-grid a:hover::before{ opacity:1; transform:scale(1.5); }

/* Fix mega-menú: no ocultar al ir hacia él (puente alto + retardo de cierre, sin pointer-events:none) */
.orama-hdr .mega-panel{ pointer-events:auto; transition:opacity .18s ease, transform .18s ease, visibility 0s linear .35s; }
.orama-hdr .nav-item:hover .mega-panel{ transition:opacity .18s ease, transform .18s ease, visibility 0s; }
.orama-hdr .mega-panel::before{ top:-46px; height:46px; }