.elementor-1202 .elementor-element.elementor-element-7d77850{--display:flex;--min-height:50vh;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1202 .elementor-element.elementor-element-e8fb090{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -80px) 0px;}.elementor-1202 .elementor-element.elementor-element-0852a0f{--display:flex;--min-height:50vh;}.elementor-1202 .elementor-element.elementor-element-8b9dda5{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1202 .elementor-element.elementor-element-e8d25dc{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1202 .elementor-element.elementor-element-e8d25dc.elementor-element{--align-self:center;}.elementor-1202 .elementor-element.elementor-element-e8d25dc .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:37px;font-weight:600;line-height:45px;color:#FFFFFF;}.elementor-1202 .elementor-element.elementor-element-624efd3{--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;--justify-content:center;--border-radius:25px 25px 25px 25px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1202 .elementor-element.elementor-element-624efd3.e-con{--align-self:center;}body.elementor-page-1202:not(.elementor-motion-effects-element-type-background), body.elementor-page-1202 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1202 .elementor-element.elementor-element-7d77850{--content-width:90%;}.elementor-1202 .elementor-element.elementor-element-0852a0f{--content-width:90%;}.elementor-1202 .elementor-element.elementor-element-624efd3{--width:37%;}}/* Start custom CSS for container, class: .elementor-element-624efd3 *//* 1. Preparamos el contenedor interno (la tarjeta negra real) */
.tarjeta-luminosa {
    position: relative;
    background-color: #010101 !important; 

    
    /* LA MAGIA: Este margen crea un espacio "seguro" de 30px dentro de la diapositiva. 
       Así la luz puede expandirse ahí dentro sin que el carrusel la ampute. */

}

/* 2. El resplandor difuminado */
.tarjeta-luminosa::before {
    content: "";
    position: absolute;
    inset: -2px; /* Reducimos esto para que la luz nazca más cerca de la tarjeta */
    border-radius: inherit;
    
    /* Tu degradado corporativo exacto */
    background: linear-gradient(
        135deg, 
        #E09F04 0%,
        #F2B717 13%,
        #F2F2BD 27%,
        #FDE778 32%,
        #DB9A05 49%,
        #F6EAA8 65%,
        #F3D576 81%,
        #F1B612 83%,
        #DDBA5E 92%,
        #B1740D 100%
    );
    
    /* El desenfoque ahora se expandirá por los 30px de margen que le hemos dado */
    filter: blur(20px); 
    z-index: -1;
    opacity: 0.85; /* Si brilla mucho, bájalo a 0.6 o 0.7 */
}

/* Seleccionamos el botón de enviar del formulario de Elementor */
.boton-formulario-dorado .elementor-button[type="submit"] {
    position: relative;
    background: transparent !important;
    color: #ffffff !important; /* Texto blanco para que resalte en el fondo negro */
    border: none !important;
    transition: all 0.3s ease;
    z-index: 1;
    overflow: hidden; /* Para que el efecto no se salga de las esquinas */
}

/* El borde con el degradado metálico */
.boton-formulario-dorado .elementor-button[type="submit"]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit; /* Sigue el redondeo que pongas en Elementor */
    padding: 2px; /* Grosor del borde */
    
    background: linear-gradient(
        135deg, 
        #E09F04 0%, #F2B717 13%, #F2F2BD 27%, #FDE778 32%, 
        #DB9A05 49%, #F6EAA8 65%, #F3D576 81%, #F1B612 83%, 
        #DDBA5E 92%, #B1740D 100%
    );
    
    /* Máscara para dejar el centro transparente */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

/* Efecto al pasar el ratón: El texto se vuelve dorado y el botón brilla */
.boton-formulario-dorado .elementor-button[type="submit"]:hover {
    color: #FDE778 !important;
    box-shadow: 0 0 15px rgba(224, 159, 4, 0.3);
    filter: brightness(1.1);
}/* End custom CSS */