/* ================================================================
   FLYXS · CAPA DE EXPERIENCIA COMPARTIDA (2026-10-26)
   Frente «Optimización post-mudanza»: más dinamismo, mejor tacto.
   Solo AÑADE transiciones suaves (150–250 ms), estados
   :hover/:active/:focus-visible, zonas de toque de 44 px en la
   navegación móvil y respeto a prefers-reduced-motion.
   No cambia colores, textos, precios ni maquetación de ninguna
   página: la paleta viva de Flyxs (verdes #57d977 / #3dbe4b /
   #1e8b3d, botones sólidos) queda intacta.
   ================================================================ */
a,button,input,select,textarea,[role="button"]{-webkit-tap-highlight-color:rgba(87,217,119,.28)}
.btn,.nl,.temabtn,.burger,.fx-qbtn,.fx-buy{transition:transform .18s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,filter .2s ease}
.card,.feat,.tier{transition:transform .2s ease,box-shadow .22s ease,border-color .2s ease}
@media (hover:hover) and (pointer:fine){
  .btn:hover{filter:brightness(1.13)}
  .btn-pri:hover{box-shadow:0 6px 22px rgba(61,190,75,.35)}
  .card:hover,.feat:hover{transform:translateY(-2px)}
}
.btn:active,.fx-qbtn:active,.fx-buy:active,.temabtn:active{transform:scale(.97)}
.card:active{transform:scale(.995)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #57d977;outline-offset:2px}
@media (max-width:900px){
  .nl{min-height:44px;display:inline-flex;align-items:center}
  .burger{min-width:44px;min-height:44px}
  .temabtn{min-height:44px}
  header .btn{min-height:44px}
  .fx-qbtn{min-height:44px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}