/**
 * Hugo Tech — Responsive Breakpoints
 */

/* ═══ Max 1024px — Tablets ═══ */
@media (max-width: 1024px) {
    .hero .container { grid-template-columns: 1fr; text-align: center; }
    .hero-visual { display: none; }
    .hero-text { margin: 0 auto 32px; }
    .hero-actions { justify-content: center; }
    .hero-stats { justify-content: center; }
    .hero-title { font-size: 42px; }

    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .products-grid { grid-template-columns: repeat(3, 1fr); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .steps-grid { grid-template-columns: repeat(2, 1fr); }
    .about-numbers { grid-template-columns: repeat(2, 1fr); gap: 32px; }
    .about-grid { grid-template-columns: 1fr; }

    .product-detail-grid { grid-template-columns: 1fr; }
    .product-detail-features { grid-template-columns: repeat(3, 1fr); }

    .contact-grid { grid-template-columns: 1fr; }
}

/* ═══ Max 768px — Small tablets ═══ */
@media (max-width: 768px) {
    .container { padding: 0 16px; }

    /* Navbar mobile */
    .navbar-menu {
        position: fixed; top: var(--nav-height); left: 0; right: 0;
        background: #fff; flex-direction: column;
        padding: 16px; gap: 4px;
        border-bottom: 1px solid var(--color-border);
        box-shadow: var(--shadow-lg);
        transform: translateY(-120%);
        transition: transform .3s ease;
        z-index: 999;
    }
    .navbar-menu.open { transform: translateY(0); }
    .nav-link { padding: 12px 16px; border-radius: var(--radius-sm); width: 100%; }

    .hamburger { display: flex; }

    /* Hero */
    .hero { padding: 60px 0 50px; }
    .hero-title { font-size: 32px; }
    .hero-text { font-size: 15px; }
    .hero-stats { gap: 24px; }
    .hero-stat-number { font-size: 24px; }

    /* Sections */
    .section { padding: 50px 0; }
    .section-title { font-size: 26px; }
    .section-subtitle { font-size: 14px; }

    .services-grid { grid-template-columns: 1fr; gap: 16px; }
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .features-grid { grid-template-columns: 1fr; }
    .steps-grid { grid-template-columns: 1fr; gap: 16px; }

    .product-detail-name { font-size: 24px; }
    .product-detail-price { font-size: 26px; }
    .product-detail-features { grid-template-columns: 1fr; }
    .product-detail-actions { flex-direction: column; }
    .product-detail-actions .btn-primary-lg,
    .product-detail-actions .btn-whatsapp-lg { min-width: auto; }

    /* Catalog */
    .catalog-title { font-size: 24px; }
    .catalog-search-form { flex-direction: column; }
    .catalog-search-wrap { min-width: auto; width: 100%; }
    .catalog-sort { width: 100%; }
    .catalog-tabs { gap: 6px; }
    .catalog-tab { padding: 6px 14px; font-size: 12px; }

    /* About */
    .about-hero-title { font-size: 30px; }
    .about-numbers { grid-template-columns: repeat(2, 1fr); }
    .about-number-value { font-size: 36px; }

    /* Contact */
    .contact-cards { grid-template-columns: 1fr; }

    /* CTA */
    .cta-title { font-size: 26px; }
    .cta-text { font-size: 14px; }

    /* Cart */
    .cart-grid { grid-template-columns: 1fr; }
}

/* ═══ Max 480px — Phones ═══ */
@media (max-width: 480px) {
    .hero-title { font-size: 26px; }
    .hero-actions { flex-direction: column; align-items: center; }
    .hero-actions .btn-primary-lg,
    .hero-actions .btn-outline-lg { width: 100%; justify-content: center; }
    .hero-stats { flex-direction: column; gap: 16px; }

    .products-grid { grid-template-columns: 1fr; }
    .product-info { padding: 14px; }
    .product-price { font-size: 16px; }

    .btn-primary-lg, .btn-outline-lg, .btn-whatsapp-lg { font-size: 14px; padding: 12px 22px; }
    .btn-outline-sm { padding: 8px 16px; }

    .section-title { font-size: 22px; }
    .about-hero-title { font-size: 24px; }
    .cta-title { font-size: 22px; }
}