/* Menú superior basado en la tríada de la confianza (compartido por todas las páginas). */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.menu{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.menu>a,.grupo>button{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:0;border-radius:10px;background:none;font:inherit;color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
.menu>a:hover,.grupo>button:hover,.grupo.abierto>button{background:#eef5fb;color:var(--azul)}
.grupo{position:relative}
.grupo>button .punto-c{width:10px;height:10px;border-radius:50%;background:var(--c)}
.grupo>button .flecha{width:10px;height:10px;transition:transform .2s}
.grupo.abierto>button .flecha{transform:rotate(180deg)}
.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--linea);box-shadow:0 24px 50px -24px rgba(0,51,102,.45);display:none;z-index:20}
.submenu:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:16px 16px 0 0;background:var(--c)}
.grupo.abierto .submenu{display:block}
.submenu .sub-t{display:block;padding:8px 10px 6px;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--c);font-weight:800}
.submenu a{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:10px;text-decoration:none}
.submenu a:hover,.submenu a:focus-visible{background:#f2f7fb;outline:none}
.submenu a b{display:block;font-size:14px}.submenu a small{display:block;color:var(--gris);font-weight:500;font-size:12.5px;line-height:1.35}
.submenu a i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--c)}
.acciones{display:flex;gap:10px;align-items:center}
.acciones .btn{white-space:nowrap}
.hamburguesa{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--linea);background:#fff;cursor:pointer;font-size:20px;color:var(--azul)}
@media (max-width:1100px){
  .hamburguesa{display:inline-grid;place-items:center}
  .menu{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;background:#fff;border-bottom:1px solid var(--linea);box-shadow:0 20px 40px -30px rgba(0,51,102,.5);max-height:calc(100vh - 72px);overflow:auto}
  header.menu-abierto .menu{display:flex}
  .menu>a,.grupo>button{width:100%;justify-content:flex-start;padding:12px}
  .grupo>button .flecha{margin-left:auto}
  .submenu{position:static;box-shadow:none;border:0;border-left:3px solid var(--c);border-radius:0;margin:0 0 6px 16px;padding:4px 0 4px 8px;min-width:0}
  .submenu:before{display:none}
}
@media (max-width:560px){.acciones .linea{display:none}}
/* Botón «Regresar» de las páginas del sistema */
.regresar{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:7px 14px 7px 10px;border:1.5px solid #cdd8e3;border-radius:999px;background:#fff;color:#002E6E;font:inherit;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.regresar:hover{border-color:#002E6E;background:#f3f7fb}
.regresar svg{width:16px;height:16px;flex:none}
/* Menú «Empresas»: accesos arriba y dos columnas (contratante y proveedora). */
.submenu.ancho{min-width:720px}
.grupo.abierto .submenu.ancho{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
.submenu .sub-entrar{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--linea)}
.submenu .sub-entrar a:not(.btn){padding:8px 12px;border-radius:10px;font-size:13.5px;font-weight:700;background:#f2f7fb}
.submenu .sub-entrar a:not(.btn):hover{background:#e3eef8}
.submenu .sub-entrar .btn{color:#fff;padding:8px 14px}
@media (max-width:1100px){
  .submenu.ancho{min-width:0}
  .grupo.abierto .submenu.ancho{display:block}
  .submenu .sub-entrar{padding:6px 0 10px}
}
