/* Responsive Styles
--------------------------------
1.  Wide Desktop (1440px+)
2.  Desktop (max-width: 1280px)
3.  Tablet (max-width: 1024px)
4.  Mobile (max-width: 768px)
-------------------------------- */

/* 2. Desktop (max-width: 1280px) */
@media (max-width: 1280px) {
    .df-header-nav { display: none; }
    .df-button--header-cta { display: none; }
    .df-mobile-menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 30px;
        height: 25px;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
        z-index: 10;
    }
    .df-mobile-menu-toggle__bar {
        width: 30px;
        height: 3px;
        background: var(--df-platinum-primary);
        border-radius: 10px;
        transition: all 0.3s linear;
        position: relative;
        transform-origin: 1px;
    }
    /* Mobile nav expanded styles in JS */
    .df-header-nav.is-open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--df-black-primary);
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .df-header-nav.is-open .df-header-nav__list {
        flex-direction: column;
        gap: var(--df-spacing-xl);
    }
    .df-header-nav.is-open .df-header-nav__link {
        font-size: 2rem;
    }
}

/* 3. Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    h1 { font-size: 3rem; }
    h2 { font-size: 2.5rem; }

    .df-services-grid, .df-blog-grid {
        grid-template-columns: 1fr;
    }

    .df-bento-grid {
        grid-template-columns: 1fr;
    }

    .df-contact-section__grid {
        grid-template-columns: 1fr;
    }
    .df-contact-section__info { text-align: center; }
    .df-contact-item { justify-content: center; }

    .df-site-footer__grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .df-social-links { justify-content: center; }
}

/* 4. Mobile (max-width: 768px) */
@media (max-width: 768px) {
    .df-section { padding: var(--df-spacing-xl) 0; }
    
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }

    .df-hero-section { height: auto; padding: 120px 0 var(--df-spacing-xl); text-align: center; }
    .df-hero-section__text-content {
        max-width: 100%;
    }
    .df-hero-section__cta-group {
        flex-direction: column;
        align-items: center;
    }
    .df-hero-section__trust-indicators {
        flex-direction: column;
        align-items: center;
        gap: var(--df-spacing-sm);
    }

    .df-transformation-card__images {
        flex-direction: column;
    }
    .df-transformation-card__image {
        width: 100%;
    }
    
    .df-cookie-consent {
        flex-direction: column;
        text-align: center;
    }
    .df-whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
        bottom: var(--df-spacing-md);
        right: var(--df-spacing-md);
    }
    .df-article-header { padding: var(--df-spacing-xl) 0; }
}