.carousel.slide .carousel-indicators [data-bs-target] {
    background-color: #91929F; /* Color normal */
    border-radius: 50%; /* Hacerlos circulares */
    width: 12px; /* Ajustar el tamaño */
    height: 12px; /* Ajustar el tamaño */
}
.carousel.slide .carousel-indicators .active {
    background-color: #1F7A4B; /* Color activo */
}

.listheader{
    background-color: #1F7A4B;
    color: white;
    text-align: center;
    font-size: 25px;
}
.list-group-item-action:hover{
    color: #1F7A4B;
}
.imginfo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-carrusel{
    margin: 0 auto;
    width: 65%;
    padding: 5px;
    padding-top: 175px;
}

/* Estilos para el Carrusel */

.fondo-Transparente{
    background-color: rgba(255, 255, 255, 0.531); /* Fondo blanco semi-transparente */
    position: relative;
    box-sizing: border-box;
    border-radius: 15px;
    height: 150px; 
    width: 100%; /* Ancho completo */
    align-items: center; /* Centra verticalmente el texto */
    padding: 10px;
}
.fondo-Transparenteh1{
    background-color: rgba(255, 255, 255, 0.531); /* Fondo blanco semi-transparente */
    position: relative;
    box-sizing: border-box;
    border-radius: 15px;
    align-items: center; /* Centra verticalmente el texto */
   
}
.custom-carousel {
    max-width: 100%; /* Asegura que el carrusel ocupe todo el ancho disponible */
    max-height: 420; /* Altura máxima fija para el carrusel */
    margin: 0 auto; /* Centra el carrusel horizontalmente */
    overflow: hidden; /* Oculta cualquier contenido que exceda el tamaño */
    position: relative; /* Para posicionar elementos dentro del carrusel */
}

.custom-carousel .carousel-inner img {
    width: 100%; /* Asegura que las imágenes ocupen todo el ancho del carrusel */
    height: 420px; /* Altura fija para todas las imágenes */
    object-fit: cover; /* Recorta las imágenes para ajustarse al contenedor */
}

/* Indicadores del Carrusel */
.carousel-indicators [data-bs-target] {
    background-color: #91929F; /* Color normal */
    border-radius: 50%; /* Hacerlos circulares */
    width: 12px; /* Tamaño del indicador */
    height: 12px; /* Tamaño del indicador */
}

.carousel-indicators .active {
    background-color: #1F7A4B; /* Color del indicador activo */
}


/* Ajustes Responsivos */
@media (max-width: 768px) {
    .custom-carousel .carousel-inner img {
        height: 300px; /* Reduce la altura en pantallas más pequeñas */
    }
}

@media (max-width: 576px) {
    .custom-carousel .carousel-inner img {
        height: 200px; /* Reduce aún más la altura en pantallas muy pequeñas */
    }
}

.carrusel-imagen {
    width: 100px; /* Ancho fijo para todas las imágenes */
    height: 100px; /* Alto fijo para todas las imágenes */
    object-fit: cover; /* Recorta la imagen para que se ajuste al contenedor sin distorsionarse */
    margin: 10px; /* Margen uniforme alrededor de las imágenes */
    border-radius: 5px; /* Opcional: bordes redondeados */
    display: block; /* Asegura que las imágenes se comporten como bloques */
    object-fit: contain;
}
.carousel-caption h5 {
    font-size: 3rem; /* Tamaño más grande para el título */

    color: rgb(17, 90, 2); /* Color del texto */
}

.carousel-caption p {
    font-size: 2rem; /* Tamaño más pequeño para el párrafo */
    color: rgb(137, 79, 4); /* Color del texto */
}

/*fin estilos carrusel*/

.card-Noticias {
    margin: 0 15px;
}

@media (max-width: 767px) {
    /* Para pantallas muy pequeñas, por ejemplo, móviles */
    .card-Noticias {
        width: 96%; /* Las tarjetas ocupan todo el ancho disponible */
        margin-bottom: 15px;
    }
}

.imagenCelebraciones {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

@media (min-width: 768px) and (max-width: 882px) {
    .imagenCelebraciones {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
}

.card-Celebraciones {
    width: 319px;
    height: 460px;
    margin: 0 15px;
}

.container-secondary{
    background-color: rgba(31, 122, 75, 0.26);
}

.card-celebrations{
    background-color: rgba(233, 230, 230, 0.82);
}