:root {
    /* Ajuste de transparencia del fondo cuando el menú está abierto */
    --unam-bg-overlay: rgba(28, 28, 29, 0.96); /* Azul UNAM con 96% de opacidad */
    --unam-text-color: #f4f3d9;
    --unam-gold: #d59f0f;
}
/* Barra de navegación principal: Totalmente transparente */
.unam-custom-navbar {
    background-color: transparent !important;
    border: none;
    padding: 1.5rem 0;
}

/* El botón hamburguesa cuando la barra es transparente */
.unam-custom-navbar .navbar-toggler {
    border: none;
    filter: invert(1); /* Lo hace blanco si el fondo de tu sitio es oscuro */
}

/* Contenedor que baja (Offcanvas) */
.unam-full-menu.offcanvas-top {
    height: 100vh !important;
    background-color: var(--unam-bg-overlay) !important;
    border: none;
    transition: transform 0.4s ease-in-out;
}

/* Ajuste del Logo interno */
.unam-menu-logo-inner {
    padding-top: 20px;
}

.unam-menu-logo-inner img {
    max-height: 90px; /* Tamaño del logo al abrirse */
    width: auto;
}

/* Centrar elementos */
.unam-full-menu .offcanvas-header {
    flex-direction: column; /* Logo arriba, botón cerrar abajo o al lado */
    align-items: center;
}

.unam-full-menu .btn-close {
    position: absolute;
    right: 50px;
    top: 45px;
    filter: invert(1);
    font-size: 1.5rem;
}

/* Enlaces del menú */
.unam-full-menu .nav-link {
    font-size: 1.2rem;
    color: var(--unam-text-color) !important;
    transition: color 0.3s;
}

.unam-full-menu .nav-link:hover {
    color: var(--unam-gold) !important;
}

.elementor-element.elementor-element-1066b73.elementor-hidden-desktop.elementor-widget.elementor-widget-shortcode {
    top: 22px;
    position: absolute;
}
.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 13px 10px !important;
}
/* Se aplica a todas las páginas EXCEPTO al Home */
body:not(.home) .elementor-widget-heading:first-of-type .elementor-heading-title {   
    margin: 120px 0 0 0 !important;
    padding-top: 10px !important;
}