.carousel{
  background-color: black;
  margin-bottom: 3rem;
}
.carousel-item {
    min-width:  100%!important;


    margin-bottom: 3rem;
    padding-bottom: 0;
  
  }

@media (max-width: 512px) {
  .carousel-resize {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .img__carusel {
    max-width: 100%;
    max-height: 300px;
    height: auto;
    width: auto;
    object-fit: contain !important;
    background-color: black;
    display: block;
    margin: 0 auto;
  }
}


  .img__carusel {
    width: 100% !important;
    height: auto !important; /* Esto permite que la altura se adapte */
    object-fit: contain !important;
    background-color: black;
  }




  .img__carusel {
  min-width: 100% !important;
  height: 500px !important;
  object-fit: contain!important; /* Antes estaba en "cover" */
  background-color: black; /* Para mantener la estética si sobra espacio */
}



   



  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  /* .carusel-div-contenido{
    height: 400px;
  }
  */
 
 .carousel-resize{
  height: 500px;
 }
 
.img__carusel {
  min-width: 100% !important;
  height: 500px !important;
  object-fit: contain!important; /* Antes estaba en "cover" */
  background-color: black; /* Para mantener la estética si sobra espacio */
}



  .swiper-button-next{
    color: blue!important;
  }

  .swiper-button-prev{
    color: blue!important;
  }
 
  .swiper-pagination-bullet {
    background-color: aliceblue!important;
  }


  .titulo-imagen-div {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgb(237, 28, 36);
    color: bisque;
    font-size: calc(8px + .6vw) !important;
    font-family: "Lilita One", serif;
    border: 1px solid bisque;
  
    /* Configuración Flexbox para centrar */
    display: inline-flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */

    /* El tamaño se adapta automáticamente al contenido */
    padding: 5px; /* Espaciado adicional alrededor del texto */
    width: auto; /* Se ajusta al contenido */
    height: auto; /* Se ajusta al contenido */
}
  

 

.text-white {
  font-size: calc(8px + 1vw); /* Ajusta el tamaño dinámicamente */
  font-family: "lilita one";
  color: white !important;
  text-shadow: 2px 2px 6px rgb(32, 32, 32); /* Sombra dorada suave */
}