/* styles.css */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;300;400;500;600;700;800;900&display=swap');

/* Set the gradient background for the body */
body {
  background: rgb(245,245,247);
  background: linear-gradient(180deg, rgba(245,245,247,1) 0%, rgba(154,154,154,0.695203081232493) 100%);
  min-height: 100vh;
  margin: 0;
}

/* Carousel Custom Styles */
#carouselExampleIndicators {
  max-height: 600px; /* Limit the height of the carousel */
  overflow: hidden; /* Prevent overflow */
}

/* Ensure the images cover the carousel container and don't stretch */
#carouselExampleIndicators .carousel-item img {
  object-fit: cover; /* Scale images to cover the container */
  height: 100%; /* Make sure the image fills the container height */
}

/* Style for Section Titles */
.section-title {
  font-family: 'DM Sans', sans-serif;
  font-weight: 300; /* Light font weight */
  color: #ED1C24;
  font-size: 2.5rem; /* Larger font size */
  text-align: center;
  margin-bottom: 20px; /* Space below the title */
  padding-bottom: 10px;
}

/* Optional: You can adjust font sizes for responsiveness */
@media (max-width: 768px) {
  .section-title {
    font-size: 2rem; /* Slightly smaller on mobile */
  }
}

.carousel-inner {
    display: flex;
    align-items: center;
    height: 500px; /* Ajusta la altura según necesites */
}

@media (max-width: 768px) {
  .carousel-inner {
    display: flex;
    align-items: center;
    height: auto;
}
}


.carousel-item img {
    object-fit: cover;
    height: 100%;
}

.carousel-control-prev-icon,
    .carousel-control-next-icon {
        background-image: none !important;
        width: auto;
        height: auto;
    }

    .carousel-indicators button {
      background-color: #bcbcbc !important; /* Rojo */
  }

  .carousel-indicators .active {
      background-color: #ED1C24 !important; /* Rojo más oscuro */
  }