/* Micro-interacciones. Todo se desactiva con prefers-reduced-motion. */
.scroll-bar{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,#d6a93f,#f6dc8b);z-index:9999;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .btn,.btn-sec,button[type=submit]{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s}
  .btn:hover,.btn-sec:hover,button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(214,169,63,.35)}
  .btn:active,.btn-sec:active,button[type=submit]:active{transform:translateY(0) scale(.97)}
  .premio{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;will-change:transform}
  .premio:hover{transform:translateY(-4px);border-color:rgba(214,169,63,.55);box-shadow:0 18px 40px rgba(0,0,0,.35)}
  .premio .foto img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .premio:hover .foto img{transform:scale(1.07)}
  .tarjetas .t,.lista li{transition:transform .3s,border-color .3s}
  .tarjetas .t:hover{transform:translateY(-3px)}
  input,select,textarea{transition:border-color .2s,box-shadow .25s}
  input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(214,169,63,.28)}
  .eyebrow{position:relative}
  .hero-img{will-change:transform}
}