/* ==========================================   HERO CAROUSEL - AJUSTES DE DISEÑO   ========================================== */

.fit-cover {
  object-fit: cover;
}

.banner-titulo {
  min-height: 140px;
}

.subtitulo-banner {
  font-size: clamp(13px, 1.3vw, 22px);
}

.titulo-banner {
  font-size: clamp(24px, 3.6vw, 54px);
}

/* --- SOLUCIÓN CONTROLES MÓVIL --- */

/* 1. Tamaño para PC (Pantallas grandes) */

@media (min-width: 769px) {
  .carousel-control-prev-icon, .carousel-control-next-icon {
    width: 2.5rem !important;
    height: 2.5rem !important;
    filter: invert(20%) brightness(30%) !important;
  }
}

@media (min-width: 769px) {
  .carousel-indicators button {
    height: 3px !important;
    width: 30px !important;
    background-color: #333333 !important;
  }
}

/* 2. Tamaño para MÓVIL (Pantallas pequeñas) */

@media (max-width: 768px) {
  .carousel-control-prev-icon, .carousel-control-next-icon {
    width: 1.2rem !important;
    height: 1.2rem !important;
    filter: invert(20%) brightness(30%) !important;
  }
}

@media (max-width: 768px) {
  .carousel-indicators button {
    width: 12px !important;
    height: 2px !important;
    background-color: #333333 !important;
  }
}

@media (max-width: 768px) {
  .carousel-indicators {
    bottom: 0px !important;
  }
}

/* --- FIX DE DROPDOWNS (MANTENER LO QUE YA TENÍAS) --- */

.navbar .dropdown-menu {
  display: none !important;
}

.navbar .dropdown:hover > .dropdown-menu {
  display: block !important;
}