.carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 75%;
    margin: auto;
    height: 100%;
    min-height: 732px;
  }
  

.carousel-inner img{
    border-radius: 30px!important;
}

/* Estilos para los indicadores */
.carousel-indicators button {
  background-color: rgba(255, 255, 255, 0.9) !important; /* Blanco transparente */
  border: none;
  width: 10px !important; /* Ajusta según lo que quieras */
  height: 10px !important; /* Ajusta según lo que quieras */
  border-radius: 50% !important; /* Esto hace los círculos */
  margin: 0 4px !important;
  transition: background-color 0.3s ease;
  border-top: none !important;
  border-bottom: none !important;

}

/* Indicador seleccionado */
.carousel-indicators .active {
  background-color: #00a29b !important; /* Azul */
  width: 50px !important;  /* Cambia el tamaño del rectángulo */
  height: 10px !important; /* Mantén el mismo alto */
  border-radius: 10px !important;
}

/* Hover sobre los indicadores */
.carousel-indicators button:hover {
  background-color: #00a29b!important; /* Blanco más opaco */
}

.boton-banner-torneo{
    position: absolute;
    bottom: 30px; /* Ajusta esta posición según lo que necesites */
    left: 10%;

    transform: translateX(-50%);

    padding: 10px 25px;
    background-color: #40F5C1; /* Fondo semi-transparente */
    color: #000;

    border-radius: 25px;

    text-decoration: none;
    font-family: 'arkibal_displayregular';
    font-size: 16px;
    font-weight:lighter;

    z-index: 2;

}

.boton-banner-torneo:hover {
    background-color: #40f5c260;
  }

@media (max-width: 2300px) {
    .carousel {
        min-height: 732px; /* Establecer una altura mínima según sea necesario */
    }
}
  
@media (max-width: 1920px) {
    .carousel {
        min-height: 572px; /* Establecer una altura mínima según sea necesario */
    }
}

@media (max-width: 1440px) {
    .carousel {
        min-height: 452px; /* Establecer una altura mínima según sea necesario */
      }
}

@media (max-width: 1024px) {
    .carousel {
        min-height: 348px; /* Establecer una altura mínima aquí sea necesario */
    }

    .boton-banner-torneo{
        bottom: 20px; /* Ajusta esta posición según lo que necesites */
        left: 14%;

        padding: 5px 15px;
    
    }
}

@media (max-width: 768px) {
    .carousel {
        min-height: 284px; /* Establecer una altura mínima aquí sea necesario */

    }

    .boton-banner-torneo{
        bottom: 20px; /* Ajusta esta posición según lo que necesites */
        left: 14%;

        padding: 5px 15px;
    
    }

    
}

@media (max-width: 668px) {

    .boton-banner-torneo{
        bottom: 10px; /* Ajusta esta posición según lo que necesites */
        left: 12%;

        padding: 5px 5px;

        font-size: 12px;
    
    }

    
}


@media (max-width: 576px){

    .carousel{
        max-width: 100%;
        margin: 0 auto;
        padding-left: 0px ;
        padding-right: 0px ;
    }

    .contendor-img-carousel-marzo,
    .contendor-img-carousel-2,
    .contendor-img-carousel,
    .carousel img{
        border-radius: 0px !important;
    }

    #carouselExampleDark .carousel-control-prev,
    #carouselExampleDark .carousel-control-next {
      display: none;
    }

    .boton-banner-torneo{
        bottom: 60%; /* Ajusta esta posición según lo que necesites */
        left: 23%;

        padding: 10px 25px;
        background-color: #40F5C1; /* Fondo semi-transparente */
        color: #000;
    
        border-radius: 25px;
    
        text-decoration: none;
        font-family: 'arkibal_displayregular';
        font-size: 16px;
        font-weight:lighter;
    }

}

@media (max-width: 425px) {
    .carousel {
        min-height: 204px; /* Establecer una altura mínima aquí sea necesario */
    }

    .boton-banner-torneo{
        bottom: 58%; /* Ajusta esta posición según lo que necesites */
        left: 27%;

        padding: 10px 25px;
        background-color: #40F5C1; /* Fondo semi-transparente */
        color: #000;
    
        border-radius: 25px;
    
        text-decoration: none;
        font-family: 'arkibal_displayregular';
        font-size: 16px;
        font-weight:lighter;
    }
}

@media (max-width: 375px) {
    .carousel {
        min-height: 188px; /* Establecer una altura mínima aquí sea necesario */
    }

    .boton-banner-torneo{
        bottom: 55%; /* Ajusta esta posición según lo que necesites */
        left: 33%;

        padding: 10px 25px;
        background-color: #40F5C1; /* Fondo semi-transparente */
        color: #000;
    
        border-radius: 25px;
    
        text-decoration: none;
        font-family: 'arkibal_displayregular';
        font-size: 16px;
        font-weight:lighter;
    }
}