/* ============================================
   RESPONSIVE STYLES
   ============================================ */

/* Tablet (max 1024px) */
@media (max-width: 1024px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); }
    .about-home-grid, .about-overview-grid { grid-template-columns: 1fr; gap: 40px; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .cta-inner { flex-direction: column; text-align: center; }
    .cta-actions { justify-content: center; }
    .service-card-full { grid-template-columns: 1fr; }
    .service-card-full.reverse { grid-template-columns: 1fr; }
    .service-card-full.reverse .service-icon-big { order: 0; }
    .service-icon-big { width: 120px; }
    .service-points { grid-template-columns: 1fr; }
    .product-detail-card, .product-detail-card.reverse { grid-template-columns: 1fr; }
    .product-detail-card.reverse .product-detail-visual { order: 0; }
}

/* Tablet small (max 768px) */
@media (max-width: 768px) {
    :root {
        --header-height: 70px;
    }

    .cp-topbar { display: none; }
    .cp-navigation { display: none; }
    .btn-header { display: none; }
    .cp-menu-toggle { display: flex; }

    .hero-title { font-size: clamp(2rem, 6vw, 3rem); }
    .hero-stats { gap: 20px; }
    .hero-stat { flex: 1; min-width: 100px; }
    .stat-number { font-size: 2rem; }

    .cp-section { padding: 60px 0; }
    .section-header { margin-bottom: 36px; }

    .products-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
    .why-us-grid { grid-template-columns: 1fr; }
    .industries-grid { grid-template-columns: 1fr; }
    .mv-grid { grid-template-columns: 1fr; }
    .infra-grid { grid-template-columns: repeat(2, 1fr); }
    .quality-process-grid { grid-template-columns: 1fr; }
    .certs-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .industries-detail-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { flex-direction: column; gap: 12px; text-align: center; }

    .process-timeline::before { left: 35px; }
    .process-step { gap: 20px; }
    .process-number { width: 70px; height: 70px; font-size: 1rem; }
}

/* Mobile (max 480px) */
@media (max-width: 480px) {
    .container { padding: 0 16px; }

    .cp-hero { min-height: auto; padding: 100px 0 60px; }
    .hero-actions { flex-direction: column; }
    .hero-stats { flex-direction: column; gap: 16px; }
    .hero-stat { text-align: left; display: flex; align-items: center; gap: 12px; }

    .products-grid { grid-template-columns: 1fr; }
    .product-card-home { padding: 24px 20px; }

    .infra-grid { grid-template-columns: 1fr; }
    .team-grid { grid-template-columns: 1fr; }
    .certs-grid { grid-template-columns: 1fr; }
    .about-stats-grid { grid-template-columns: 1fr; }

    .form-row { grid-template-columns: 1fr; }
    .contact-form-wrapper { padding: 24px; }

    .cta-inner { padding: 40px 24px; }
    .cta-actions { flex-direction: column; width: 100%; }

    .error-title { font-size: 5rem; }
    .error-actions { flex-direction: column; }

    .product-detail-card { padding: 24px; }
    .product-detail-placeholder { padding: 40px; min-height: 200px; }

    .cp-whatsapp-float { bottom: 20px; right: 16px; width: 50px; height: 50px; font-size: 1.4rem; }
    .cp-back-to-top { bottom: 20px; right: 16px; width: 44px; height: 44px; }
    .cp-whatsapp-float { bottom: 70px; }
}

/* Large screens */
@media (min-width: 1400px) {
    :root { --container-width: 1400px; }
    .products-grid { grid-template-columns: repeat(4, 1fr); }
}