/* ============================================================
   ELETRO FORMA — Cabeçalho compartilhado (mesmo da home/index)
   Autossuficiente e escopado em .ef-header (não conflita com a página).
   Use junto de assets/ef-header.js.
   ============================================================ */
/* fontes: carregadas pelo <link> de cada página (o @import foi removido por performance) */

.ef-header,.ef-header *{box-sizing:border-box;}
.ef-header{
  --efn:#0E2A4E; --efnd:#08203B; --efink:#062742; --efc:#1C9FE2; --efcl:#46B4F2; --efline:#e2e9f0;
  position:sticky; top:0; z-index:600; background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:saturate(160%) blur(8px); backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--efline); transition:box-shadow .25s ease; font-family:'IBM Plex Sans',sans-serif;
}
.ef-header .ef-wrap{max-width:1440px;margin:0 auto;padding:18px 64px;display:flex;align-items:center;justify-content:space-between;transition:padding .25s ease;}
.ef-header.scrolled{box-shadow:0 6px 24px rgba(8,32,59,.09);}
.ef-header.scrolled .ef-wrap{padding-top:11px;padding-bottom:11px;}
.ef-header .brand{display:flex;align-items:center;gap:13px;text-decoration:none;}
.ef-header .brand img{height:34px;width:auto;display:block;}
.ef-header .brand img.brand-lock{height:var(--lock-h,40px);}
.ef-header.scrolled .brand img.brand-lock{height:calc(var(--lock-h,40px) - 6px);transition:height .25s ease;}
.ef-header .brand span{font-family:'Archivo',sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;color:var(--efn);line-height:1;}
.ef-header .brand span b{color:var(--efc);font-weight:800;}
.ef-header .island{display:inline-flex;align-items:center;gap:10px;max-width:340px;height:38px;padding:0 16px;border-radius:30px;background:var(--efn);color:#fff;text-decoration:none;overflow:hidden;transition:background .2s ease,transform .2s ease;}
.ef-header .island:hover{background:var(--efnd);transform:translateY(-1px);}
.ef-header .isl-dot{width:7px;height:7px;border-radius:50%;background:var(--efcl);flex:none;animation:efHdrPing 2.2s ease-out infinite;}
.ef-header .isl-text{font-family:'IBM Plex Sans',sans-serif;font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.92);transition:opacity .35s ease;}
.ef-header .isl-text b{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;color:var(--efcl);margin-right:7px;}
.ef-header .island.swap .isl-text{opacity:0;}
.ef-header .nav{display:flex;align-items:center;gap:20px;}
.ef-header .nav a{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Sans',sans-serif;font-weight:500;font-size:14px;color:#33485f;text-decoration:none;white-space:nowrap;transition:color .2s ease;}
.ef-header .nav a:hover{color:var(--efc);}
.ef-header .nav a.cta{font-family:'Archivo',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--efink);background:var(--efc);padding:13px 20px;border-radius:2px;}
.ef-header .nav a.cta:hover{background:var(--efn);color:#fff;transform:translateY(-1px);}
.ef-header .nav-toggle{display:none;background:none;border:1px solid var(--efline);border-radius:3px;padding:8px 10px;cursor:pointer;}
.ef-header .nav-toggle span{display:block;width:20px;height:2px;background:var(--efn);margin:4px 0;}
/* dropdown "Soluções" (hotsites) */
.ef-header .nav-drop{position:relative;}
.ef-header .nav-drop-t{font-family:'IBM Plex Sans',sans-serif;font-weight:500;font-size:14px;color:#33485f;background:none;border:0;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease;}
.ef-header .nav-drop-t span{font-size:9px;}
.ef-header .nav-drop-t:hover{color:var(--efc);}
.ef-header .nav-drop-m{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);min-width:215px;background:#fff;border:1px solid var(--efline);border-radius:8px;box-shadow:0 18px 44px -16px rgba(8,32,59,.28);padding:8px;display:none;flex-direction:column;gap:2px;z-index:10;}
.ef-header .nav-drop:hover .nav-drop-m,
.ef-header .nav-drop:focus-within .nav-drop-m,
.ef-header .nav-drop.open .nav-drop-m{display:flex;}
/* ponte invisível cobrindo o vão de 16px para o hover não cair entre o botão e o menu */
.ef-header .nav-drop-m::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px;}
.ef-header .nav-drop-m a{padding:10px 12px;border-radius:6px;font-size:13.5px;color:#33485f;white-space:nowrap;}
.ef-header .nav-drop-m a:hover{background:rgba(28,159,226,.08);color:var(--efc);}
@media (max-width:860px){
  .ef-header .nav-drop{width:100%;}
  .ef-header .nav-drop-t{width:100%;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--efline);}
  .ef-header .nav-drop-m{position:static;transform:none;display:flex;box-shadow:none;border:0;border-radius:0;padding:0 0 0 12px;min-width:0;}
  .ef-header .nav-drop-m::before{display:none;}
  .ef-header .nav-drop-m a{padding:11px 0;border-bottom:1px solid var(--efline);}
}
@keyframes efHdrPing{0%{box-shadow:0 0 0 0 rgba(70,180,242,.6);}70%{box-shadow:0 0 0 7px rgba(70,180,242,0);}100%{box-shadow:0 0 0 0 rgba(70,180,242,0);}}
/* sub-nav entre hotsites (abaixo do cabeçalho, só nos hotsites) */
.ef-subnav{background:#0E2A4E;border-bottom:1px solid rgba(255,255,255,.08);font-family:'IBM Plex Sans',sans-serif;}
.ef-subnav-wrap{max-width:1440px;margin:0 auto;padding:0 64px;display:flex;gap:4px;flex-wrap:wrap;}
.ef-subnav a{padding:12px 14px;font-size:13px;color:rgba(255,255,255,.72);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;white-space:nowrap;}
.ef-subnav a:hover{color:#fff;}
.ef-subnav a.active{color:#46B4F2;border-bottom-color:#46B4F2;}
@media (max-width:860px){ .ef-subnav-wrap{padding:0 16px;} }
@media (max-width:900px){ .ef-header .island{display:none;} }
@media (max-width:860px){
  .ef-header{position:relative;}
  .ef-header .ef-wrap{padding-left:22px;padding-right:22px;position:relative;}
  .ef-header .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--efline);padding:8px 22px 18px;}
  .ef-header .nav.open{display:flex;}
  .ef-header .nav a{padding:13px 0;border-bottom:1px solid var(--efline);}
  .ef-header .nav a.cta{justify-content:center;margin-top:12px;border-bottom:0;}
  .ef-header .nav-toggle{display:block;}
}

/* ===== utilitários de acessibilidade (compartilhados por todas as páginas) ===== */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;left:8px;top:-56px;z-index:1000;background:#0E2A4E;color:#fff;padding:11px 18px;border-radius:4px;font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;text-decoration:none;transition:top .16s ease;}
.skip-link:focus{top:8px;outline:2px solid #46B4F2;outline-offset:2px;}