/* Estilo para seccion WHY PROENERGY */

.icon-wrapper {
  margin-bottom: 2rem; 
}

.text-electric-blue {
  color: #175e72; 
}

.why-title {
  font-size: 4.5rem; 
  letter-spacing: 2px; /* separación entre letras */
}

.why-subtitle {
  font-size: 2rem; /* más grande */
  letter-spacing: 1px;
  margin-bottom: 3rem;
}
body {
  font-family: 'Poppins', sans-serif;
}
.info-box {
  background-color: #212121;
  border-radius: 2rem;
  color: white;
  min-height: 360px; /* Aumentado desde 300px */
  padding: 4rem 3rem; /* Aumentado desde 2.5rem 1.5rem */
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Poppins', sans-serif;
}

  .info-box h5 {
    font-weight: bold;
  }

  .custom-padding-section {
  padding-top: 2rem;
  padding-bottom: 8rem;  /* Reducido desde 16rem */
}


}
  .intro-slide {
    background-color: #1e1e1e;
    animation: slideInFromLeft 1s ease-out;
  }

  @keyframes slideInFromLeft {
    0% {
      opacity: 0;
      transform: translateX(-100px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);                                             
    }
  }


  /* BANNER INFO EN BLANCO */
   .info-banner-section {
  background-color: #ffffff;
  padding: 18rem 2rem;
  position: relative;
  overflow: hidden;
}

.info-banner-text {
  color: #2e7ce9;
  font-size: 2.4rem;
  font-weight: 400;
  max-width: 1000px;
  margin: 0 auto;
  font-family: 'Poppins', sans-serif;
  line-height: 1.6;
}

.highlight {
  font-weight: 520;
  color: #1566e8;
}
/* CIERRA BANNER INFO BLANCO */

  /* SECCION WE'RE HIRING */
  .mb-extra {
  margin-bottom: 8rem; 
}

  .carousel-indicators [data-bs-target] {

    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #888;
    opacity: 0.5;
    margin: 0 5px;
  }

  .carousel-indicators .active {
    opacity: 1;
    background-color: #555;
  }

  /* Aplica color blanco al ícono dentro del botón al hacer hover */
  .btn-outline-secondary:hover i {
    color: white;
  }

.hiring-section {
  background-color: #323332 !important;
  padding: 10rem 2rem !important;
  border-radius: 2rem;
  margin: 5rem auto;
  max-width: 97%;
}

.hiring-tag {
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 1.2px;
  margin-bottom: 2rem;
  font-size: 1.6rem; /* MÁS GRANDE */
}

.hiring-title {
  font-size: 7rem; /* MÁS GRANDE */
  font-weight: 900;
  color: #ffffff;
  margin-bottom: 2rem;
  font-family: 'Poppins', sans-serif;
}

.hiring-description {
  color: #ffffff;
  font-size: 1.6rem; /* MÁS GRANDE */
  max-width: 900px;
  margin: 0 auto 3rem auto;
  line-height: 1.8;
}

.btn-apply {
  display: inline-block;
  background-color: #175e72;
  color: #ffffff;
  font-weight: 600;
  padding: 1rem 2.5rem; /* MÁS GRANDE */
  font-size: 1.2rem;
  border-radius: 2.5rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.btn-apply:hover {
  background-color: #154957;
}
/* CIERRA SECCION WE´RE HIRING */


/* ESTILO CARRUSEL WHAT DO WE OFFER*/
.carousel-item {
  transition: transform 0.9s ease;
}

  #whatWeOfferCarousel {
    position: relative;
    min-height: 670px;
  }

    .carousel-nav-left {
    transform: translate(-150%, -50%);
  }

  .carousel-nav-right {
    transform: translate(150%, -50%);
  }

  .btn-outline-secondary:hover i {
    color: white;
  }
  /* CIERRA ESTILO CARRUSEL WHAT DO WE OFFER */

  /* ABOUT US ANTES DE FOOTER */
  .cta-section {
  background-color: #ffffff;
}

.cta-link {
  color: #154957;
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
}

.cta-link:hover {
  text-decoration: underline;
}

.blue-divider {
  border-top: 2px solid #154957;
  width: 100%;
  margin: 0 auto;
}
/* CIERRA ABOUT US ANTES DE FOOTER */