/* Sonar Sound: adaptaciones a celular y tablet. Va última para que pise a los otros estilos. */
/* responsive */
@media (max-width:900px){
  nav.top ul{display:none}
  nav.top .spacer{display:none}
  nav.top{padding:18px 16px}
  .btn-portal{right:16px;top:12px;padding:10px 14px;font-size:.62rem}
  .wrap{padding:0 16px}
  .hero .ph{width:100%;opacity:.9}
  .hero .ph::after{background:linear-gradient(180deg,transparent 40%,var(--red) 85%)}
  .hero h1{left:16px;right:16px;top:14vh;font-size:12.6vw}
  .hero .sub{left:16px;right:16px;max-width:none;bottom:92px;font-size:.95rem}
  .hero .cta{left:16px;right:16px;bottom:22px}
  .hero .meta{display:none}
  .stats{grid-template-columns:1fr}
  .mvv article{padding:36px 16px}.mvv article::after{bottom:auto;top:16px;font-size:9rem}.mvv-nav{right:16px;bottom:20px}.mvv-nav button{width:46px;height:46px}
  .pst{grid-template-columns:1fr 1fr}
  .stats{gap:30px}
  .card{width:78vw;height:58vh}
  .roster .head{padding:0 16px 20px}
  .rtrack{padding-left:16px}
  .rrow{grid-template-columns:44px 1fr;gap:6px}
  .rrow .hide{display:none}
  .plgrid{grid-template-columns:1fr}
  .search{min-width:0;width:100%}
  .pf-bar{padding:12px 16px}
  .pf-hero img{width:100%;opacity:.9}
  .pf-hero::after{background:linear-gradient(180deg,transparent 30%,var(--acc) 80%)}
  .pf-name{left:16px;right:16px;bottom:200px;font-size:14vw}
  .pf-meta{left:16px;right:16px;bottom:24px;gap:8px}
  .pf-meta .pill,.pf-meta .live{padding:7px 11px}
  .pf-body{padding:8vh 16px}
  .pf-grid,.pf-sp{grid-template-columns:1fr}
  .disc{grid-template-columns:1fr 1fr}
  .show{grid-template-columns:90px 1fr}
  .show .hide{display:none}
  .pf-next{padding:7vh 16px}
  .bigvin{max-width:280px;margin:0 auto}
  .cgrid{grid-template-columns:1fr}
  .login{grid-template-columns:1fr}
  .login .art{display:none}
  .app{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:56px 10px 10px}
  .side .logo,.side .me{display:none}
  .side button.nv{white-space:nowrap}
  .main{padding:22px 16px 40px}
  .kpis{grid-template-columns:1fr 1fr}
  .g2{grid-template-columns:1fr}
  .trk{grid-template-columns:40px 44px 1fr;}
  .trk .hide{display:none}
  .amodal .ahead{grid-template-columns:1fr}
  .tablewrap{overflow-x:auto}
  footer{padding:50px 16px 16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}