/* Ajustes globais para tablet e celular */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; }

@media (max-width: 980px) {
  .container { width: min(100% - 28px, var(--maxw, 1200px)); }
  .hero-content { grid-template-columns: 1fr; padding: 86px 22px 26px; }
  .hero-right { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pix-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-head { align-items: flex-start; flex-direction: column; }
  .page-head p { max-width: 100%; }
  .modalBox, .modal-box { width: min(94vw, 820px); }
  .panel-pad[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  #page-home .panel-pad[style] .grid[style*="repeat(3"] { grid-template-columns: 1fr !important; }
  #page-home .panel { overflow: visible; }
  #page-home .mini { min-width: 0; }
}

@media (max-width: 700px) {
  body { overflow-x: hidden; }
  .container { width: min(100% - 24px, var(--maxw, 1200px)); }
  .navbar { height: auto; min-height: var(--navbarH, 64px); }
  .nav-inner { min-height: var(--navbarH, 64px); flex-wrap: wrap; padding-block: 8px; }
  .brand, .nav-actions { min-width: 0; }
  .brand { flex: 1; }
  .nav-actions { gap: 7px; }
  .ip-pill { max-width: min(100%, 240px); }
  .hero { padding-top: 14px; }
  .hero-wrap { min-height: 0; }
  .hero-content { padding: 70px 16px 20px; }
  .hero-right { grid-template-columns: 1fr; }
  h1 { font-size: clamp(29px, 9vw, 42px); line-height: 1.15; word-break: break-word; }
  h2 { font-size: clamp(18px, 6vw, 25px); }
  .sub { font-size: 14px; }
  .hero-actions, .contact-actions, .item-actions, .terms-actions { gap: 8px; }
  .hero-actions .btn, .item-actions .btn { flex: 1 1 130px; }
  .mc-stats { grid-template-columns: 1fr; }
  .cards, .team-grid, .pix-grid, .cos-grid { grid-template-columns: 1fr; }
  .card, .panel, .item, .person { min-width: 0; }
  .item { min-height: 0; }
  .thumb img, .image1 { max-height: 240px; object-fit: contain; }
  .top-pill { width: 100%; min-width: 0; }
  .cos-toprank { display: grid; grid-template-columns: 1fr; }
  .pager { gap: 8px; }
  .pager .btn { min-width: 0; flex: 1 1 120px; }
  .modalOverlay { padding: 10px; }
  .modalBox, .modal-box { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 12px; }
  .modalHead, .modal-head { padding: 13px; }
  .modalBody, .modal-body { padding: 12px; overflow-wrap: anywhere; }
  .rankTable { font-size: 12px; display: block; overflow-x: auto; white-space: nowrap; }
  .rankTable th, .rankTable td { padding: 10px 8px; }
  .pix-card { min-width: 0; }
  .pix-title { font-size: 18px; }
  .pix-qrbox { width: min(170px, 100%); }
  .discord-support-row, .pixbc-support { flex-direction: column; align-items: stretch; }
  .discord-support-text, .pixbc-support span { min-width: 0; }
  .btn-discord, .pixbc-support .btn-pixbc { width: 100%; }
  .anniversary-promo { max-width: 100%; }
}

@media (max-width: 420px) {
  .brand-text span, .ip-pill b { display: none; }
  .logo { width: 38px; height: 38px; }
  .icon-btn, .hamburger { width: 40px; height: 40px; }
  .ip-pill { padding: 7px; max-width: 180px; }
  .ip-pill code { max-width: 150px; padding: 5px 6px; }
  .card-pad, .panel-pad { padding: 12px; }
  .btn { padding: 10px 11px; font-size: 12px; }
  .cos-actions { padding: 10px; gap: 7px; }
  .cos-title { font-size: 14px; }
  .cos-img { width: min(145px, 75vw); }
  .pix-grid { gap: 12px; }
  .pix-card { padding: 11px 10px; }
  .pix-lines { gap: 7px; }
  .pix-line { font-size: 12px; padding: 8px; }
}