/* MIX NET — Área do Cliente e redes sociais no cabeçalho, no menu do celular e no rodapé.
   Carregar por último. Não altera os estilos existentes; só define os elementos novos. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Cabeçalho */
.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.header-social{display:flex;align-items:center;gap:2px}
.header-social::after{content:'';width:1px;height:20px;margin-left:12px;background:#ffffff1f}
.header-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#bfbdc6;transition:color .2s,background .2s}
.header-social a:hover{color:#fff;background:#242227}
.header-social .icon{width:19px;height:19px}
.header-portal{display:inline-flex;align-items:center;gap:8px;padding:11px 0;font-size:.8125rem;font-weight:500;line-height:1.4;color:#bfbdc6;white-space:nowrap;transition:color .2s}
.header-portal .icon{width:17px;height:17px;color:var(--blue)}
.header-portal:hover{color:#fff}

/* Menu do celular */
.mobile-nav .mobile-social{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px}
.mobile-nav .mobile-social a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:6px;font-size:.875rem}
.mobile-nav .mobile-social .icon{width:19px;height:19px;color:var(--blue)}

/* Rodapé */
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2c2832;border-radius:50%;color:#a39baa;transition:color .2s,border-color .2s}
.footer-social a:hover{color:var(--blue);border-color:#403d44}
.footer-social .icon{width:18px;height:18px}

@media (max-width:1100px){.header-actions{gap:16px}.header-social::after{margin-left:8px}}
/* Tablet: menos espaço ao lado do menu. As redes continuam no rodapé. */
@media (max-width:999px){.header-social{display:none}}
@media (min-width:720px) and (max-width:800px){.header-social{display:flex}}
/* Com pouco espaço ao lado do menu (601–639px e 801–879px, com "Consultar cobertura"): Área do cliente só com o ícone. */
@media (min-width:600.02px) and (max-width:639.98px),(min-width:800.02px) and (max-width:879.98px){
  .header-portal{justify-content:center;width:40px;height:40px;padding:0;border:1px solid #403d44;border-radius:9px;transition:background .2s,border-color .2s}
  .header-portal:hover{background:#242227;border-color:#706b78}
  .header-portal-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media (max-width:600px){.header-actions{display:none}}