/* ============================================================
   Firma Sistemas — responsive.css
   Media queries (1024 / 768 / 480)
   ============================================================ */

/* ---------- ≤ 1024px ---------- */
@media (max-width: 1024px) {
    .hero-inner { gap: 36px; }
    .planos-grid { gap: 18px; }
    .depo-grid { gap: 18px; }
    .footer-inner { gap: 24px; }
    .etapas { grid-template-columns: repeat(2, 1fr); }
    .seguranca-grid { gap: 30px; }
}

/* ---------- ≤ 768px ---------- */
@media (max-width: 768px) {
    .topbar-inner { justify-content: center; text-align: center; }
    .navbar-inner { flex-wrap: wrap; }
    .nav-list {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 18px;
        padding-top: 10px;
    }
    .hero { padding: 52px 0 44px; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero-panel { order: -1; }
    .planos-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
    .plano-destaque { order: -1; }
    .depo-grid { grid-template-columns: 1fr; }
    .contato-grid { grid-template-columns: 1fr; }
    .etapas { grid-template-columns: 1fr; }
    .seguranca-grid { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; }
    .modulos, .planos, .implantacao, .seguranca, .integracoes, .faq, .depoimentos, .contato { padding: 56px 0; }
    .panel-article { padding: 26px; }
}

/* ---------- ≤ 480px ---------- */
@media (max-width: 480px) {
    body { font-size: 1rem; }
    .hero-title { font-size: 1.7rem; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .btn { text-align: center; }
    .modulo-tabs { gap: 8px; }
    .tab { padding: 10px 18px; font-size: 0.85rem; }
    .panel-metric-value { font-size: 1.7rem; }
    .panel-bars { height: 80px; }
    .implantacao-nota { padding: 12px 16px; font-size: 0.88rem; }
    .etapa { padding: 20px 16px; }
    .seguranca-lista { padding: 20px; }
    .footer-inner { grid-template-columns: 1fr; }
    .footer-nav, .footer-links { padding-top: 6px; }
}