.elementor-kit-6{--e-global-color-primary:#00A99D;--e-global-color-secondary:#808080;--e-global-color-text:#808080;--e-global-color-accent:#CECECE;--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-6 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){--kit-widget-spacing: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 *//* --- VISTA CARD BASE --- */
.vista-card {
  position: relative;
  transform-style: preserve-3d;
  transform-origin: center center;
  transform: perspective(1200px) rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg));
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  overflow: hidden;
  border-radius: inherit;
  isolation: isolate;  /* keeps z-index layers contained to this card */
}

/* Make inner content its own layer under the glow */
.vista-card > * {
  position: relative;
  z-index: 1;
}

/* Shadow on hover */
.vista-card.is-hovered {
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.45);
}

/* --- SUPER-SUBTLE WHITE MOUSE-FOLLOW GLOW --- */
.vista-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  border-radius: inherit;
  z-index: 2;  /* glow ABOVE content, so no boxy edges from the video */

  background:
    radial-gradient(
      circle at var(--glowX, 50%) var(--glowY, 50%),
      rgba(255, 255, 255, 0.08) 0,   /* very faint white */
      rgba(255, 255, 255, 0) 55%
    );
  transition: opacity 0.2s ease-out;
}

/* Show glow only while hovered */
.vista-card.is-hovered::before {
  opacity: 1;
}

/* Ensure Elementor hover doesn't override our transform */
.vista-card:hover {
  transform: perspective(1200px) rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg)) !important;
}
/* Remove wrapper styling Elementor adds around videos */
.vista-card video,
.vista-card .elementor-widget-video,
.vista-card .elementor-wrapper,
.vista-card .elementor-custom-embed-image-overlay,
.vista-card .elementor-fit-aspect-ratio {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
}

/* Force the video itself to be totally clean */
.vista-card video {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* If Elementor injects an overlay image on top */
.vista-card .elementor-custom-embed-image-overlay img {
  display: none !important;
}


html, body {
  width: 100%;
  overflow-x: hidden;
}

/* Hide VIDEO on all iOS / iPadOS devices */
@supports (-webkit-touch-callout: none) {
  .vista-video-desktop {
    display: none !important;
  }
}

/* Hide IMAGE on real desktop */
@supports not (-webkit-touch-callout: none) {
  .vista-image-ios {
    display: none !important;
  }
}/* End custom CSS */