/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2026 | 07:13:52 */
/* =================================================
   CARDS.CSS
   Componente de tarjeta (.ui_card) y sus variantes:
   gradientes de overlay, zoom de imagen, variante
   "equipo", sombra y fondo solido.
   Depende de: variables en global.css, y de
   .ui_boton (botones.css) si la card usa un boton
   con efecto flecha.
================================================= */
/* =================================================
   6. EFECTOS & ANIMACIONES
================================================= */
.ui_card { position: relative; overflow: hidden; cursor: pointer; }
.ui_card ul { padding-left: 10px; }
.ui_card ul li { position: relative; padding-left: 30px; }
.ui_card ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-accent);
}

/* GRADIENT 1 (Capa Gris -> Azul) */
.ui_card--gradient-1::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 20, 0) 21%, rgba(0, 0, 20, 1) 77%);  
  transition: background 0.5s ease, opacity 0.5s ease;
}
.ui_card--gradient-1:hover::before {
  background: linear-gradient(to bottom, rgba(0, 0, 105, 0) 21%, rgba(0, 0, 105, 1) 75%);
}

/* GRADIENT 2 (Fondo Sólido + Sombra) */
.ui_card--gradient-2 { transition: background 0.5s ease, box-shadow 0.5s ease, opacity 0.5s ease; }
.ui_card--gradient-2:hover {  
  background: linear-gradient(0deg, #000095 0%, #000069 100%);  
  box-shadow: 0px 8px 84px 0px rgba(0, 0, 105, 0.24);  
}
.ui_card--gradient-2:hover .elementor-heading-title,
.ui_card--gradient-2:hover .elementor-widget-text-editor { color: var(--color-white) !important; }
.ui_card--gradient-2:hover .ui_boton .elementor-widget-text-editor { color: var(--color-secondary) !important; } 
.ui_card--gradient-2:hover .ui_boton img {
  filter: brightness(0) saturate(100%) invert(73%) sepia(50%) saturate(3506%) hue-rotate(160deg) brightness(103%) contrast(106%) 
          drop-shadow(0px -0.5px 0px #00D5FF);
} 

/* ZOOM COMPLEMENTARIO */
.ui_card--zoom .ui_imagen img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.ui_card--zoom:hover .ui_imagen img { transform: scale(1.06); }

/* EFECTO FLECHA DEL BOTON */
@keyframes flechaVaiven {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(-2px); }
}
.ui_card .ui_boton .ui_img-box {
  transition: transform .5s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.ui_card:hover .ui_boton .ui_img-box {
  animation: flechaVaiven .5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}

/* GRADIENT FONDO 1 */
.ui_bg_gradient { position: relative; z-index: 1; overflow: hidden; }
.ui_bg_gradient--1::before {
  content: "";
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, #000069 0%, #000095 100%);
  z-index: -1;
  pointer-events: none;
}

/* ZOOM Y GRADIENT PARA EQUIPO */
.ui_card--team .ui_imagen { position: relative; overflow: hidden; }
.ui_card--team .ui_imagen img {
  display: block; width: 100%; height: 100%; object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}
.ui_card--team:hover .ui_imagen img { transform: scale(1.06); }
.ui_card--team .ui_imagen::before {
  content: "";
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 20, 0) 21%, rgba(0, 0, 20, 1) 77%);  
  opacity: 0;
  transition: background 0.5s ease, opacity 0.5s ease;
}
.ui_card--team:hover .ui_imagen::before {
  opacity: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 105, 0) 21%, rgba(0, 0, 105, 1) 75%);
}

/* BOX SHADOW / FONDO SOLIDO */
.ui_card--box-shadow-1 { box-shadow: 0px 20px 40px 10px #F5F5F5; }
.ui_card--bg-color-1 { background-color: var(--color-primary); }
.ui_card--bg-color-1:hover { background-color: var(--color-secondary); }
.ui_card--bg-color-1:hover .jet-listing-dynamic-field__content { color: var(--color-primary)!important; }