/* ─── ALPINISTAS.IO — RESPONSIVE CSS ──────────────────────────── */
/* Loaded by all pages via <link>. Overrides desktop-only layouts  */
/* using max-width media queries. Desktop styles remain unchanged.  */

/* ── TABLET (≤1024px) ──────────────────────────────────────────── */
@media (max-width: 1024px) {
  .nav-inner     { padding: 0 24px; }
  .section-inner { padding: 0 24px; }
  .footer-inner  { padding: 0 24px; }
  .breadcrumb-inner { padding: 16px 24px; }

  /* Index: Soluções + Conteúdo */
  .orbit-list       { grid-template-columns: repeat(2, 1fr); }
  .solutions-grid   { grid-template-columns: repeat(2, 1fr); }
  .segments-grid    { grid-template-columns: repeat(4, 1fr); }
  .content-grid     { grid-template-columns: repeat(2, 1fr); }
  .partners-grid    { grid-template-columns: repeat(2, 1fr); }

  /* Index: Footer */
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }

  /* Service pages */
  .risks-grid    { grid-template-columns: repeat(2, 1fr); }
  .steps-grid    { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .materials-grid { grid-template-columns: repeat(2, 1fr); }
  .how-grid      { grid-template-columns: repeat(2, 1fr); }
}

/* ── MOBILE LANDSCAPE (≤768px) ────────────────────────────────── */
@media (max-width: 768px) {
  /* NAV: ocultar links, manter logo + CTA */
  .nav-inner  { padding: 0 16px; }
  .nav-links  { display: none; }

  /* Seções */
  section { padding: 56px 0; }
  .section-inner    { padding: 0 16px; }
  .footer-inner     { padding: 0 16px; }
  .breadcrumb-inner { padding: 16px 16px; }

  /* Títulos */
  .hero-title    { font-size: clamp(26px, 7vw, 46px); }
  .section-title { font-size: clamp(22px, 5vw, 36px); }

  /* ── INDEX: Hero ── */
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 60px 16px;
  }

  /* ── INDEX: Soluções cards ── */
  .orbit-list     { grid-template-columns: repeat(2, 1fr); gap: 14px; }

  /* ── INDEX: Solutions section ── */
  .solutions-grid { grid-template-columns: 1fr; }
  .solutions-header { flex-direction: column; align-items: flex-start; gap: 16px; }

  /* ── INDEX: Segmentos ── */
  .segments-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }

  /* ── INDEX: Stats ── */
  .stats-grid   { grid-template-columns: 1fr; }
  .stat-item    { border-right: none !important; }

  /* ── INDEX: Defense ── */
  .defense-inner  { grid-template-columns: 1fr; gap: 40px; }
  .defense-badges { grid-template-columns: repeat(2, 1fr); }

  /* ── INDEX: Partners ── */
  .partners-grid { grid-template-columns: repeat(2, 1fr); }

  /* ── INDEX: Content ── */
  .content-grid   { grid-template-columns: 1fr; }
  .content-header { flex-direction: column; align-items: flex-start; gap: 16px; }

  /* ── INDEX: Footer ── */
  .footer-top    { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  /* ── SERVICE PAGES: Hero ── */
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 48px 16px 56px;
  }

  /* ── SERVICE PAGES: Seções de duas colunas → uma coluna ── */
  .intro-inner      { grid-template-columns: 1fr; gap: 40px; }
  .standards-inner  { grid-template-columns: 1fr; gap: 40px; }
  .vulns-inner      { grid-template-columns: 1fr; gap: 40px; }
  .experts-inner    { grid-template-columns: 1fr; gap: 40px; }
  .why-inner        { grid-template-columns: 1fr; gap: 40px; }
  .faq-inner        { grid-template-columns: 1fr; gap: 40px; }

  /* ── SERVICE PAGES: Grids multi-coluna ── */
  .risks-grid     { grid-template-columns: repeat(2, 1fr); }
  .steps-grid     { grid-template-columns: 1fr; }
  .services-grid  { grid-template-columns: 1fr; }
  .materials-grid { grid-template-columns: 1fr; }
  .how-grid       { grid-template-columns: repeat(2, 1fr); }
  .std-card       { grid-template-columns: 60px 1fr; gap: 14px; }

  /* ── RADAR (index) ── */
  .radar-sweep { max-width: 100%; }
  .radar-wrap  { height: auto; min-height: 260px; }
}

/* ── MOBILE PORTRAIT (≤480px) ─────────────────────────────────── */
@media (max-width: 480px) {
  /* Nav */
  nav            { height: 72px; }
  .nav-logo img  { height: 52px; }

  /* Seções */
  section        { padding: 40px 0; }
  .section-inner { padding: 0 14px; }
  .footer-inner  { padding: 0 14px; }

  /* Títulos menores */
  .hero-title    { font-size: clamp(22px, 7vw, 34px); }
  .section-title { font-size: clamp(18px, 5.5vw, 26px); }

  /* ── INDEX: Soluções → coluna única ── */
  .orbit-list { grid-template-columns: 1fr; gap: 12px; }

  /* ── INDEX: Segmentos ── */
  .segments-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  /* ── INDEX: Stats ── */
  .stat-item   { padding: 32px 20px; }
  .stat-number { font-size: 40px; }

  /* ── INDEX: Partners → coluna única ── */
  .partners-grid { grid-template-columns: 1fr; }

  /* ── SERVICE PAGES: Grids → coluna única ── */
  .risks-grid     { grid-template-columns: 1fr; }
  .how-grid       { grid-template-columns: 1fr; }
  .cap-grid       { grid-template-columns: 1fr; }
  .why-stats      { grid-template-columns: 1fr; }
  .vulns-grid     { grid-template-columns: 1fr; }
  .experts-stats  { grid-template-columns: 1fr; }
}