@tailwind base;
@tailwind components;
@tailwind utilities;

/*------------------------------------------FUENTES-----------------------------------------------*/

@media (max-width: 64rem) {
    #navbar-dropdown {
        position: fixed;
        width: 100%;
        top: 96px;
        border-radius: 10px;
        z-index: 100;
    }
}

.swiper {
    min-height: 340px;
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide:nth-child(1n) {
    width: 315px;
}

/* Personaliza las flechas de Swiper */
.swiper-button-next,
.swiper-button-prev {
  visibility: visible !important;
  opacity: 1 !important;
  color: #ef4444 !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
  background: rgba(31, 41, 55, 0.7) !important;
  border-radius: 9999px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #ef4444 !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
}