:root { 
        --rosa-pmu: #e5b3bb; 
        --bronce-pmu: #a67c52; 
        /* Rosa transparente para el glassmorphism */
        --rosa-transparente: rgba(229, 179, 187, 0.6); 
    }

    .nav-wrapper {
        display: flex; 
        justify-content: center;
        align-items: center; 
        gap: 30px;
        padding: 15px 20px; 
        /* Aplicado el color rosa transparente */
        background-color: var(--rosa-transparente);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        font-family: 'Poppins', sans-serif;
        position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;
    }
    
    body { padding-top: 80px; }

    .brand-container {
        display: flex;
        align-items: center;
        position: absolute;
        left: 20px;
    }
    .main-logo { width: 40px; height: 40px; object-fit: contain; margin-right: 10px; }
    .brand-text { 
        font-family: 'Montserrat', sans-serif; 
        font-size: 1.2rem; font-weight: 700; color: #ffffff; letter-spacing: 1px;
    }

    .menu-toggle {
        display: none; padding: 8px 16px; background: rgba(255,255,255,0.3);
        color: white; border: none; border-radius: 20px; font-weight: 600; cursor: pointer;
    }

    .nav-links { display: flex; gap: 25px; align-items: center; transition: all 0.4s ease-in-out; }
    .menu-item-text { text-decoration: none; color: #ffffff; font-weight: 600; transition: 0.3s; }
    .menu-item-text:hover { color: #ffffff; text-shadow: 0 0 8px rgba(255,255,255,0.5); } 

    /* Adaptación móvil */
    @media (max-width: 768px) {
        .menu-toggle { display: block; }
        .nav-links {
            display: flex; flex-direction: column; 
            position: absolute; top: 75px; left: 0; width: 100%; 
            background: var(--rosa-transparente); /* Mismo rosa para el menú móvil */
            backdrop-filter: blur(12px);
            padding: 0; max-height: 0; overflow: hidden;
            box-shadow: 0 15px 20px rgba(0,0,0,0.1); z-index: 9999;
        }
        .nav-links.active { max-height: 400px; padding: 20px; }
    }