/* ==========================
   COLORES PRINCIPALES
   ========================== */

/* Azul Principal */
.text-primary-blue {
    color: #243e97 !important;
}
.bg-primary-blue {
    background-color: #243e97 !important;
}
.text-primary-blue:hover {
    opacity: 0.85;
}

.btn-primary-blue {
    background-color: #243e97;
    color: #fff;
    border: none;
}
.btn-primary-blue:hover {
    background-color: #1d337b; /* tono más oscuro */
}

/* Rojo Principal */
.text-primary-red {
    color: #b80e1d !important;
}
.bg-primary-red {
    background-color: #b80e1d !important;
}
.text-primary-red:hover,
.bg-primary-red:hover {
    opacity: 0.85;
}

.btn-primary-red {
    background-color: #b80e1d;
    color: #fff;
    border: none;
}
.btn-primary-red:hover {
    background-color: #970a16; /* tono más oscuro */
}

/* ==========================
   COLORES SECUNDARIOS
   ========================== */

/* Azul Secundario */
.text-secondary-blue {
    color: #2eaacd !important;
}
.bg-secondary-blue {
    background-color: #2eaacd !important;
}
.text-secondary-blue:hover,
.bg-secondary-blue:hover {
    opacity: 0.85;
}

.btn-secondary-blue {
    background-color: #2eaacd;
    color: #fff;
    border: none;
}
.btn-secondary-blue:hover {
    background-color: #2488a3; /* tono más oscuro */
}

/* Rojo Secundario */
.text-secondary-red {
    color: #e32e24 !important;
}
.bg-secondary-red {
    background-color: #e32e24 !important;
}
.text-secondary-red:hover,
.bg-secondary-red:hover {
    opacity: 0.85;
}

.btn-secondary-red {
    background-color: #e32e24;
    color: #fff;
    border: none;
}
.btn-secondary-red:hover {
    background-color: #b9241b; /* tono más oscuro */
}

/* ===== NAVBAR FIJO OSCURO (desktop + scroll + sticky) ===== */
#topnav,
#topnav.scroll,
#topnav.nav-sticky {
    background-color: #212943 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Logo: forzar versión light en todos los estados */
#topnav .logo .l-light,
#topnav .logo .logo-light-mode {
    display: inline-block !important;
}
#topnav .logo .l-dark,
#topnav .logo .logo-dark-mode {
    display: none !important;
}

/* Hamburguesa (líneas) en blanco */
#topnav .navbar-toggle .lines span {
    background-color: #fff !important;
}

/* ===== LINKS PRINCIPALES ===== */
#topnav .navigation-menu.nav-light > li > a,
#topnav .navigation-menu > li > a {
    color: rgba(255, 255, 255, 0.5) !important;
}
#topnav .navigation-menu.nav-light > li:hover > a,
#topnav .navigation-menu.nav-light > li.active > a,
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a.active {
    color: rgba(255, 255, 255, 1) !important;
}

/* Flechita de submenú en modo oscuro */
#topnav .navigation-menu.nav-light .has-submenu .menu-arrow,
#topnav .navigation-menu .has-submenu .menu-arrow {
    border-color: rgba(255, 255, 255, 0.5) !important;
}
#topnav .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav .navigation-menu.nav-light > li.active > .menu-arrow {
    border-color: rgba(255, 255, 255, 1) !important;
}

/* ===== SUBMENÚ (desktop) =====
   Lo dejo blanco para contraste; si lo querés oscuro, avisame y lo cambio. */
#topnav .navigation-menu > li .submenu {
    background: #212943;
    color: white !important;
}

/* ===== MOBILE / TABLET (< 992px) =====
   Landrick lo fuerza a blanco; lo sobreescribimos. */
@media (max-width: 991.98px) {
    #topnav,
    #navigation {
        background-color: #212943 !important;
        box-shadow: none !important;
    }

    /* Bordes de contenedor mobile más suaves en oscuro */
    #navigation {
        border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    }

    /* Links del menú mobile: 0.5 por defecto / 1.0 en hover/active */
    #topnav .navigation-menu > li > a,
    #topnav .navigation-menu > li .submenu li a {
        color: rgba(255, 255, 255, 0.75) !important;
    }
    #topnav .navigation-menu > li > a:hover,
    #topnav .navigation-menu > li.has-submenu.open > a,
    #topnav .navigation-menu > li .submenu li a:hover {
        color: rgba(255, 255, 255, 1) !important;
    }

    /* Logo light también en mobile */
    #topnav .logo .l-light,
    #topnav .logo .logo-light-mode {
        display: inline-block !important;
    }
    #topnav .logo .l-dark,
    #topnav .logo .logo-dark-mode {
        display: none !important;
    }
}

/* ===== BOTÓN "Portal Admin" dentro del topnav (opcional) ===== */
#topnav .buy-button .btn {
    color: #212943;
} /* deja el botón claro legible sobre fondo oscuro */

/* === Forzar esquema oscuro fijo en TODO estado === */
#topnav,
#topnav.scroll,
#topnav.nav-sticky {
    background-color: #212943 !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Links base: 0.5 de opacidad */
#topnav .navigation-menu > li > a,
#topnav .navigation-menu.nav-light > li > a {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* === HOVER / ACTIVE SIEMPRE BLANCO (todas las variantes del tema) === */
#topnav .navigation-menu > li:hover > a,
#topnav .navigation-menu > li.active > a,
#topnav .navigation-menu > li > a:active,
#topnav .navigation-menu > li > a.active,
#topnav.scroll .navigation-menu > li:hover > a,
#topnav.scroll .navigation-menu > li.active > a,
#topnav.nav-sticky .navigation-menu > li:hover > a,
#topnav.nav-sticky .navigation-menu > li.active > a,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > a,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > a,
#topnav.defaultscroll.scroll .navigation-menu > li:hover > a,
#topnav.defaultscroll.scroll .navigation-menu > li.active > a {
    color: #fff !important;
}

/* Flechita de submenu en blanco en hover/active */
#topnav .navigation-menu > li:hover > .menu-arrow,
#topnav .navigation-menu > li.active > .menu-arrow,
#topnav.scroll .navigation-menu > li:hover > .menu-arrow,
#topnav.scroll .navigation-menu > li.active > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li:hover > .menu-arrow,
#topnav.nav-sticky .navigation-menu.nav-light > li.active > .menu-arrow {
    border-color: #fff !important;
}

/* Hamburguesa en blanco */
#topnav .navbar-toggle .lines span {
    background-color: #fff !important;
}

/* Logo: usar versión light siempre */
#topnav .logo .l-light,
#topnav .logo .logo-light-mode {
    display: inline-block !important;
}
#topnav .logo .l-dark,
#topnav .logo .logo-dark-mode {
    display: none !important;
}

/* Submenús oscuros: base 0.5, hover/active 1 */
#topnav .submenu li a {
    color: rgba(255, 255, 255, 0.5) !important;
    transition: color 0.3s ease;
}

#topnav .submenu li a:hover,
#topnav .submenu li a.active {
    color: rgba(255, 255, 255, 1) !important;
}

/* ===== Mobile / Tablet (<992px) ===== */
@media (max-width: 991.98px) {
    #topnav,
    #navigation {
        background-color: #212943 !important;
        box-shadow: none !important;
    }

    /* Links mobile: base 0.75, hover/active blanco */
    #topnav .navigation-menu > li > a,
    #topnav .navigation-menu > li .submenu li a {
        color: rgba(255, 255, 255, 0.5) !important;
    }
    #topnav .navigation-menu > li > a:hover,
    #topnav .navigation-menu > li.has-submenu.open > a,
    #topnav .navigation-menu > li .submenu li a:hover {
        color: #fff !important;
    }
}

.links-submenu {
    color: rgba(255, 255, 255, 0.5) !important;
}

.links-submenu:hover {
    color: rgba(255, 255, 255, 1) !important;
}