/* Wrapper Principal - AQUÍ VA EL STICKY */
.wp-block-gs-sticky-header {
    --de-black: #1a1a1a;    
    --de-red: #d00000;      
    --de-gold: #ffce00;     
    --de-gold-dark: #b48608; 
    --primary-light: #334155;
    --text-main: #1e293b;
    --text-light: #64748b;
    
    font-family: 'Inter', sans-serif;
    width: 100%;
    
    /* STICKY CORREGIDO */
    position: sticky;
    top: 0;
    z-index: 9999;
}

.wp-block-gs-sticky-header * { box-sizing: border-box; }
.wp-block-gs-sticky-header a { text-decoration: none; color: inherit; }

/* HEADER INTERNO */
.wp-block-gs-sticky-header header { 
    background: rgba(255, 255, 255, 0.85); /* Un poco más opaco para legibilidad */
    backdrop-filter: saturate(180%) blur(20px); 
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(241, 245, 249, 0.6); 
    padding: 1rem 0; 
    width: 100%;
}

.wp-block-gs-sticky-header .container { max-width: 75rem; margin: 0 auto; padding: 0 1.5rem; }
.wp-block-gs-sticky-header .nav-wrapper { display: flex; justify-content: space-between; align-items: center; }

/* LOGO - GAP CORREGIDO */
.wp-block-gs-sticky-header .logo-container { display: flex; align-items: center; gap: 0.6rem; z-index: 1002; position: relative; }
.wp-block-gs-sticky-header .flag-mark { display: flex; gap: 0.2rem; height: 1.5rem; align-items: center; }
.wp-block-gs-sticky-header .flag-bar { width: 0.25rem; height: 100%; border-radius: 2px; }
.wp-block-gs-sticky-header .bar-black { background-color: var(--de-black); height: 1.5rem; }
.wp-block-gs-sticky-header .bar-red { background-color: var(--de-red); height: 1.1rem; }
.wp-block-gs-sticky-header .bar-gold { background-color: var(--de-gold); height: 1.35rem; }

.wp-block-gs-sticky-header .logo-text { 
    font-size: 1.25rem; 
    letter-spacing: -0.5px; 
    color: var(--de-black); 
    line-height: 1; 
    display: flex; 
    gap: 0; /* GAP ELIMINADO: Juntos como pediste */
}
.wp-block-gs-sticky-header .font-bold { font-weight: 700; }
.wp-block-gs-sticky-header .font-light { font-weight: 300; color: var(--text-light); }

/* NAVEGACIÓN DESKTOP */
.wp-block-gs-sticky-header .nav-links { display: flex; gap: 1.5rem; align-items: center; margin-left: auto; margin-right: 1.5rem; }

/* Links normales */
.wp-block-gs-sticky-header .nav-links .nav-item { 
    font-weight: 500; font-size: 0.95rem; color: var(--primary-light); position: relative; cursor: pointer;
}
.wp-block-gs-sticky-header .nav-links .nav-item:hover { color: var(--de-black); }
.wp-block-gs-sticky-header .nav-links .nav-item:hover::after { 
    content: ''; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background: var(--de-red); 
}

/* Premium Link (Pill style) */
.wp-block-gs-sticky-header .premium-link { 
    background: transparent; color: var(--de-gold-dark); border: 1px solid #eab308; 
    padding: 0.4rem 1.1rem; border-radius: 50px; font-size: 0.85rem; font-weight: 600; 
    letter-spacing: 0.3px; transition: all 0.3s ease; cursor: pointer; display: inline-block;
}
.wp-block-gs-sticky-header .premium-link:hover { 
    background: #eab308; color: white; box-shadow: 0 4px 12px rgba(234, 179, 8, 0.3); transform: translateY(-1px); 
}

/* SELECCIONADOR DE IDIOMA */
.wp-block-gs-sticky-header .lang-separator { width: 1px; height: 1.2rem; background-color: #e2e8f0; margin: 0 0.5rem; }
.wp-block-gs-sticky-header .lang-switch-desktop { 
    font-size: 0.9rem; font-weight: 600; color: var(--de-black); display: flex; align-items: center; padding: 0.3rem 0.6rem; border-radius: 6px; transition: background 0.2s;
}
.wp-block-gs-sticky-header .lang-switch-desktop:hover { background-color: #f1f5f9; }

/* HAMBURGUESA */
.wp-block-gs-sticky-header .hamburger-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--de-black); z-index: 1002; padding: 0.5rem; }

/* MENU MOBILE */
.wp-block-gs-sticky-header .mobile-menu-overlay { 
    position: fixed; inset: 0; width: 100%; height: 100vh; 
    background: rgba(255, 255, 255, 0.98); 
    backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
    z-index: 2000; padding: 24px; display: flex; flex-direction: column; 
    opacity: 0; visibility: hidden; pointer-events: none; 
    transition: opacity 0.4s ease, visibility 0.4s ease; 
}
.wp-block-gs-sticky-header .mobile-menu-overlay.open { opacity: 1; visibility: visible; pointer-events: auto; }

.wp-block-gs-sticky-header .mm-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #f1f5f9; }
.wp-block-gs-sticky-header .close-btn { background: #f1f5f9; border: none; font-size: 1.5rem; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; color: var(--de-black); display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }

.wp-block-gs-sticky-header .mm-links-container { display: flex; flex-direction: column; gap: 5px; }
.wp-block-gs-sticky-header .mm-link { 
    font-size: 1.5rem; font-weight: 600; color: var(--de-black); padding: 15px 0; 
    transform: translateY(15px); opacity: 0; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.5s ease; display: block;
}
.wp-block-gs-sticky-header .mobile-menu-overlay.open .mm-link { transform: translateY(0); opacity: 1; }

/* MOBILE PREMIUM (CORRECCIÓN GOLD) */
.wp-block-gs-sticky-header .mm-link.premium {
    color: var(--de-gold-dark);
    border: 1px solid #eab308;
    background-color: transparent;
    border-radius: 50px;
    padding: 0.5rem 1.5rem;
    width: fit-content; /* Para que parezca botón y no ocupe todo el ancho */
    margin-top: 10px;
}
.wp-block-gs-sticky-header .mm-link.premium:active { background-color: #fffbeb; }

/* MEDIA QUERIES */
@media (max-width: 900px) {
    .wp-block-gs-sticky-header .nav-links { display: none; }
    .wp-block-gs-sticky-header .hamburger-btn { display: block; }
}