/*--------HEADER - Hace que los íconos del header estén horizontales en vez de verticales--------*/
.header-icons{
  display:flex; justify-content:flex-end; align-items:center; gap:12px;
}

/*--------NOSOTROS - Línea debajo de de algunas letras, usando clase inline en el texto--------*/
.short-underline {
  position: relative;
  display: inline-block;
}

.short-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;  /* adjust spacing */
  width: 100%;   /* underline length matches text "NUE" */
  height: 4px;   /* line thickness */
  background-color: #1a237e; /* your blue */
}


/*--------HEADER - MÓVIL - Muestra el menú en una sola fila. Logo e íconos orillados--------*/
@media (max-width:980px){
  .header-row{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .header-row > .et_pb_column{
    width:auto !important;
    max-width:none !important;
  }

  /* left: logo */
  .header-row .col-logo{ flex:0 0 auto !important; }

  /* center: menu can shrink */
  .header-row .col-menu{
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  /* right: icons in one line, stuck to right */
  .header-row .col-icons{
    flex:0 1 auto !important;
    min-width:0 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .header-row .col-icons .et_pb_module{
    flex:0 1 auto !important;
    width:auto !important;
    margin-left:12px !important;
  }
  .header-row .col-icons .et_pb_module:first-child{ margin-left:0 !important; }
}


/*--------HEADER - MÓVIL - Espacio entre elementos del menú--------*/
@media (max-width:980px){
  /* Fuerza lista en línea sin huecos y compacta padding */
  .header-row .col-menu .et_pb_menu__menu > nav > ul,
  .header-row .col-menu .et-menu-nav > ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important; /* elimina el espacio de inline-block */
  }

  .header-row .col-menu .et_pb_menu__menu > nav > ul > li,
  .header-row .col-menu .et-menu-nav > ul > li{
    margin:0 !important;
    padding:0 !important;
    font-size:initial !important; /* restaura el texto */
  }

  .header-row .col-menu .et_pb_menu__menu > nav > ul > li > a,
  .header-row .col-menu .et-menu-nav > ul > li > a{
    display:inline-flex !important;
    padding:0 2px !important;    /* ESPACIO ENTRE ELEMENTOS DEL MENÚ */
    line-height:1.2em !important;
  }
}


/*--------HEADER - MÓVIL - Dropdown menu--------*/
@media (max-width:980px){
  .et_pb_menu .et_mobile_menu{
    width:100vw !important; /* ANCHO DEL FONDO BLANCO DEL DROPDOWN MENU */
    left:0 !important;
    margin-top:12px !important;   /* QUE TAN ARRIBA ABRE EL DROPDOW MENU */
  }
}

/* Dropdown alineado al borde izquierdo */
/* Móvil: dropdown alineado al borde izquierdo del header */
@media (max-width:980px){
  .et-l--header .et_mobile_menu{
    left:-16px !important;                /* igual al padding izquierdo de la columna */
    width:calc(100vw + 16px) !important;
    margin-top:12px !important;
  }
  .et-l--header .et_mobile_menu li a{
    padding-left:16px !important;         /* mismo valor que compensaste arriba */
  }
}

/*--------HEADER - MÓVIL - Cambia el orden de los elementos del header (menú-logo-redes)--------*/

/*MÓVIL: reordenar columnas*/
@media (max-width:980px){
  .header-row{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:100% !important;
  }

  /* Todas las columnas en modo flex */
  .header-row > .et_pb_column{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Reordenar: menú (columna 2) pasa primero */
  .header-row > .et_pb_column:nth-child(1){ order:2; } /* Logo */
  .header-row > .et_pb_column:nth-child(2){ order:1; } /* Menú */
  .header-row > .et_pb_column:nth-child(3){ order:3; } /* Redes */

  /* Ajustes menú hamburguesa */
  .header-row .et_pb_menu,
  .header-row .et_pb_menu .et_pb_menu__wrap{
    width:auto !important;
  }
  .header-row .et_pb_menu .et_pb_menu__wrap{
    display:flex !important;
    justify-content:flex-start !important;
  }
  .header-row .et_pb_menu .mobile_menu_bar{
    margin:0 !important;
  }

  /* Logo centrado */
  .header-row > .et_pb_column:nth-child(1){
    flex:1 1 auto !important; 
    justify-content:center !important;
  }
  .header-row .et_pb_image img{
    max-height:48px; height:auto; width:auto;
  }

  /* Redes */
  .header-row > .et_pb_column:nth-child(3){
    justify-content:flex-end !important;
  }
  .header-row .col-icons{
    display:flex !important;
    gap:10px !important;
  }
}



/*--------MÓVIL - NOSOTROS - Pone "Visión" como título en vez de estar abajo--------*/
/* Solo móvil/tablet */
@media (max-width:980px){
  /* Fuerza flex en la fila */
  .et_pb_row_4{
    display:flex !important;
    flex-wrap:wrap !important;
  }
  /* Título VISIÓN primero */
  .et_pb_row_4 .et_pb_column_9{
    order:-1 !important;
    width:100% !important;
  }
  /* Descripción después */
  .et_pb_row_4 .et_pb_column_8{
    order:0 !important;
    width:100% !important;
  }
}


/*--------NUMBER COUNTER - NOSOTROS - Junta el texto con los números--------*/
/* Aplica solo donde pongas la clase numeralia en la fila/sección */
.numeralia .et_pb_number_counter .percent{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
.numeralia .et_pb_number_counter .percent-value{
  line-height:1 !important;
}
.numeralia .et_pb_number_counter .title,
.numeralia .et_pb_number_counter h3.title{
  margin-top:0px !important;   /* ajusta a gusto */
}

/*--------CALL TO ACCTION - SERVICIOS--------*/
/*Separación entre el título y el botón*/
.et_pb_promo_button {
  margin-top: -20px; /* separa el botón del texto */
  display: inline-block; /* mantiene alineación limpia */
}

/*Espacio entre el título y margen la imagen*/
.cta-block .et_pb_module_header {
  margin-top: 100px; /* mueve el título hacia abajo */
}



/*aaaaa*/