html {
    scroll-behavior: auto !important;
}

/* =====================================================
   MENU FIJO DESKTOP + MOBILE
===================================================== */

#g-navigation{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999999 !important;
    background: #c62828 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
    transition: all .3s ease;
}

/* =====================================================
   ESPACIO PARA EL HEADER
===================================================== */

#g-page-surround{
    margin-top: 130px !important;
}

/* =====================================================
   ANCLAS
===================================================== */
#inicio,
#cronograma,
#ponencias,
#memorias,
#contacto,
#ejes{
   
}

/* =====================================================
   MENU LINKS
===================================================== */

.g-main-nav .g-menu-item-container{
    transition: all .3s ease;
    position: relative;
}

/* =====================================================
   HOVER
===================================================== */

.g-main-nav .g-menu-item-container:hover .g-menu-item-title{
    color: #ffd54f !important;
}

/* =====================================================
   MENU ACTIVO
===================================================== */

.g-main-nav .g-menu-item-container.menu-activo .g-menu-item-title{
    color: #ffd54f !important;
    font-weight: 700;
}

/* =====================================================
   LINEA MENU ACTIVO
===================================================== */

.g-main-nav .g-menu-item-container.menu-activo::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 3px;
    background: #ffd54f;
    border-radius: 20px;
}

/* =====================================================
   MENU MOVIL HELIUM
===================================================== */

.g-offcanvas-toggle{
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 9999999 !important;
}

/* ICONO HAMBURGUESA */

.g-offcanvas-toggle i{
    color: #fff !important;
    font-size: 28px !important;
}

/* =====================================================
   EVITA MOVIMIENTO HORIZONTAL
===================================================== */

html,
body{
    overflow-x: hidden;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:768px){
    #g-page-surround{
        margin-top: 90px !important;
    }
    #incio,
    #cronograma,
    #ponencias,
    #memorias,
    #contacto,
    #ejes{
        scroll-margin-top: 330px !important;
    }
} 
.g-menu-item-container .g-menu-item-title{
    transition: color .4s ease,
                opacity .4s ease,
                transform .4s ease;
}
.g-menu-item-container::after{
    transition: all .4s ease;
}