/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/



/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


.n2-ss-slider {
 
    height: calc(100vh - 117px) !important;
}


/* Aplica a todos los enlaces del mega menú */
.mega-sub-menu .mega-menu-link {
  position: relative !important;
  display: inline-block !important;
  padding-bottom: 5px !important; /* Espacio para la línea */
  transition: color 0.3s ease !important;
}

/* Línea inferior invisible inicialmente */
.mega-sub-menu .mega-menu-link::after {
  content: "";
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  width: 0 !important;
  background-color: #0073e6 !important; /* Color de la línea */
  transition: width 0.4s ease !important;
}

/* Animación al hacer hover */
.mega-sub-menu .mega-menu-link:hover::after {
  width: 100% !important;
}