/* .contenedor:hover .imagen {-webkit-transform:scale(1.3);transform:scale(1.3);}
.contenedor {overflow:hidden;} */

/* Estilo para la imagen en el carrusel al pasar el ratón */
.content_carrusel img:hover {
    transform: scale(1.2);
    transition: all 600ms;
    opacity: 0.7;
}

/* Estilo base para las imágenes en el carrusel */
.content_carrusel img {
    image-rendering: auto;
    transition: all 400ms;
    width: 100%;
    height: auto; /* Cambia a 'auto' para mantener la proporción */
    display: block; /* Asegura que la imagen no tenga espacio adicional abajo */
}

/* Estilo específico para las imágenes del carrusel */
.content_carrusel img {
    max-width: 300px; /* Cambia a 'max-width' para mejor responsividad */
    height: auto; /* Mantiene la proporción */
    margin: 0 auto; /* Centra las imágenes dentro del contenedor */
    display: block;
}

/* Estilo para el borde de las imágenes */
.border_img {
    padding: 3px 10px;
    border: 5px solid PowderBlue;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-sizing: border-box; /* Asegura que el padding no afecte al tamaño total */
}

/* Estilos para la lista de descripciones */
.caption-style-1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Estilos para los elementos de la lista con imagen */
.caption-style-1 .li_img {
    position: relative;
    overflow: hidden;
    display: inline-block; /* Asegura que los elementos se alineen correctamente */
    margin: 0; /* Elimina márgenes por defecto */
}

/* Estilo para la descripción al pasar el ratón */
.caption-style-1 .li_img:hover .caption {
    opacity: 1;
}

/* Estilo para la imagen dentro de la lista de descripciones */
.caption-style-1 img {
    display: block; /* Elimina espacio adicional debajo de la imagen */
    margin: 0;
    padding: 0;
    width: 100%; /* Asegura que la imagen ocupe el ancho del contenedor */
    height: auto; /* Mantiene la proporción */
}

/* Estilo para la capa de descripción */
.caption-style-1 .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    transition: all 0.45s ease-in-out;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%; /* Ajusta el ancho para cubrir toda la imagen */
    height: 100%; /* Ajusta la altura para cubrir toda la imagen */
    top: 0; /* Alinea la capa en la parte superior */
    left: 0; /* Alinea la capa en el lado izquierdo */
    display: flex; /* Usa flexbox para centrar el contenido */
    align-items: center; /* Centra verticalmente el contenido */
    justify-content: center; /* Centra horizontalmente el contenido */
}

/* Estilo para el texto de la descripción */
.caption-style-1 .caption-text {
    color: #fff;
    text-align: center;
    font-size: 1.5rem; /* Ajusta el tamaño de fuente para mejor legibilidad */
    padding: 1rem; /* Añade padding para separar el texto de los bordes */
}

/* Estilo para el encabezado dentro de la capa de descripción */
.caption-style-1 .caption-text h1 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 0; /* Elimina márgenes por defecto */
}