.elementor-kit-435{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-61241c52:#4054B2;--e-global-color-4b1ff412:#23A455;--e-global-color-444146c4:#000;--e-global-color-7978d0eb:#FFF;--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-435 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 *//* SERVIMEC — Animaciones UX reutilizables
Asignar en Avanzado > Clases CSS (sin punto).
smc-ux-boton: widget Boton. smc-ux-foto: widget Imagen.
smc-ux-tarjeta: contenedor individual, nunca filas completas.
Velocidad y amplitud: ajustar las variables siguientes. */
:root {
 --smc-ux-tiempo: 280ms;
 --smc-ux-zoom-boton: 1.025;
 --smc-ux-zoom-foto: 1.035;
 --smc-ux-elevacion: -4px;
}
.smc-ux-boton .elementor-button {
 transition: transform var(--smc-ux-tiempo) ease, box-shadow var(--smc-ux-tiempo) ease;
}
.smc-ux-foto { overflow: hidden; }
.smc-ux-foto img { transition: transform 450ms ease; }
.smc-ux-tarjeta { transition: transform var(--smc-ux-tiempo) ease, box-shadow var(--smc-ux-tiempo) ease; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
 .smc-ux-boton .elementor-button:hover { transform: translateY(-2px) scale(var(--smc-ux-zoom-boton)); box-shadow: 0 12px 26px rgba(17,24,32,.16); }
 .smc-ux-foto:hover img { transform: scale(var(--smc-ux-zoom-foto)); }
 .smc-ux-tarjeta:hover { transform: translateY(var(--smc-ux-elevacion)); box-shadow: 0 18px 38px rgba(17,24,32,.13); }
}
.smc-ux-boton .elementor-button:focus-visible { outline: 3px solid #061c2c; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
 .smc-ux-boton .elementor-button, .smc-ux-foto img, .smc-ux-tarjeta { transition: none !important; transform: none !important; }
}
/* FIN SERVIMEC UX *//* End custom CSS */