.elementor-388 .elementor-element.elementor-element-7f0d16f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:2px 2px 2px 2px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-388 .elementor-element.elementor-element-7f0d16f:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5) inset;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Helvetica;}.elementor-388 .elementor-element.elementor-element-f489566{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-388 .elementor-element.elementor-element-f489566.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-388 .elementor-element.elementor-element-f489566 img{width:100%;height:510px;object-fit:cover;object-position:center center;border-style:none;}.elementor-388 .elementor-element.elementor-element-f489566 .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-388 .elementor-element.elementor-element-f489566 img{height:360px;}}@media(max-width:767px){.elementor-388 .elementor-element.elementor-element-7f0d16f{--width:80vw;}.elementor-388 .elementor-element.elementor-element-f489566 img{height:320px;object-fit:cover;object-position:center center;}.elementor-388 .elementor-element.elementor-element-f489566 .widget-image-caption{font-size:22px;}}/* Start custom CSS for image, class: .elementor-element-f489566 *//* 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 */