/* ==========================================================================
   motion.css — entradas, revelado, hovers
   ========================================================================== */

@keyframes gota{
  0%  { transform:scaleY(.15); opacity:0; transform-origin:top; }
  45% { transform:scaleY(1);   opacity:.85; transform-origin:top; }
  100%{ transform:scaleY(1);   opacity:0; transform-origin:bottom; }
}
@keyframes avisoIn{ from{ opacity:0; transform:translate(-50%,150%);} to{ opacity:1; transform:translate(-50%,0);} }
@keyframes avisoOut{ from{ opacity:1; transform:translate(-50%,0);} to{ opacity:0; transform:translate(-50%,150%);} }

/* SIN ENTRADA DEL HERO NI REVELADO desde el 17 oct 2026 (D10, movimiento ágil,
   decisión de Ro). El hero aparece entero y quieto, y todo el contenido está
   visible siempre: sin fundido ni desplazamiento al entrar en pantalla.
   `.rev` sigue en el marcado y interfaz.js —protegido, no se toca— le sigue
   añadiendo `.visible`, pero ninguna regla lo oculta: la clase es inerte.
   Lo que se mueve es respuesta a una acción —hovers, foco, el cambio de tema
   que dispara el scroll— o la pista de scroll. */

.pista-l{ animation:gota 2.6s var(--ease-ui) infinite; }

/* transiciones base */
.btn,.tarjeta,.banda,.resena,.input,.info-marco{
  transition:transform .45s var(--ease-ui),
             border-color .45s var(--ease-ui),
             color .45s var(--ease-ui),
             background-color .45s var(--ease-ui);
}
.fl{ transition:transform .45s var(--ease-ui); }

/* hovers */
.btn-p:hover{ transform:translateY(-2px); border-color:var(--espiga); background:rgba(201,169,97,.07); }
.btn-q:hover{ color:var(--hueso); }
.btn:hover .fl{ transform:translateX(4px); }
.tarjeta:hover,.banda:hover,.resena:hover{ transform:translateY(-3px); border-color:var(--linea-alta); }
.input:focus{ outline:none; border-color:var(--espiga); }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}