/* Centralização completa e menu simplificado para mobile/tablet */

/* Centralização global para mobile e tablet */
@media (max-width: 1024px) {
    /* Centralização geral */
    * {
        text-align: center !important;
    }
    
    /* Container centralizado */
    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    /* Seções centralizadas */
    .section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 3rem 1rem;
    }
    
    /* Títulos centralizados */
    .section-title,
    .doctor-name,
    .doctor-subtitle,
    h1, h2, h3, h4, h5, h6 {
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        display: block !important;
    }
    
    /* Textos centralizados */
    p, .text-content, .about-text {
        text-align: center !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }
    
    /* Botões centralizados */
    .btn, .cta-button, .nav-whatsapp, .action-buttons {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 1rem auto !important;
        text-align: center !important;
    }
    
    /* Cards e grids centralizados */
    .treatments-grid,
    .complaints-grid,
    .testimonials-grid,
    .contact-details {
        display: grid !important;
        justify-items: center !important;
        align-items: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    /* Cards individuais centralizados */
    .treatment-card,
    .complaint-card,
    .testimonial-card,
    .contact-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    /* Ícones centralizados */
    .treatment-icon,
    .complaint-icon,
    .contact-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 1rem auto !important;
    }
    
    /* Imagens centralizadas */
    .doctor-image-container,
    .about-image,
    img {
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
}

/* Menu simplificado para tablet (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    /* Header simplificado */
    .header {
        padding: 0.5rem 0;
    }
    
    /* Menu tablet - layout vertical simples */
    .nav-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        text-align: center;
    }
    
    .logo-nav {
        margin-bottom: 0.5rem;
    }
    
    .navigation {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin: 0;
    }
    
    .nav-link {
        font-size: 0.9rem;
        padding: 0.3rem 0.8rem;
        white-space: nowrap;
    }
    
    .nav-whatsapp {
        margin-top: 0.5rem;
        font-size: 0.9rem;
        padding: 0.5rem 1rem;
    }
    
    /* Esconder toggle mobile no tablet */
    .mobile-menu-toggle {
        display: none !important;
    }
    
    /* Hero section tablet */
    .hero-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .text-content {
        order: 1;
    }
    
    .image-content {
        order: 2;
    }
    
    /* Grids tablet */
    .treatments-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
    
    .complaints-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}

/* Menu ultra-simplificado para mobile (até 768px) */
@media (max-width: 768px) {
    /* Body padding para header */
    body {
        padding-top: 120px;
    }
    
    /* Header mobile simplificado */
    .header {
        padding: 1rem 0;
        background: rgba(0, 0, 0, 0.98);
    }
    
    /* Menu mobile - apenas logo e botão WhatsApp visíveis */
    .nav-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        text-align: center;
    }
    
    /* Logo centralizada */
    .logo-nav {
        display: flex;
        justify-content: center;
        margin-bottom: 0.5rem;
    }
    
    .nav-logo {
        max-height: 40px;
    }
    
    /* Navegação escondida por padrão */
    .navigation {
        display: none;
    }
    
    /* Apenas botão WhatsApp visível */
    .nav-whatsapp {
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        padding: 0.8rem 1.5rem;
        font-size: 1rem;
        border-radius: 25px;
        background: var(--color-light-green);
        color: white;
        text-decoration: none;
        transition: all 0.3s ease;
    }
    
    .nav-whatsapp:hover {
        background: var(--color-olive);
        transform: translateY(-2px);
    }
    
    /* Esconder toggle completamente */
    .mobile-menu-toggle {
        display: none !important;
    }
    
    /* Hero section mobile */
    .hero-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
        padding-top: 1rem;
    }
    
    .text-content {
        order: 1;
    }
    
    .image-content {
        order: 2;
    }
    
    .doctor-name {
        font-size: 2.2rem;
        line-height: 1.1;
        margin-bottom: 1rem;
    }
    
    /* Grids mobile */
    .treatments-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .complaints-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    /* CTA centralizado */
    .complaints-cta {
        margin: 3rem auto;
        padding: 2rem 1.5rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .cta-title {
        font-size: 1.4rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    
    .cta-button {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Sobre mim mobile */
    .about-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .about-image {
        order: -1;
        max-width: 300px;
        margin: 0 auto;
    }
    
    /* Depoimentos mobile */
    .testimonials-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    /* Redes sociais mobile */
    .social-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }
    
    .social-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    
    .contact-details {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Mobile pequeno (até 480px) */
@media (max-width: 480px) {
    /* Body padding aumentado */
    body {
        padding-top: 140px;
    }
    
    /* Container padding reduzido */
    .container {
        padding: 0 1rem;
    }
    
    /* Títulos menores */
    .doctor-name {
        font-size: 1.8rem;
    }
    
    .section-title {
        font-size: 2rem;
    }
    
    /* Grids em coluna única */
    .treatments-grid,
    .complaints-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    /* CTA menor */
    .cta-title {
        font-size: 1.2rem;
    }
    
    .cta-button {
        padding: 1rem 1.5rem;
        font-size: 0.9rem;
    }
    
    /* Seções com menos padding */
    .section {
        padding: 2rem 1rem;
    }
}

/* Correções específicas de centralização */
@media (max-width: 1024px) {
    /* Forçar centralização de elementos específicos */
    .hero-section,
    .treatments-section,
    .complaints-section,
    .about-section,
    .testimonials-section,
    .social-section {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Centralizar conteúdo interno */
    .hero-content,
    .treatments-content,
    .complaints-content,
    .about-content,
    .testimonials-content,
    .social-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Centralizar listas e elementos inline */
    ul, ol, li {
        text-align: center !important;
        list-style-position: inside !important;
    }
    
    /* Centralizar formulários e inputs */
    form, input, textarea, select {
        text-align: center !important;
        margin: 0 auto !important;
    }
}