.elementor-79 .elementor-element.elementor-element-2652d851{--display:flex;--min-height:850px;--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-79 .elementor-element.elementor-element-222a6275{--spacer-size:600px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-79 .elementor-element.elementor-element-8856853 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(90rad, var( --e-global-color-9e1eaad ) 0%, var( --e-global-color-d19c995 ) 100%);box-shadow:0px 0px 10px 0px #000000;transition-duration:0.2s;border-radius:100px 100px 100px 100px;padding:25px 35px 25px 35px;}.elementor-79 .elementor-element.elementor-element-8856853.elementor-element{--align-self:center;}.elementor-79 .elementor-element.elementor-element-8856853 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-79 .elementor-element.elementor-element-8856853 .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-79 .elementor-element.elementor-element-92f70d9{--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;}.elementor-79 .elementor-element.elementor-element-92f70d9:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-92f70d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lacasadelasrifas.com/wp-content/uploads/2025/10/LA-CASA-DE-LAS-RIFAS-MOVIL-scaled-1.jpg");}.elementor-79 .elementor-element.elementor-element-92f70d9.e-con{--align-self:flex-end;}.elementor-79 .elementor-element.elementor-element-6ff8eb08{--spacer-size:50px;}.elementor-79 .elementor-element.elementor-element-3e107ad .elementor-button{background-color:transparent;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );background-image:linear-gradient(90rad, var( --e-global-color-9e1eaad ) 0%, var( --e-global-color-d19c995 ) 100%);box-shadow:0px 0px 10px 14px rgba(0, 0, 0, 0.59);transition-duration:0.2s;border-radius:100px 100px 100px 100px;padding:15px 30px 15px 30px;}.elementor-79 .elementor-element.elementor-element-3e107ad .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-79 .elementor-element.elementor-element-3e107ad .elementor-button .elementor-button-content-wrapper{gap:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-79 .elementor-element.elementor-element-222a6275{--spacer-size:332px;}.elementor-79 .elementor-element.elementor-element-92f70d9{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-79 .elementor-element.elementor-element-92f70d9:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-92f70d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-79 .elementor-element.elementor-element-6ff8eb08{--spacer-size:365px;}.elementor-79 .elementor-element.elementor-element-3e107ad.elementor-element{--align-self:center;}}/* Start custom CSS for button, class: .elementor-element-8856853 *//* Pega este código en la pestaña Avanzado > Custom CSS del botón de Elementor.
  La palabra '.elementor-79 .elementor-element.elementor-element-8856853' hace que el código se aplique solo a este elemento.
*/

/* Hacemos que el botón sea el punto de referencia para el halo */
.elementor-79 .elementor-element.elementor-element-8856853 {
  position: relative;
  overflow: visible; /* Asegura que el halo no se corte */
}

/* Creamos el halo usando un pseudo-elemento */
.elementor-79 .elementor-element.elementor-element-8856853::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Color del halo. Cambiado al color solicitado. */
  background-color: #dfc97f;
  
  /* Hacemos que tenga la misma forma redondeada del botón */
  border-radius: 50px; /* Ajusta este valor al de tu botón */
  
  /* Asignamos la animación */
  animation: pulse-halo 1s infinite;
  
  /* Lo ponemos detrás del contenido del botón */
  z-index: 0;
}

/* Definimos la animación 'pulse-halo' */
@keyframes pulse-halo {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    /* El halo crecerá 1.4 veces el tamaño del botón y se desvanecerá */
    transform: scale(1.4);
    opacity: 0;
  }
}

/* Opcional: Asegurarnos de que el texto y el ícono del botón
  estén por encima del halo.
*/
.elementor-79 .elementor-element.elementor-element-8856853 .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3e107ad *//* Pega este código en la pestaña Avanzado > Custom CSS del botón de Elementor.
  La palabra '.elementor-79 .elementor-element.elementor-element-3e107ad' hace que el código se aplique solo a este elemento.
*/

/* Hacemos que el botón sea el punto de referencia para el halo */
.elementor-79 .elementor-element.elementor-element-3e107ad {
  position: relative;
  overflow: visible; /* Asegura que el halo no se corte */
}

/* Creamos el halo usando un pseudo-elemento */
.elementor-79 .elementor-element.elementor-element-3e107ad::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  /* Color del halo. Cambiado al color solicitado. */
  background-color: #dfc97f;
  
  /* Hacemos que tenga la misma forma redondeada del botón */
  border-radius: 50px; /* Ajusta este valor al de tu botón */
  
  /* Asignamos la animación */
  animation: pulse-halo 1s infinite;
  
  /* Lo ponemos detrás del contenido del botón */
  z-index: 0;
}

/* Definimos la animación 'pulse-halo' */
@keyframes pulse-halo {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    /* El halo crecerá 1.4 veces el tamaño del botón y se desvanecerá */
    transform: scale(1.4);
    opacity: 0;
  }
}

/* Opcional: Asegurarnos de que el texto y el ícono del botón
  estén por encima del halo.
*/
.elementor-79 .elementor-element.elementor-element-3e107ad .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}/* End custom CSS */