/* ================================================================
   MAIN.CSS - ARQUIVO CENTRAL
   ================================================================
   Tchissela - v1.0.0
   ================================================================ */

/* 1. BASE */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* 2. LAYOUTS */
@import './layouts/topbar.css';
@import './layouts/header.css';
@import './layouts/mobile-menu.css';
@import './layouts/footer.css';

/* 3. COMPONENTS */
@import './components/buttons.css';
@import './components/whatsapp.css';
@import './components/ai-chat.css';
@import './components/cards.css';
@import './components/professional.css';

/* 4. PAGES - HOME */
@import './pages/home/hero.css';
@import './pages/home/why-us.css';
@import './pages/home/about.css';
@import './pages/home/clients.css';
@import './pages/home/how-it-works.css';
@import './pages/home/services.css';
@import './pages/home/app-video.css';
@import './pages/home/testimonials-team.css';
@import './pages/home/faq.css';
@import './pages/home/contact.css';

/* 5. PAGES - IDENTITY (removido: site 100% público, sem contas) */


/* ================================================================
   FIX RADICAL - FORÇAR MAIN E TODOS OS FILHOS
   ================================================================ */

@media (max-width: 1024px) {
    main {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* E FORÇA O HERO DENTRO DO MAIN */
    main #hero {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    main .hero-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px !important;
        overflow: hidden !important;
    }

    main .hero-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    main .hero-title span {
        padding-left: 0 !important;
        white-space: normal !important;
        word-break: break-word !important;
        max-width: 100% !important;
    }

    main .hero-content-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    main .hero-circle,
    main .hero-circle-2 {
        display: none !important;
    }

    main .hero-phone img {
        max-width: 200px !important;
        width: auto !important;
        margin: 0 auto !important;
    }
}