/* Ajustes para el carrusel de index */
.carrousel {
    margin-top: 20px;
    margin-bottom: 50px;
}

#carouselIndex .carousel-item img {
    object-fit: cover;
    height: 90%;
    width: 50%;
}

#carouselIndex .carousel-caption {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 1rem;
    border-radius: 5px;
}

#carouselIndex .carousel-item {
    min-height: 400px; /* altura mínima de la sección */
}

.slide-image {
    position: relative;
    min-height: 400px; /* altura que deseas para la columna de la imagen */
}

.slide-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-text {

    color: rgb(255, 255, 255)000;
    border-radius: 8px;
}

.services-intro {
    color: #fff; 
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.heading-title-carrousel {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #008243ff; 
  }
  
/* Ajusta la imagen para que se comporte como "object-fit: cover" */
.object-cover {
    object-fit: cover;
    height: 90%;
    width: 50%;
  }
  
  /* Opcional: estilizar el texto */
  .slide-text {

    color: #ffffff;
    border-radius: 8px;
  }
  .slide-text h4 {
    font-weight: 600;
  }
  .slide-text ul {
    margin-left: 1rem;
    list-style: disc;
  }