.elementor-848 .elementor-element.elementor-element-47bbde9{--display:flex;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-848 .elementor-element.elementor-element-47bbde9:not(.elementor-motion-effects-element-type-background), .elementor-848 .elementor-element.elementor-element-47bbde9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F6F5;}.elementor-848 .elementor-element.elementor-element-a2484c6{--spacer-size:90px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-848 .elementor-element.elementor-element-c49121a{--grid-columns:3;}@media(max-width:1024px){.elementor-848 .elementor-element.elementor-element-c49121a{--grid-columns:2;}}@media(max-width:767px){.elementor-848 .elementor-element.elementor-element-c49121a{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-47bbde9 *//* Escena: perspectiva 3D */
.elementor-816 {
  perspective: 1200px;
}

/* La tarjeta: lo que gira + alto */
.elementor-816 .elementor-element-1d68d0f {
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.7s ease;
  min-height: 520px;          /* ajusta este valor */
}

/* Clase que activa el giro (con JS) */
.elementor-816 .elementor-element-1d68d0f.is-flipped {
  transform: rotateY(180deg);
}

/* Las dos caras, apiladas */
.elementor-816 .elementor-element-ab2e33b,   /* front */
.elementor-816 .elementor-element-f03d87e {  /* back  */
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* La cara trasera arranca volteada */
.elementor-816 .elementor-element-f03d87e {
  transform: rotateY(180deg);
}/* End custom CSS */