.elementor-kit-442{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-442 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){margin-block-end: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 *//* ===== Zoom + Sombra para TODOS los botones de Elementor ===== */
:root{
  /* Ajusta aquí a tu gusto */
  --btn-zoom-scale: 1.06;
  --btn-shadow-rest: 0 6px 16px rgba(0,0,0,.08);
  --btn-shadow-hover: 0 12px 28px rgba(0,0,0,.18);
}

.elementor-button{
  transform-origin: center;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  box-shadow: var(--btn-shadow-rest);
  backface-visibility: hidden; /* evita “saltos” en algunos navegadores */
  will-change: transform;      /* mejora rendimiento */
}

.elementor-button:hover,
.elementor-button:focus-visible{
  transform: scale(var(--btn-zoom-scale));
  box-shadow: var(--btn-shadow-hover);
}

/* Opcional: un pelín de “lift” visual */
.elementor-button:hover,
.elementor-button:focus-visible{
  filter: brightness(1.02);
}

/* Accesibilidad: contorno claro al navegar con teclado */
.elementor-button:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Evita el “hover” en pantallas táctiles */
@media (hover: none){
  .elementor-button:hover{ transform: none; box-shadow: var(--btn-shadow-rest); filter: none; }
}

/* Respeta usuarios con “reduced motion” */
@media (prefers-reduced-motion: reduce){
  .elementor-button{
    transition: none;
  }
}




/* Contenedor que dispara el efecto al entrar en viewport */
.tw-trigger { position: relative; }

/* Texto de una sola línea con efecto máquina de escribir */
.tw-text {
  --tw-duration: 2.5s;      /* duración del tipeo (ajustable) */
  --tw-delay: 0.15s;        /* retardo antes de empezar (ajustable) */
  --tw-caret-width: 0.12em; /* grosor del cursor */
  --tw-caret-gap: 0.1em;    /* separación del cursor */
  --tw-chars: 30;           /* el JS lo actualizará automáticamente */

  display: inline-block;
  white-space: nowrap;   /* una sola línea */
  overflow: hidden;      /* oculta el texto mientras “se escribe” */
  width: 0ch;            /* empieza desde 0 caracteres */
  border-right: var(--tw-caret-width) solid currentColor; /* cursor */
  padding-right: var(--tw-caret-gap);
  will-change: width;
}

/* Cuando entra en vista, se activa la animación */
.tw-text.is-typing {
  animation:
    tw-typing var(--tw-duration) steps(var(--tw-chars)) var(--tw-delay) forwards,
    tw-caret 600ms steps(1, end) infinite;
}

/* Anima el ancho en "ch" (caracteres) */
@keyframes tw-typing {
  from { width: 0ch; }
  to   { width: var(--tw-chars); }
}

/* Parpadeo del cursor */
@keyframes tw-caret {
  50% { border-color: transparent; }
}/* End custom CSS */