/* GONA Invest — animaciones discretas (V7.1).
   Para quitarlas: borrar la línea <link ... motion.css> de index.html. Nada más depende de este archivo.
   Todas se desactivan si el visitante tiene activado "reducir movimiento". */

@media (prefers-reduced-motion: no-preference) {

  /* 1. Portada: titular, texto y enlace entran una sola vez al cargar */
  @keyframes gona-rise { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
  .hero h1, .hero-sub, .hero .cta-line {
    animation:gona-rise .7s cubic-bezier(.2,.7,.2,1) both;
  }
  .hero h1        { animation-delay:.08s; }
  .hero-sub       { animation-delay:.22s; }
  .hero .cta-line { animation-delay:.36s; }

  /* 2. Líneas lima de los parámetros: se dibujan de izquierda a derecha al aparecer.
        Solo si hay JavaScript (gona.js añade .is-in); sin él, las líneas se ven normales. */
  @media (scripting: enabled) {
    .grid-figs .fig { position:relative; border-top-color:transparent; }
    .grid-figs .fig::before {
      content:""; position:absolute; left:0; right:0; top:-1px; height:1px; background:var(--accent);
      transform:scaleX(0); transform-origin:left center;
      transition:transform 1s cubic-bezier(.2,.7,.2,1);
    }
    .grid-figs.is-in .fig::before { transform:scaleX(1); }
    .grid-figs.is-in .fig:nth-child(2)::before { transition-delay:.12s; }
    .grid-figs.is-in .fig:nth-child(3)::before { transition-delay:.24s; }
  }
}

/* 4. Detalles al pasar el ratón (solo dispositivos con ratón) */
@media (hover: hover) and (pointer: fine) {
  .cta-line { transition:box-shadow .25s ease; }
  .cta-line:hover { box-shadow:inset 0 -1px 0 var(--accent); }

  .nav-wide a {
    background-image:linear-gradient(currentColor, currentColor);
    background-repeat:no-repeat; background-position:left 100%; background-size:0% 1px;
    padding-bottom:3px; transition:background-size .3s ease, color .2s ease;
  }
  .nav-wide a:hover { background-size:100% 1px; color:var(--ink); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  .cta-line, .nav-wide a { transition:none; }
}