.elementor-kit-8{--e-global-color-primary:#001409;--e-global-color-secondary:#6E5820;--e-global-color-text:#040303;--e-global-color-accent:#F2C34A;--e-global-color-f5bf12e:#C39D3C;--e-global-color-fc67e6b:#1D5C30;--e-global-color-7b8dc4e:#102E19;--e-global-color-1ae88be:#FFFFFF;--e-global-color-44ea516:#F1EFE9;--e-global-color-3706680:#126135;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:38px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* CONTENEDOR GENERAL DE LA SECCIÓN DE SERVICIOS */
.section-servicios {
  position: relative;
}

/* CADA SERVICIO SE PEGA ARRIBA Y OCUPA LA PANTALLA */
.section-servicios .snap-service {
  position: sticky;
  top: 0;                 /* si tienes header fijo alto, puedes subir a 60-80px */
  min-height: 100vh;      /* ocupa la altura de la ventana */
  display: flex;
  align-items: center;
}

/* Espacio extra al final para que la salida hacia la siguiente sección
   no se sienta tan brusca */
.section-servicios::after {
  content: "";
  display: block;
  height: 10vh;
}

/* AJUSTES SOLO VISUALES PARA MÓVIL */
@media (max-width: 767px) {
  .section-servicios .snap-service {
    min-height: 100vh;    /* mantenemos el efecto de "pantalla completa" */
    padding-inline: 16px; /* un poco de respiro lateral en teléfonos */
  }

  .section-servicios::after {
    height: 10vh;
  }
}



/* ------------------------------------------------ */
/*   BASE GLOBAL PARA BOTONES CON EFECTO EXPANSIVO */
/* ------------------------------------------------ */

.btn-verde,
.btn-amarillo {
  position: relative;
  z-index: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 10px;
  border-radius: 60px;
  border: none;
  cursor: pointer;

  overflow: hidden;
  text-decoration: none;
}

/* Capa animada que se expande desde el centro */
.btn-verde::before,
.btn-amarillo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease-out;

  pointer-events: none;
  z-index: 0;
}

/* Asegurar que el texto siempre esté encima */
.btn-verde *,
.btn-amarillo * {
  z-index: 1;
}

/* Estado normal */
.btn-verde {
  color: #fff;

  background: linear-gradient(
    270deg,
    #102E19 2.4%,
    #1D5C30 49.04%,
    #102E19 99.49%
  );

  box-shadow: 0 6px 27.7px rgba(0, 0, 0, 0.21);
}

/* Color central que se expande */
.btn-verde::before {
  background: #1D5C30;
}

/* Hover */
.btn-verde:hover::before {
  transform: scaleX(1);
}

.btn-amarillo {
  color: #000;

  background: linear-gradient(
    270deg,
    #C39D3C 0%,
    #F2C34A 37.02%,
    #F2C34A 55.52%,
    #C39D3C 99.49%
  );

  box-shadow: 0 6px 27.7px rgba(0, 0, 0, 0.21);
}

.btn-amarillo::before {
  background: #F2C34A; /* color del centro del degradado */
}

.btn-amarillo:hover::before {
  transform: scaleX(1);
}/* End custom CSS */