.elementor-kit-8{--e-global-color-primary:#FE4D16;--e-global-color-secondary:#0ABAB5;--e-global-color-text:#5F58B9;--e-global-color-accent:#18181B;--e-global-color-45af9d1:#F5F5F5;--e-global-color-4396428:#EBEBEC;--e-global-color-ca65707:#787880;--e-global-color-8fe8b4f:#2C2C2C1C;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.3em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-45af9d1 );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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);}@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 *//* ====================== DESTACADOS GRADIENTES - Versión Premium (Fondo Blanco) ====================== */

.destacadoAzul {
  background: linear-gradient(90deg, #0A8F8A, #14D9D1, #6FE3DF);
}

.destacadoNaranja {
  background: linear-gradient(90deg, #E63A00, #FF6B35, #FFAB7A);
}

.destacadoVioleta {
  background: linear-gradient(90deg, #4C3F9C, #7E6EFF, #C4B8FF);
}

/* BASE COMÚN - Muy suave y refinada */
.destacadoAzul,
.destacadoNaranja,
.destacadoVioleta {
  position: relative;
  display: inline-block;
  
  background-size: 220% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Transición ultra suave al volver (lo más importante para fondo blanco) */
  transition: 
    background-position 0.95s cubic-bezier(0.23, 1, 0.32, 1),
    filter 0.95s cubic-bezier(0.23, 1, 0.32, 1);
}

/* HOVER - Más vivo y premium */
.destacadoAzul:hover,
.destacadoNaranja:hover,
.destacadoVioleta:hover {
  background-position: 100% 50%;
  
  /* Efecto más elegante en fondo blanco */
  filter: brightness(1.12) saturate(1.45);
  
  /* Transición más dinámica solo en hover */
  transition: 
    background-position 0.7s cubic-bezier(0.25, 0.95, 0.4, 1),
    filter 0.7s cubic-bezier(0.25, 0.95, 0.4, 1);
}

/* Glow sutil extra (queda excelente sobre fondo blanco) */
.destacadoAzul:hover::after,
.destacadoNaranja:hover::after,
.destacadoVioleta:hover::after {
  content: '';
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  background: inherit;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.18;
  filter: blur(12px);
  z-index: -1;
  transition: opacity 0.8s ease;
}

.destacadoAzul:hover::after,
.destacadoNaranja:hover::after,
.destacadoVioleta:hover::after {
  opacity: 0.28;
}/* End custom CSS */