/* Header personalizado - Fondo negro con logo blanco */
#header {
    background-color: #000000 !important;
}

/* Mostrar logo blanco */
#logo .logo-light {
    display: block !important;
}

#logo .logo-dark {
    display: none !important;
}

/* Logo extra grande para pantallas grandes */
#header #logo img {
    max-height: 50px !important; /* Mismo tamaño que locations_Elena_cinema.html */
}

/* Logo extra grande para móviles */
@media (max-width: 991px) {
    #header #logo img {
        max-height: 45px !important; /* Mismo tamaño que locations_Elena_cinema.html */
    }
    
    #logo .logo-light-m {
        display: block !important;
    }
    
    #logo .logo-dark-m {
        display: none !important;
    }
}

/* Ajustar la posición del logo para el tamaño extra grande */
#logo {
    top: 15px !important; /* Ajustado para compensar el logo más grande */
}

@media (max-width: 991px) {
    #header #logo {
        top: 8px !important; /* Ajustado para compensar el logo más grande */
    }
}

/* Cambiar color del texto del menú a blanco */
.tt-menu-nav > li > a {
    color: #ffffff !important;
}

.header-attributes > ul > li > a {
    color: #ffffff !important;
}

/* DESACTIVAR TODOS LOS EFECTOS HOVER DEL NAVBAR */

/* Desactivar hover del menú principal */
.tt-menu-nav > li > a:hover {
    color: #ffffff !important; /* Mantener color blanco sin cambio */
    background-color: transparent !important;
    transform: none !important;
    transition: none !important;
}

/* Desactivar efectos de subrayado y otros elementos hover */
.tt-menu-nav > li > a::after,
.tt-menu-nav > li > a:hover::after,
.tt-menu-nav > li.active > a::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    position: static !important;
    transform: none !important;
}

/* Desactivar hover en submenús */
.tt-submenu .tt-submenu-list li > a:hover {
    color: inherit !important;
    background-color: transparent !important;
    transform: none !important;
}

/* Desactivar hover en elementos del header */
.header-attributes > ul > li > a:hover {
    color: #ffffff !important; /* Mantener color blanco sin cambio */
    background-color: transparent !important;
    transform: none !important;
}

/* Desactivar transiciones y animaciones */
.tt-menu-nav > li > a,
.tt-menu-nav > li > a:hover,
.header-attributes > ul > li > a,
.header-attributes > ul > li > a:hover {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
}

/* Desactivar cualquier efecto de escala o transformación */
.tt-menu-nav > li > a:hover,
.header-attributes > ul > li > a:hover {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    scale: 1 !important;
}

/* FOOTER CON FONDO NEGRO PURO */

/* Cambiar el fondo del footer a negro puro */
#footer.footer-dark {
    background-color: #000000 !important; /* Negro puro en lugar de #181c25 */
}

/* Asegurar que el footer bottom también sea negro */
#footer.footer-dark .footer-bottom {
    background-color: #333 !important; /* Color #333 como solicitado */
    border-top-color: rgba(255, 255, 255, 0.1) !important; /* Borde sutil blanco */
}

/* Ajustar colores del texto para mejor contraste en fondo negro */
#footer.footer-dark {
    color: #ffffff !important; /* Texto blanco */
}

#footer.footer-dark .f-block-heading {
    color: #ffffff !important; /* Títulos blancos */
}

#footer.footer-dark ul.f-block-links > li > a {
    color: #cccccc !important; /* Enlaces en gris claro */
}

#footer.footer-dark ul.f-block-links > li > a:hover {
    color: #ffffff !important; /* Enlaces blancos al hacer hover */
}

#footer.footer-dark .f-block-text {
    color: #cccccc !important; /* Texto en gris claro */
}

#footer.footer-dark .f-block-text a {
    color: #ffffff !important; /* Enlaces en texto blanco */
}

#footer.footer-dark .f-block-text a:hover {
    color: #ffffff !important; /* Enlaces blancos al hacer hover */
}

#footer.footer-dark .footer-bottom {
    color: #cccccc !important; /* Texto del footer bottom en gris claro */
}

#footer.footer-dark .footer-bottom a {
    color: #ffffff !important; /* Enlaces del footer bottom en blanco */
}

#footer.footer-dark .footer-bottom a:hover {
    color: #ffffff !important; /* Enlaces blancos al hacer hover */
} 

/* DESACTIVAR TODOS LOS EFECTOS HOVER DE LOS ENLACES DEL FOOTER */

/* Desactivar hover de enlaces del footer */
#footer ul.f-block-links > li > a:hover,
#footer.footer-dark ul.f-block-links > li > a:hover {
    color: #cccccc !important; /* Mantener color gris claro sin cambio */
    background-color: transparent !important;
    transform: none !important;
    transition: none !important;
}

/* Desactivar efectos de subrayado en enlaces del footer */
#footer ul.f-block-links > li > a::after,
#footer ul.f-block-links > li > a:hover::after,
#footer.footer-dark ul.f-block-links > li > a::after,
#footer.footer-dark ul.f-block-links > li > a:hover::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    position: static !important;
    transform: none !important;
}

/* Desactivar hover de enlaces en texto del footer */
#footer .f-block-text a:hover,
#footer.footer-dark .f-block-text a:hover {
    color: #ffffff !important; /* Mantener color blanco sin cambio */
    background-color: transparent !important;
    border-bottom: 1px dotted #ffffff !important; /* Mantener subrayado sin cambio */
    transform: none !important;
    transition: none !important;
}

/* Desactivar hover de enlaces del footer bottom */
#footer .footer-bottom a:hover,
#footer.footer-dark .footer-bottom a:hover {
    color: #ffffff !important; /* Mantener color blanco sin cambio */
    background-color: transparent !important;
    transform: none !important;
    transition: none !important;
}

/* Desactivar transiciones en todos los enlaces del footer */
#footer ul.f-block-links > li > a,
#footer ul.f-block-links > li > a:hover,
#footer .f-block-text a,
#footer .f-block-text a:hover,
#footer .footer-bottom a,
#footer .footer-bottom a:hover,
#footer.footer-dark ul.f-block-links > li > a,
#footer.footer-dark ul.f-block-links > li > a:hover,
#footer.footer-dark .f-block-text a,
#footer.footer-dark .f-block-text a:hover,
#footer.footer-dark .footer-bottom a,
#footer.footer-dark .footer-bottom a:hover {
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
}

/* Desactivar transformaciones en enlaces del footer */
#footer ul.f-block-links > li > a:hover,
#footer .f-block-text a:hover,
#footer .footer-bottom a:hover,
#footer.footer-dark ul.f-block-links > li > a:hover,
#footer.footer-dark .f-block-text a:hover,
#footer.footer-dark .footer-bottom a:hover {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    scale: 1 !important;
}