/* =========================================================
   GUNDOLAN - THE CELESTIAL & ELEMENTAL THEME
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;800&display=swap');

:root {
    --g-primary: #00f2ff;
    --g-secondary: #7000ff;
    --g-glass: rgba(255, 255, 255, 0.05);
    --g-glass-border: rgba(255, 255, 255, 0.1);
}

body.gundolan { font-family: 'Exo 2', sans-serif; transition: background 0.5s ease; }

/* --- 1. MODO OSCURO (Default) --- */
body.gundolan.dark-theme {
    background: radial-gradient(circle at top, #102a43 0%, #050a0f 100%) !important;
    color: #e0f7fa !important;
}

/* --- 2. MODO CLARO (Arreglo de visibilidad) --- */
body.gundolan.light-theme {
    background: radial-gradient(circle at top, #e0f7fa 0%, #ffffff 100%) !important;
    color: #102a43 !important;
}

/* Forzar textos oscuros en Gundolan Claro */
body.gundolan.light-theme h1,
body.gundolan.light-theme h2,
body.gundolan.light-theme h3,
body.gundolan.light-theme h4,
body.gundolan.light-theme p,
body.gundolan.light-theme .title,
body.gundolan.light-theme .header-title,
body.gundolan.light-theme .text-muted,
body.gundolan.light-theme .newsletter-subtitle {
    color: #102a43 !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
}

/* --- 3. NAVBAR & ELEMENTOS GLASS --- */
body.gundolan .page-navbar {
    background: rgba(10, 25, 41, 0.7) !important;
    backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--g-glass-border);
}
body.gundolan.light-theme .page-navbar {
    background: rgba(255, 255, 255, 0.8) !important;
    border-bottom: 1px solid #ddd;
}

.glass-article, .map-preview-card, .overlay-img, .data-core-status {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(10px);
}

body.gundolan.light-theme .glass-article,
body.gundolan.light-theme .map-preview-card,
body.gundolan.light-theme .data-core-status {
    background: rgba(255, 255, 255, 0.8) !important;
    border-color: #cbd5e0 !important;
}

/* --- 4. TÍTULOS Y BOTONES NEÓN --- */
body.gundolan.dark-theme .header-title, body.gundolan.dark-theme .title {
    background: linear-gradient(to right, #fff, var(--g-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body.gundolan .btn-gundolan, body.gundolan .btn-theme-color {
    background: linear-gradient(45deg, var(--g-primary), var(--g-secondary)) !important;
    border: none !important;
    color: #000 !important;
    font-weight: 800;
    border-radius: 50px;
    transition: 0.3s;
}

body.gundolan.light-theme .tab-btn {
    background: #fff !important;
    color: #102a43 !important;
    border: 1px solid #ddd !important;
}

/* --- 5. NEWSLETTER GUNDOLAN (CORREGIDO Y CENTRADO) --- */
body.gundolan .footer-editorial {
    padding: 100px 0 60px 0;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--g-glass-border);
    text-align: center; /* Centrado absoluto */
}

body.gundolan .newsletter-title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 800;
    font-size: 2.5rem;
    background: linear-gradient(to right, #fff, var(--g-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

body.gundolan .newsletter-subtitle {
    color: var(--g-primary) !important;
    opacity: 0.7;
    margin-bottom: 40px;
}

body.gundolan .minimal-form {
    max-width: 500px;
    margin: 0 auto; /* Centra el form */
}

body.gundolan .minimal-form .form-control {
    border: none !important;
    border-bottom: 2px solid var(--g-glass-border) !important;
    background: transparent !important;
    color: #ffffff !important;
    text-align: center; /* Centra texto input */
    font-size: 1.3rem;
}

body.gundolan .minimal-form .form-control:focus {
    border-bottom-color: var(--g-primary) !important;
}

body.gundolan .btn-subscribe {
    background: linear-gradient(45deg, var(--g-primary), var(--g-secondary)) !important;
    border: none !important;
    color: #000 !important;
    font-weight: 800;
    padding: 15px 50px;
    border-radius: 50px;
    margin-top: 40px;
    box-shadow: 0 5px 20px rgba(0, 242, 255, 0.4);
}

/* REACCIÓN AL TEMA CLARO EN FOOTER GUNDOLAN */
body.gundolan.light-theme .footer-editorial {
    background: #f0f7ff !important;
}
body.gundolan.light-theme .newsletter-title {
    background: none;
    -webkit-text-fill-color: #102a43;
    color: #102a43 !important;
}
body.gundolan.light-theme .minimal-form .form-control {
    color: #102a43 !important;
    border-bottom-color: #cbd5e0 !important;
}

/* Ajuste para mensajes de Brevo */
.sib-form-message-panel {
    font-family: 'Quicksand', sans-serif;
    padding: 10px;
    border: 1px solid currentColor;
    margin-bottom: 20px;
    border-radius: 4px;
}

.sib-form-message-panel__text {
    margin: 0;
    font-weight: 600;
    font-size: 0.9rem;
}