/* ===== RESPONSIVO APENAS MOBILE/TABLET - NÃO AFETA DESKTOP ===== */

@media(max-width:900px) {

  /* PLAYER TOP - esconde nav e compacta */
  #player-top nav { display:none !important; }
  #player-top > div { flex-wrap:nowrap !important; flex-direction:row !important; }

  /* GRIDS INLINE - força coluna única */
  [style*="grid-template-columns:3fr 2fr"],
  [style*="grid-template-columns: 3fr 2fr"] {
    display:block !important;
  }
  [style*="grid-template-columns:3fr 2fr"] > div,
  [style*="grid-template-columns: 3fr 2fr"] > div {
    width:100% !important;
    margin-bottom:20px;
  }

  /* TV + CHAT */
  [style*="display:flex;gap:20px;flex-wrap:wrap"] {
    flex-direction:column !important;
  }
  [style*="flex:2;min-width:280px"],
  [style*="flex:1;min-width:260px"] {
    flex:unset !important;
    min-width:100% !important;
    width:100% !important;
  }

  /* CHAT BOX */
  #chat-box { height:250px !important; }

  /* SLIDES MASTER */
  [style*="height:320px"] { height:200px !important; }
  [style*="height:360px"] { height:200px !important; }

  /* NUMEROS - quem somos */
  [style*="grid-template-columns:repeat(4,1fr)"] {
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:16px !important;
  }

  /* ANUNCIE - espaços */
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3,1fr)"] {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:480px) {

  #chat-box { height:180px !important; }
  [style*="height:320px"] { height:150px !important; }
  [style*="height:360px"] { height:150px !important; }

  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns:repeat(2,1fr) !important;
  }

  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3,1fr)"] {
    grid-template-columns:1fr !important;
  }

  /* Player top compacto */
  #player-top { padding:6px 10px !important; }
  #player-top input[type="range"] { display:none !important; }
}

/* ===== FOOTER MOBILE ===== */
@media(max-width:900px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }
  .footer-bottom {
    font-size: 11px !important;
    padding: 12px 0 80px 0 !important;
  }
}

@media(max-width:480px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media(max-width:400px) {
  #footer .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
}

/* ===== QUEM SOMOS ===== */
@media(max-width:768px) {
  [style*="grid-template-columns:1fr 1fr;gap:30px"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }
  [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media(max-width:480px) {
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:600px) {
  #player-top > div { flex-wrap:nowrap !important; flex-direction:row !important; }
  #player-top nav { display:none !important; }
  #player-top > div > div:first-child { flex:1 !important; }
  #player-top > div > div:last-child { gap:6px !important; }
  #player-top input[type=range] { width:50px !important; }
}