.elementor-kit-4{--e-global-color-primary:#4D8C3F;--e-global-color-secondary:#141414;--e-global-color-text:#494949;--e-global-color-accent:#A0A0A0;--e-global-color-6e11d48:#FFFFFF;--e-global-color-30f1d72:#FFFFFF00;--e-global-color-cb58db5:#4D8C3F80;--e-global-typography-primary-font-family:"Titillium Web";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Titillium Web";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Titillium Web";--e-global-typography-text-font-size:22px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Titillium Web";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.1em;--e-global-typography-eca5fdb-font-family:"Titillium Web";--e-global-typography-eca5fdb-font-size:17px;--e-global-typography-eca5fdb-font-weight:300;--e-global-typography-eca5fdb-text-transform:uppercase;--e-global-typography-02a7ae6-font-family:"Titillium Web";--e-global-typography-02a7ae6-font-size:clamp(30px, 3.646vw, 60px);--e-global-typography-02a7ae6-font-weight:400;--e-global-typography-02a7ae6-text-transform:uppercase;--e-global-typography-02a7ae6-line-height:1.1em;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-6e11d48 );border-style:none;border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-6e11d48 );}.elementor-kit-4 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:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}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-kit-4{--e-global-typography-text-font-size:18px;--e-global-typography-02a7ae6-font-size:6vw;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:20px 10px 20px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-02a7ae6-font-size:8vw;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );padding:20px 10px 20px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-divider-separator:before {
    width: 50px!important;
    max-width: 50px!important;
}

p:last-child {
    margin-bottom: 0px;
}

.elementor-icon-wrapper {
    line-height: 0;
}

html, body {
    overflow-x: hidden;
}

.caja-servicio:hover .numero-caja div {
    color: white!important;
}

.caja-servicio:hover .titulo-caja h3 , .caja-servicio:hover .titulo-caja span {
    color: white!important;
}

.caja-servicio:hover .descripcion-caja p {
    color: white!important;
}

.caja-servicio:hover .boton-caja span {
    color: white!important;
}

.caja-servicio:hover .boton-caja svg {
    fill: white!important;
}

.no-mayus {
    text-transform: unset!important;
}

/* Estado base */
.seccion-zoom {
  position: relative;
  overflow: hidden;                 /* que no se vea fuera del marco */
  background-position: center !important;
  background-size: cover !important;
}

/* Capa que copia el fondo y se escala */
.seccion-zoom::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;              /* copia imagen/posicion/tamaño del fondo */
  transform: scale(1);
  transform-origin: center center;
  transition: transform 0.6s ease;  /* animación suave */
  pointer-events: none;             /* no bloquea clics/links dentro */
  filter: saturate(0);
}

/* Hover en la tarjeta: escala el fondo */
.caja-servicio:hover .seccion-zoom::before {
  transform: scale(1.08);           /* ajustá 1.05–1.15 a gusto */
   filter: saturate(1);
}

.zoom-itself {
  position: relative;
  overflow: hidden;
  background-position: center !important;
  background-size: cover !important;
}

/* Capa interna que replica el background */
.zoom-itself::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;              /* copia la imagen de fondo */
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.6s ease, filter 0.6s ease;
  pointer-events: none;
  filter: saturate(0);
}

/* Hover correcto */
.zoom-itself:hover::before {
  transform: scale(1.08);
  filter: saturate(1);
}

.box-blanca:hover .numero-caja div {
    color: white!important;
}

.box-blanca:hover .titulo-caja h3 {
    color: white!important;
}

.box-blanca:hover
.descripcion-caja {
    color: white!important;
}

.box-blanca:hover
.boton-caja span {
    color: white!important;
}

.box-blanca:hover
.boton-caja svg {
    fill: white!important;
}/* End custom CSS */