.elementor-1659 .elementor-element.elementor-element-7902f08{--display:flex;--min-height:100vh;--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;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-1659 .elementor-element.elementor-element-7902f08:not(.elementor-motion-effects-element-type-background), .elementor-1659 .elementor-element.elementor-element-7902f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body.elementor-page-1659:not(.elementor-motion-effects-element-type-background), body.elementor-page-1659 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-1659 .elementor-element.elementor-element-7902f08{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-0f6654e */.elementor-1659 .elementor-element.elementor-element-0f6654e img {
    /* Centrado Matemático Perfecto */
    position: fixed; /* Se fija a la pantalla, no al contenido */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Truco clásico para centrar exacto */
    
    /* Dimensiones */
    width: 500px;
    height: auto; /* Mantiene la proporción para no deformar */
    
    /* Seguridad para Móviles */
    /* Si la pantalla es más pequeña de 500px (móviles), la imagen se encoge */
    max-width: 90vw; /* 90% del ancho de la ventana */
    
    /* Opcional: Sombra o Borde para que destaque */
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    border-radius: 20px; /* Si quieres bordes redondeados */
    z-index: 9999; /* Asegura que quede por encima de todo */
}/* End custom CSS */