.elementor-3513 .elementor-element.elementor-element-5f5968d{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Helvetica;}.elementor-3513 .elementor-element.elementor-element-95ea27d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3513 .elementor-element.elementor-element-95ea27d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-3513 .elementor-element.elementor-element-95ea27d img{height:500px;object-fit:fill;border-style:none;}.elementor-3513 .elementor-element.elementor-element-95ea27d .widget-image-caption{text-align:center;color:var( --e-global-color-a1909f7 );font-family:"Denton Test", Helvetica;font-size:42px;font-weight:400;text-transform:uppercase;line-height:1.25em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}@media(max-width:1024px){.elementor-3513 .elementor-element.elementor-element-95ea27d img{height:360px;}}@media(min-width:768px){.elementor-3513 .elementor-element.elementor-element-5f5968d{--content-width:400px;}}@media(max-width:767px){.elementor-3513 .elementor-element.elementor-element-5f5968d{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3513 .elementor-element.elementor-element-95ea27d img{height:280px;object-fit:cover;object-position:center center;}.elementor-3513 .elementor-element.elementor-element-95ea27d .widget-image-caption{font-size:22px;}}/* Start custom CSS for image, class: .elementor-element-95ea27d *//* Seleccionamos el contenedor principal de la imagen para establecer el contexto de posicionamiento */
.elementor-widget-image .wp-caption {
    position: relative;
    overflow: hidden; /* Oculta cualquier cosa que se salga del contenedor */
    margin: 0; /* Elimina el margen por defecto de la figura */
    line-height: 0; /* Evita espacios extra debajo de la imagen */
}

/* Creamos la capa oscura (overlay) usando un pseudo-elemento */
.elementor-widget-image .wp-caption::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Negro con 60% de opacidad. ¡Ajústalo a tu gusto! */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 1; /* Se asegura de que la capa esté sobre la imagen */
}

/* Estilo y posicionamiento de la leyenda (el título) */
.elementor-widget-image .wp-caption .widget-image-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Truco para centrar perfectamente */
    width: 90%; 
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 2; /* Se asegura de que el texto esté sobre la capa oscura */
}

/* Efecto al pasar el ratón (hover) */
.elementor-widget-image .wp-caption:hover::before,
.elementor-widget-image .wp-caption:hover .widget-image-caption {
    opacity: 1; /* Hacemos visibles la capa oscura y el texto */
}

/* Opcional: Para que la imagen tenga un ligero zoom al pasar el ratón */
.elementor-widget-image .wp-caption img {
    transition: transform 0.4s ease;
}

.elementor-widget-image .wp-caption:hover img {
    transform: scale(1.1);
}/* End custom CSS */