.elementor-9918 .elementor-element.elementor-element-42eec70{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-9918 .elementor-element.elementor-element-f330bb8{--spacer-size:40px;}.elementor-9918 .elementor-element.elementor-element-e8d5af3{--display:flex;}.elementor-9918 .elementor-element.elementor-element-7917885 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion {height:400px;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion{border-radius:4px;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion a:first-child{border-radius:4px 0 0 4px;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion a:last-child{border-radius:0 4px 4px 0;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .eael-image-accordion-hover:before{background-color:rgba(0, 0, 0, .3);}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .eael-image-accordion-hover:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .eael-image-accordion-hover.overlay-active:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .eael-image-accordion-hover.overlay-active:before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .overlay .img-accordion-title{color:#fff !important;}.elementor-9918 .elementor-element.elementor-element-7917885 .eael-img-accordion .overlay p{color:#fff;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion {height:400px;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion{border-radius:4px;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion a:first-child{border-radius:4px 0 0 4px;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion a:last-child{border-radius:0 4px 4px 0;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .eael-image-accordion-hover:before{background-color:rgba(0, 0, 0, .3);}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .eael-image-accordion-hover:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .eael-image-accordion-hover.overlay-active:hover::before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .eael-image-accordion-hover.overlay-active:before{background-color:rgba(0, 0, 0, .5);}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .overlay .img-accordion-title{color:#fff !important;}.elementor-9918 .elementor-element.elementor-element-b19a1e4 .eael-img-accordion .overlay p{color:#fff;}.elementor-9918 .elementor-element.elementor-element-6af7152{--display:flex;}.elementor-9918 .elementor-element.elementor-element-3bb1324{--spacer-size:100px;}@media(min-width:768px){.elementor-9918 .elementor-element.elementor-element-e8d5af3{--width:72%;}}/* Start custom CSS for eael-image-accordion, class: .elementor-element-7917885 *//* Espaciado entre la descripción y el mapa */
.texto-llegar {
    margin-bottom: 20px;
}

.mapa-lardero iframe {
    max-width: 100%;
    height: 400px;
    border: none;
    margin-top: 20px;
}

/* Estilo para la sección de imágenes con iconos */
.imagenes-lardero {
    padding: 40px 0;
    background-color: #f4f4f4;
}

.imagenes-contenido {
    display: flex;
    justify-content: space-around;
    gap: 20px;
}

.columna-imagen {
    flex: 1;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.columna-imagen img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Título centrado en la imagen */
.columna-imagen h3 {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    font-family: 'Arial', sans-serif;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Botón de Más información */
.columna-imagen .boton-info {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 8px 15px;
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    opacity: 0;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Efecto hover para mostrar el botón y hacer zoom en la imagen */
.columna-imagen:hover img {
    transform: scale(1.1);
}

.columna-imagen:hover h3 {
    opacity: 1;
}

.columna-imagen:hover .boton-info {
    opacity: 1;
}

.columna-imagen .boton-info:hover {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e8d5af3 *//* Contenedor del acordeón */
.elementor-accordion .elementor-accordion-item {
    position: relative; /* Asegura que los elementos hijos estén posicionados relativamente */
}

/* Título del acordeón */
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
    position: absolute;
    top: 20px; /* Ajusta según sea necesario */
    left: 20px;
    z-index: 10; /* Asegura que esté encima del contenido */
    font-size: 24px;
    color: white; /* Ajusta el color según sea necesario */
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente si lo deseas */
    padding: 10px 20px;
    border-radius: 5px;
}

/* Botón del acordeón */
.elementor-accordion .elementor-accordion-item .mi-boton-acordeon {
    position: absolute;
    bottom: 20px; /* Ajusta la distancia desde la parte inferior */
    left: 20px;
    z-index: 10; /* Asegura que el botón esté encima */
    background-color: #00a6a6; /* Ajusta el color del botón */
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    border: 2px solid #00a6a6;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.elementor-accordion .elementor-accordion-item .mi-boton-acordeon:hover {
    background-color: #ff6600; /* Color al pasar el cursor */
    border-color: #ff6600;
}/* End custom CSS */