.modulo-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.header-flex{display:flex;align-items:center;justify-content:space-between;height:76px}
.header-logo{font-family:var(--fuente-titulos);font-size:1.4rem;font-weight:700;color:var(--color-primario)}
.header-nav ul{display:flex;gap:32px}
.header-nav a{font-size:.95rem;font-weight:500;letter-spacing:.3px;position:relative;padding:4px 0}
.header-nav a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-secundario);transition:width .2s ease}
.header-nav a:hover::after{width:100%}
.header-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer}

.menu-desplegable{position:relative}
.flecha-desplegable{font-size:.7em}
.header-nav .submenu{display:block;position:absolute;top:100%;left:0;min-width:270px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.14);border-radius:var(--radio-borde);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.menu-desplegable:hover .submenu,.menu-desplegable:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu li a{display:block;padding:10px 20px;font-size:.88rem;font-weight:400;color:var(--color-texto);white-space:normal}
.submenu li a:hover{background:var(--color-fondo-alt);color:var(--color-primario)}
.submenu li a::after{content:none}

@media(max-width:900px){
  .header-nav{position:fixed;top:76px;left:0;right:0;background:#fff;flex-direction:column;box-shadow:0 8px 16px rgba(0,0,0,.08);max-height:0;overflow:hidden;transition:max-height .3s ease}
  .header-nav.abierto{max-height:80vh;overflow-y:auto}
  .header-nav ul{flex-direction:column;padding:16px 24px;gap:18px}
  .header-toggle{display:block}
  .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:6px 0 0 14px;background:transparent}
  .submenu li a{padding:8px 0;font-size:.85rem;color:#666}
}
.header-logo{display:flex;align-items:center;gap:10px}
.header-logo-img{height:40px;width:auto;object-fit:contain}
.header-logo span{font-family:var(--fuente-titulos);font-size:1.25rem;font-weight:700;color:var(--color-primario)}