.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-39adab3:#573A70;--e-global-color-14548f0:#6F5981;--e-global-color-e4245cf:#71288A;--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-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Efecto general en cada caja de servicio */
.cajas-servicio {
  transition: transform 0.4s ease;
  will-change: transform;
}

/* Zoom al hacer hover */
.cajas-servicio:hover {
  transform: scale(1.03);
  z-index: 2;
}

/* Alinear ícono a la derecha dentro de cada item */
.elementor-icon-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: transform 0.4s ease;
}

/* Animación del ícono: transición suave */
.elementor-icon-list-icon {
  transition: transform 0.4s ease;
  margin-left: 10px; /* separa el icono del texto */
  order: 2; /* fuerza el icono a la derecha */
}

/* El texto va a la izquierda */
.elementor-icon-list-text {
  order: 1;
}

/* Hover sobre la caja: mueve el ícono */
.cajas-servicio:hover .elementor-icon-list-icon {
  transform: translateX(5px);
}/* End custom CSS */