/* SLIDER */
    .carousel-item {
      height: 100vh;
      max-height:940px;
      background-size: cover;
      background-position: center;
      position: relative;}
.carousel-item::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.2);
      z-index: 1;}
.carousel-caption {
    z-index: 2;
}
.carousel-caption h1 {
      font-size: 3rem;
      font-weight: bold;
      color: white;}
.carousel-caption p {
      font-size: 1.2rem;
      color: white;}
.carousel-caption .btn {
      background-color: var(--azul-rey);
      color: white;
      border: none;
      padding: 10px 25px;
      margin-right: 15px;}
.carousel-caption .btn:hover {
      background-color: var(--verde);}
.carousel-thumbnails {
      position: absolute;
      bottom: 20px;
      right: 30px;
      display: flex;
      gap: 10px;
      z-index: 20;}
.carousel-thumbnails img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
      cursor: pointer;
      border: 2px solid transparent;
      transition: 0.3s;}
.carousel-thumbnails img.active-thumb {
      border-color: var(--verde);}
@media (max-width: 768px) {
      .carousel-caption h1 {
        font-size: 1.8rem;}