.elementor-kit-5{--e-global-color-primary:#62C3D6;--e-global-color-secondary:#EEC31F;--e-global-color-text:#333333;--e-global-color-accent:#2850DC;--e-global-color-f216b8a:#FFFFFF;--e-global-color-0aafbfd:#D67562;--e-global-color-a2f064b:#F0F2F7;--e-global-color-a72b461:#D2DBE6;--e-global-color-2be83fa:#C0E7EF;--e-global-color-efbf33b:#999999;--e-global-color-6ac30f3:#0F1D231A;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;}.elementor-kit-5 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);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@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 *//* ==== Variables globales de animación ==== */
:root {
  --fx-speed-fast: 0.2s;
  --fx-speed-normal: 0.45s;
  --fx-speed-slow: 0.75s;
  --fx-ease-soft: cubic-bezier(0.25, 0.1, 0.25, 1); /* ease clásico pero suave */
}

/* ==== Transición base para elementos interactivos ==== */

/* Enlaces, botones y botones de Elementor */
a,
button,
.elementor-button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  transition:
    background-color var(--fx-speed-normal) var(--fx-ease-soft),
    color var(--fx-speed-normal) var(--fx-ease-soft),
    border-color var(--fx-speed-normal) var(--fx-ease-soft),
    box-shadow var(--fx-speed-normal) var(--fx-ease-soft),
    transform var(--fx-speed-normal) var(--fx-ease-soft);
}

/* Imágenes dentro de Elementor (hero, cards, etc.) */
.elementor img {
  transition:
    transform var(--fx-speed-slow) var(--fx-ease-soft),
    filter var(--fx-speed-slow) var(--fx-ease-soft),
    box-shadow var(--fx-speed-slow) var(--fx-ease-soft);
}

/* ==== Efecto suave tipo “card” reutilizable ==== */

/* Clase para aplicar a columnas, contenedores, cards, etc. */
.avt-fx-card {
  transition:
    transform var(--fx-speed-normal) var(--fx-ease-soft),
    box-shadow var(--fx-speed-normal) var(--fx-ease-soft),
    background-color var(--fx-speed-normal) var(--fx-ease-soft);
}

.avt-fx-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
}

/* ==== Zoom suave para imágenes ==== */

.avt-fx-zoom-img img {
  transition: transform var(--fx-speed-slow) var(--fx-ease-soft);
}

.avt-fx-zoom-img:hover img {
  transform: scale(1.06);
}
/* Card de tour de WP Travel Engine (ejemplo de clase) */
.wpte-trip-card,
.wpte-tour-item {
  transition:
    transform var(--fx-speed-normal) var(--fx-ease-soft),
    box-shadow var(--fx-speed-normal) var(--fx-ease-soft);
}

.wpte-trip-card:hover,
.wpte-tour-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.15);
}/* End custom CSS */