.elementor-1507 .elementor-element.elementor-element-f806ede{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:1s;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1507 .elementor-element.elementor-element-f806ede:not(.elementor-motion-effects-element-type-background), .elementor-1507 .elementor-element.elementor-element-f806ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background:url("https://somosestudiocero.com/wp-content/uploads/2026/01/Liquid-Gradient-Backgrounds-convertido_Liquid-Gradient-20_2026-01-23_12.34.46-scaled.webp") 50% 50%;background-size:cover;}.elementor-1507 .elementor-element.elementor-element-f806ede:hover{background-color:#00000000;--overlay-opacity:0;}.elementor-1507 .elementor-element.elementor-element-f806ede::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .e-con-inner > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .elementor-background-slideshow::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .e-con-inner > .elementor-background-slideshow::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-1507 .elementor-element.elementor-element-f806ede:hover::before, .elementor-1507 .elementor-element.elementor-element-f806ede:hover > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f806ede:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .elementor-background-slideshow:hover::before, .elementor-1507 .elementor-element.elementor-element-f806ede > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#00000000;--background-overlay:'';}.elementor-1507 .elementor-element.elementor-element-f806ede, .elementor-1507 .elementor-element.elementor-element-f806ede::before{--overlay-transition:0s;}.elementor-1507 .elementor-element.elementor-element-92109ca{--display:flex;--min-height:40vh;--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;--justify-content:center;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1507 .elementor-element.elementor-element-7e797e1{width:var( --container-widget-width, 14% );max-width:14%;--e-transform-translateX:-100px;--e-transform-translateY:-108px;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-1507 .elementor-element.elementor-element-7e797e1.elementor-element{--align-self:center;}.elementor-1507 .elementor-element.elementor-element-bbd8864{--display:flex;--min-height:20vh;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1507 .elementor-element.elementor-element-c85ce14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1507 .elementor-element.elementor-element-c85ce14 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:100px;font-weight:400;color:var( --e-global-color-accent );}.elementor-1507 .elementor-element.elementor-element-5001bbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1507 .elementor-element.elementor-element-5001bbe .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-accent );}.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-1507 .elementor-element.elementor-element-487c6c7 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:25px 25px 25px 25px;padding:15px 25px 15px 25px;}.elementor-1507 .elementor-element.elementor-element-487c6c7{--e-transform-scale:1.2;}.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button .elementor-button-content-wrapper{gap:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1507 .elementor-element.elementor-element-f806ede{--content-width:100%;}.elementor-1507 .elementor-element.elementor-element-92109ca{--width:80%;}.elementor-1507 .elementor-element.elementor-element-bbd8864{--width:80%;}}@media(max-width:1024px){.elementor-1507 .elementor-element.elementor-element-92109ca{--min-height:44vh;}.elementor-1507 .elementor-element.elementor-element-7e797e1{--e-transform-translateX:-80px;--e-transform-translateY:-90px;--e-transform-scale:0.9;--container-widget-width:189px;--container-widget-flex-grow:0;width:var( --container-widget-width, 189px );max-width:189px;}.elementor-1507 .elementor-element.elementor-element-c85ce14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;}.elementor-1507 .elementor-element.elementor-element-c85ce14 .elementor-heading-title{font-size:56px;}.elementor-1507 .elementor-element.elementor-element-5001bbe .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-1507 .elementor-element.elementor-element-7e797e1{--e-transform-translateX:-53px;--e-transform-translateY:-18px;--e-transform-scale:0.6;}.elementor-1507 .elementor-element.elementor-element-c85ce14 .elementor-heading-title{font-size:30px;}.elementor-1507 .elementor-element.elementor-element-5001bbe .elementor-heading-title{font-size:8px;}.elementor-1507 .elementor-element.elementor-element-487c6c7{--e-transform-translateY:-20px;--e-transform-scale:0.8;}}/* Start custom CSS for button, class: .elementor-element-487c6c7 *//* 1. Suavizado de la animación */
.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button, 
.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button-icon {
    transition: all 0.3s ease-out;
}

/* 2. El botón se estira hacia la derecha */
.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button:hover {
    /* MÁGICA AQUÍ: 
       Tienes que sumar tu relleno actual + los 5px que quieres crecer.
       Ejemplo: Si en Estilo > Relleno tienes 15px a la derecha, pon aquí 20px. */
    padding-right: 30px !important; 
    
    /* Esto asegura que si el botón crece, no empuje el contenido hacia la izquierda 
       para recentrarse. Mantiene el ancla visual. */
    margin-right: -5px; 
}

/* 3. La flecha se mueve a la derecha (hacia el nuevo espacio) */
.elementor-1507 .elementor-element.elementor-element-487c6c7 .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f806ede */.elementor-1507 .elementor-element.elementor-element-f806ede {
    min-height: 100dvh;
}/* End custom CSS */
/* Start custom CSS *//* 1. EL REINICIO UNIVERSAL (Igual que antes) */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2. CONFIGURACIÓN DEL HTML (NUEVO e IMPORTANTE) */
html {
  /* ESTO ES EL ANTI-REBOTE */
  /* 'none' evita el efecto elástico en el scroll vertical */
  overscroll-behavior-y: none; 
  
  /* Asegura que no haya scroll horizontal a nivel raíz */
  overflow-x: hidden;
}

/* 3. EL CONTENEDOR PRINCIPAL / BODY */
body {
  /* Altura mínima para cubrir toda la pantalla */
  min-height: 100dvh;
  width: 100%;
  
  /* PROTECCIÓN LATERAL EXTRA */
  /* Corta cualquier cosa que intente salirse por la derecha/izquierda */
  overflow-x: hidden; 

  /* TRUCO VISUAL PARA EL FONDO */
  /* Cambia este color por el color principal de tu fondo (ej. negro, gris, etc.) */
  /* Si el rebote llegara a ocurrir, se verá de este color y no blanco */
  background-color: #TU_COLOR_DE_FONDO; 

  /* Opcional: Flexbox para centrar o distribuir */
  display: flex;
  flex-direction: column;
  
  /* Asegura que el texto se renderice nítido */
  -webkit-font-smoothing: antialiased;
}/* End custom CSS */