/* tablet y escritorio */
@media (min-width:768px){
  #app{display:grid;grid-template-columns:230px minmax(0,1fr)}
  #tabs{position:sticky;top:0;height:100dvh;flex-direction:column;justify-content:flex-start;gap:6px;border-top:0;border-right:1px solid var(--line);padding:26px 14px;align-self:start}
  #tabs .brand{display:block;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;padding:2px 12px 20px}
  #tabs button{flex:none;flex-direction:row;gap:12px;font-size:.95rem;padding:0 16px;min-height:50px;justify-content:flex-start}
  #tabs button.on{background:var(--surface2)}#tabs button.dot::after{left:auto;right:16px;top:20px}
  main{max-width:1120px;padding:6px 36px 56px;width:100%}
  .who-b span:not(.av){display:inline}.who-b{padding-right:14px}
  .hoy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:start}
  .col-main{grid-column:1;grid-row:1}.col-side{grid-column:2;grid-row:1;position:sticky;top:16px}
  .duel-grid,.yo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
  .badges{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home{flex-direction:column;align-items:stretch}.home-art{flex:none;max-width:none}
  #fab{right:44px;bottom:36px}
  #toast{bottom:28px}
  .avs,.avs.pick{grid-template-columns:repeat(8,1fr)}
}
@media (min-width:1000px){.badges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:380px){.badges{gap:8px}.tk-meta{font-size:.72rem}.stats b{font-size:1.15rem}}
.top>div:first-child{min-width:0;flex:1}
.who-b{padding-right:3px}.who-b.on{padding-right:10px}
@media (min-width:768px){.who-b{padding-right:14px}}