.navbar {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 100;
    height: var(--navbar-altura);
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .28);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid transparent;
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.navbar-solida { background: rgba(255, 255, 255, .8); border-bottom-color: rgba(35, 32, 30, .07); box-shadow: var(--sombra-suave); }
.navbar-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 1rem; }

.navbar-logo { display: inline-flex; align-items: center; text-decoration: none; }
.navbar-logo:hover { text-decoration: none; }
.navbar-logo-img { height: 52px; width: auto; }

.navbar-links { display: flex; align-items: center; gap: 1.5rem; }
.navbar-links > a:not(.boton) { color: var(--texto); font-weight: 500; font-size: .95rem; transition: color .15s ease; }
.navbar-links > a:not(.boton):hover { color: var(--acento-oscuro); text-decoration: none; }
.navbar-wsp .icono { width: 18px; height: 18px; }

.navbar-hamburguesa { display: none; background: none; border: none; cursor: pointer; color: var(--c-carbon); padding: 6px; }
.navbar-hamburguesa .icono-cerrar { display: none; }

@media (max-width: 900px) {
    .navbar-hamburguesa { display: inline-flex; }
    .navbar-links {
        position: fixed;
        top: var(--navbar-altura); left: 0; right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: var(--c-crema);
        border-bottom: 1px solid var(--borde);
        padding: 10px clamp(20px, 5vw, 40px) 20px;
        box-shadow: var(--sombra-card);
        transform: translateY(-10px);
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }
    .navbar-links.abierto { opacity: 1; visibility: visible; transform: none; }
    .navbar-links > a:not(.boton) { color: var(--texto); padding: .9rem .25rem; border-bottom: 1px solid var(--borde); }
    .navbar-wsp { margin-top: .9rem; justify-content: center; }
    .navbar-hamburguesa[aria-expanded="true"] .icono-menu { display: none; }
    .navbar-hamburguesa[aria-expanded="true"] .icono-cerrar { display: inline-block; }
}