/* =========================================
   COLORES OFICIALES CENHCH (AGUILUCHOS)
   ========================================= */

:root {
    /* Sobrescribimos las variables del template con los colores institucionales */
    --base-color: #5D101D;      /* Vino Oficial */
    --medium-gray: #666666;     /* Gris neutro para textos */
    --dark-gray: #111111;       /* Negro intenso (Flyers) */
    --light-red: #F9F2F3;       /* Un tono muy suave de vino para fondos claros */
    --white: #ffffff;
    
    /* Variables personalizadas para uso directo */
    --cenhch-vino: #5D101D;
    --cenhch-dorado: #FFC72C;   /* Amarillo/Dorado deportivo */
    --cenhch-negro: #111111;
}

/* 1. FONDOS PRINCIPALES (Reemplazando el Azul Marino del template) */
.bg-regal-blue,
.bg-blue-whale,
body[data-mobile-nav-bg-color="#242E45"] {
    background-color: var(--cenhch-vino) !important;
}

/* El menú móvil ahora será Vino */
.navbar .navbar-nav .dropdown .dropdown-menu {
    background-color: var(--cenhch-vino);
    border-top: 3px solid var(--cenhch-dorado); /* Detalle dorado elegante */
}

/* 2. GRADIENTES Y SOBREPOSICIONES */
/* Cambiamos los gradientes azules/morados por Vino/Negro */
.bg-gradient-regal-blue-transparent {
    background-image: linear-gradient(to top, rgba(93, 16, 29, 1) 0%, transparent 100%);
}

.bg-gradient-base-color-transparent {
    background-image: linear-gradient(to top, rgba(93, 16, 29, 0.9) 0%, transparent 100%);
}

.bg-gradient-dark-transparent {
    background-image: linear-gradient(to top, #111111 10%, transparent 80%);
}

/* 3. BOTONES (Estilo Jersey Aguiluchos) */
/* Reemplazamos el gradiente naranja/morado por Dorado Sólido */
.btn-gradient-flamingo-amethyst-green {
    background-image: none;
    background-color: var(--cenhch-dorado);
    color: var(--cenhch-vino); /* Texto vino sobre botón dorado */
    border: 1px solid var(--cenhch-dorado);
    font-weight: 700;
}

.btn-gradient-flamingo-amethyst-green:hover {
    background-color: #eebb20; /* Dorado un poco más oscuro al hover */
    color: #000;
}

/* Botones oscuros ahora son Vino o Negro */
.btn-dark-gray {
    background-color: var(--cenhch-negro);
    border-color: var(--cenhch-negro);
    color: var(--white);
}

.btn-dark-gray:hover {
    background-color: var(--cenhch-dorado);
    border-color: var(--cenhch-dorado);
    color: var(--cenhch-negro);
}

/* 4. TEXTOS E ICONOS */
/* El color base para iconos y destacados ahora es Dorado */
.text-base-color, 
.icon-extra-medium,
.line-icon-Boy, 
.line-icon-Sun, 
.line-icon-Cloud-Sun, 
.line-icon-Moon, 
.line-icon-Student-Hat,
.line-icon-Gear-2 {
    color: var(--cenhch-dorado) !important;
}

/* Títulos en gris oscuro (casi negro) para mejor lectura */
h1, h2, h3, h4, h5, h6, .text-dark-gray {
    color: var(--cenhch-negro);
}

/* Enlaces del menú */
.navbar .navbar-nav .nav-link {
    color: var(--cenhch-negro);
}
.navbar .navbar-nav .nav-link:hover {
    color: var(--cenhch-vino);
}

/* 5. FOOTER (Estilo Flyer "Categorías") */
footer {
    background-color: var(--cenhch-negro) !important;
    color: #bbbbbb;
}

footer .footer-logo h4 {
    color: var(--cenhch-dorado) !important; /* "CENHCH" en dorado */
}

footer .text-dark-gray {
    color: #ffffff !important; /* Títulos del footer en blanco */
}

footer a:hover {
    color: var(--cenhch-dorado);
}

/* 6. MODAL DE AVISOS */
.modal-header {
    background-color: var(--cenhch-vino);
    border-bottom: 4px solid var(--cenhch-dorado);
}

/* 7. ELEMENTOS DECORATIVOS */
.bg-base-color {
    background-color: var(--cenhch-vino);
}

/* Las bolitas de los pasos (1, 2, 3) */
.bg-light-red {
    background-color: #fcefe9; /* Un tono piel/crema muy suave */
}
.process-step-icon .number {
    color: var(--cenhch-vino);
}

/* Flechitas del menú dropdown que pediste discretas */
.dropdown-menu li a i {
    color: var(--cenhch-dorado) !important;
    font-size: 14px !important; /* Forzamos tamaño pequeño si usas fa-angle-right */
}

/* Revolution Slider */
#cenhch-slider {border-radius: 6px;}
.hesperiden.tparrows { width: 54px; height: 54px; background: transparent; border: 1px solid rgba(255,255,255,0.2);-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out}
.hesperiden.tparrows:hover {border:1px solid rgba(255,255,255,1); background: rgba(255,255,255,1); ;}
.hesperiden.tparrows:hover:before {color: #232323}
.hesperiden.tparrows:before {line-height: 52px;}
.hesperiden.tparrows.tp-leftarrow:before { content: "\f104";font-family: "Font Awesome 7 Free";font-size: 16px; font-weight: 900}
.hesperiden.tparrows.tp-rightarrow:before { content: "\f105";font-family: "Font Awesome 7 Free";font-size: 16px; font-weight: 900}
.hesperiden.tparrows.tp-leftarrow:before { margin-left: 0; }
.hesperiden.tparrows.tp-rightarrow:before { margin-right: 0; }
.get-started-btn { transition: 0.3s ease-in-out !important; }
.hesperiden.tparrows { z-index: 97; }
/* media query responsive */
@media (max-width: 1700px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 19px;
        padding-right: 19px;
    }
}
@media (max-width: 1600px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 1350px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1300px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 9px;
        padding-right: 9px;
    }
}
@media (max-width: 1199px) {
    .accordion-style-06 .accordion-item {
        padding: 15px 50px 15px 35px;
    }
    .box-layout {
        padding: 0;
    }
    #cenhch-slider {
        border-radius: 0;
    }
    .lg-border-radius-0px {
        border-radius: 0 !important;
    }
    .navbar .navbar-nav .nav-link {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
        padding-left: 0;
        padding-right: 0;
    }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
        font-size: 17px;
        line-height: normal;
        display: flex;
        align-items: center;
    }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    #map {
        border-radius: 0;
    }
    .small-screen {
        height: 300px !important;
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: 20px;
    }
}
@media (max-width: 575px) {
    .accordion-style-06 .accordion-item {
        padding: 15px;
    }
    footer .elements-social.social-icon-style-02 li {
        margin: 0 15px 0 0;
    }
    footer .elements-social.social-icon-style-02 li:first-child {
        margin-left: 0;
    }
}


/* --- ESTILOS MENÚ GLASS CENHCH --- */

/* --- TIPOGRAFÍA DEL MENÚ --- */

/* 1. Estado Normal (Texto Negro) */
.navbar-nav .nav-link {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px !important; 
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #000000 !important; /* Negro por defecto */
    transition: all 0.3s ease;
}

/* Hover (Dorado) */
.navbar-nav .nav-link:hover {
    color: #FFC72C !important; 
}

/* 2. ESTILO STICKY (Fondo Vino + Texto Blanco) */
/* Agregamos 'nav' al principio para ganar prioridad */
nav.navbar.sticky-active {
    background-color: #5D101D !important; /* Fondo VINO */
    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #FFC72C !important;
}

/* AQUÍ ESTÁ EL TRUCO: Selector más específico para forzar el blanco */
nav.navbar.sticky-active .navbar-nav .nav-link {
    color: #ffffff !important; /* Ahora sí se pondrá blanco */
} 

/* Opcional: Cambiar el color del icono de Admin también */
nav.navbar.sticky-active .nav-link i {
    color: #FFC72C !important; /* Icono dorado sobre fondo vino */
}

/* --- OTROS ESTILOS --- */

/* Dropdown (Fondo Negro) */
.dropdown-menu {
    background-color: #111111 !important;
    border-top: 3px solid #FFC72C !important;
    padding: 10px 0;
}

.dropdown-menu li a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 10px 20px;
    display: block;
}

.dropdown-menu li a:hover {
    background-color: #5D101D !important;
    color: #FFC72C !important;
    padding-left: 25px !important;
}

.dropdown-menu li a i {
    color: #FFC72C !important;
    margin-right: 10px;
}

/* Botón */
.cenhch-btn-gold {
    background-color: #FFC72C !important;
    border-color: #FFC72C !important;
    color: #5D101D !important;
    font-weight: 800 !important;
}
.cenhch-btn-gold:hover {
    background-color: #ffffff !important;
    color: #5D101D !important;
}

/* Logo */
.navbar-brand img {
    transition: all 0.3s ease;
}