/**
 * Portada Dasec — Animaciones y motion
 * Página: Portada / is_front_page()
 * Referencia: dasec-imperium-animations.css
 */

/* ── AOS overrides para Flatsome ── */
[data-aos] {
  pointer-events: auto !important;
}

/* ── Hero: zoom cinemático sutil en imagen de fondo ── */
body.home .dasec-home-hero .banner-bg .bg,
body.home .dasec-home-hero .banner-bg {
  animation: dasec-home-hero-zoom 14s ease-out forwards;
  will-change: transform;
}

@keyframes dasec-home-hero-zoom {
  from { transform: scale(1.06); }
  to   { transform: scale(1); }
}

/* ── Hero: fade-in del texto ── */
body.home .dasec-home-hero .text-box {
  animation: dasec-home-hero-fade 1s ease-out 0.3s both;
}

@keyframes dasec-home-hero-fade {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Botones hero: hover más expresivo ── */
body.home .dasec-home-hero .button {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-home-hero .button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* ── Tarjetas de categoría: hover mejorado ── */
body.home .dasec-category-card {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(16, 38, 79, 0.16);
}

body.home .dasec-category-card .banner-bg {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-category-card:hover .banner-bg {
  transform: scale(1.05);
}

/* ── Tarjetas de líneas: hover mejorado ── */
body.home .dasec-line-card {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-line-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(16, 38, 79, 0.16);
}

body.home .dasec-line-card .banner-bg .bg {
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-line-card:hover .banner-bg .bg {
  transform: scale(1.045);
}

/* ── Tarjetas de soluciones: hover mejorado ── */
body.home .dasec-solution-card {
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-solution-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 32px rgba(16, 38, 79, 0.16);
}

body.home .dasec-solution-card .banner-bg .bg {
  transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-solution-card:hover .banner-bg .bg {
  transform: scale(1.045);
}

/* ── Franja de confianza: hover sutil ── */
body.home .dasec-trust-item {
  transition: background-color 0.3s ease;
  border-radius: 8px;
}

body.home .dasec-trust-item:hover {
  background-color: rgba(16, 38, 79, 0.03);
}

body.home .dasec-trust-icon img {
  transition: transform 0.3s ease;
}

body.home .dasec-trust-item:hover .dasec-trust-icon img {
  transform: scale(1.1);
}

/* ── Botones secundarios (Ver catálogo, etc): hover ── */
body.home .dasec-solutions-main-button,
body.home .dasec-lines-main-button {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.home .dasec-solutions-main-button:hover,
body.home .dasec-lines-main-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(16, 38, 79, 0.12);
}

/* ── CTA final: hover expresivo ── */
body.home .section .button.primary,
body.home .section .button.secondary {
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── AOS custom easing ── */
[data-aos="fade-up"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

[data-aos="fade-right"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
