/* Estilos para dispositivos móveis */

/* Mobile Specific Mentoria Styles */
@media (max-width: 768px) {
    .mobile-home-button {
        display: block !important;
    }
    
    nav {
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px !important;
    }
    
    .logo {
        margin-bottom: 0 !important;
    }
    
    .benefits-grid-redesigned {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
        box-sizing: border-box !important;
    }
    
    .benefit-card-gray {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        flex: none !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    
    /* Modules Mobile Styles */
    .modules-grid-professional {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
        box-sizing: border-box !important;
    }
    
    .module-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        width: 100% !important;
    }
    
    .module-box-blue {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        flex: none !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    
    /* Bonus Workshops Mobile Styles */
    .bonus-professional-centered {
        width: 100% !important;
        padding: 1.5rem !important;
        margin: 1.5rem 0 !important;
        box-sizing: border-box !important;
    }
    
    .bonus-header-centered {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        margin-bottom: 1.5rem !important;
    }
    
    .bonus-workshops-centered {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        align-items: center !important;
    }
    
    .workshop-item-centered {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        display: block !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    
    /* Back to Top Button Mobile */
    .back-to-top {
        bottom: 100px !important;
        left: 20px !important;
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }
}

@media (max-width: 360px) {
    .benefits-grid-redesigned {
        gap: 1.2rem !important;
        padding: 0 1rem !important;
    }
    
    .modules-grid-professional {
        gap: 1.2rem !important;
        padding: 0 1rem !important;
    }
    
    .module-row {
        gap: 1.2rem !important;
    }
    
    .bonus-professional-centered {
        padding: 1rem !important;
        margin: 1rem 0 !important;
    }
    
    .bonus-workshops-centered {
        gap: 0.8rem !important;
    }
}

@media (max-width: 768px) {
    /* Reset e base */
    * {
        box-sizing: border-box;
    }
    
    body, html {
        width: 100%;
        min-height: 100vh;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    /* Header e Navegação */
    header {
        padding: 1rem;
        width: 100%;
    }

    .logo {
        font-size: 1rem !important;
    }

    .logo img {
        height: 28px !important;
        width: auto !important;
        max-width: 120px !important;
    }

    .logo span {
        color: white !important;
        font-size: 1rem !important;
    }

    .nav-links {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background-color: #000;
        padding: 1rem;
        flex-direction: column;
        align-items: center;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links li {
        margin: 0.5rem 0;
    }

    .nav-links a {
        font-size: 1.1rem;
    }

    .menu-toggle {
        display: block;
        color: #fff;
        font-size: 1.5rem;
        cursor: pointer;
    }

    /* Estilos específicos para página de mentoria */
    .mentoria-body {
        overflow-x: hidden !important;
    }

    /* Hero Section Ultra Modern Mobile */
    .hero-ultra-modern {
        padding: 60px 15px 40px !important;
        background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    }

    .hero-container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .hero-content-centered {
        text-align: center !important;
        padding: 0 !important;
    }

    .status-badge {
        margin-bottom: 1.5rem !important;
        font-size: 0.8rem !important;
    }

    .hero-title {
        font-size: 2.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1rem !important;
    }

    .hero-title .title-line-1,
    .hero-title .title-line-2,
    .hero-title .title-line-3 {
        display: block !important;
        font-size: 2rem !important;
        margin-bottom: 0.2rem !important;
    }

    .hero-tagline {
        font-size: 1rem !important;
        line-height: 1.5 !important;
        margin-bottom: 2rem !important;
        padding: 0 10px !important;
    }

    .hero-features {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin-bottom: 2rem !important;
    }

    .feature-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        font-size: 0.9rem !important;
    }

    .feature-icon {
        width: 20px !important;
        height: 20px !important;
    }

    .central-image {
        margin-top: 2rem !important;
        max-width: 100% !important;
    }

    .central-image img {
        width: 100% !important;
        max-width: 350px !important;
        height: auto !important;
        border-radius: 12px !important;
    }

    /* Programa Section Mobile */
    .programa-ultra-modern {
        padding: 40px 15px !important;
    }

    .programa-container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .section-title {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }

    .section-description {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 2rem !important;
    }

    .modules-grid-simple {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
        margin-bottom: 2rem !important;
    }

    .module-card {
        background: #2d2d2d !important;
        border-radius: 12px !important;
        padding: 1.5rem !important;
        text-align: center !important;
        color: #fff !important;
    }

    .module-card h3 {
        font-size: 1.3rem !important;
        margin-bottom: 0.5rem !important;
        color: #28a745 !important;
    }

    .module-card p {
        font-size: 0.9rem !important;
        color: #ccc !important;
        margin-bottom: 1rem !important;
    }

    .module-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .module-list li {
        padding: 0.5rem 0 !important;
        font-size: 0.9rem !important;
        color: #e0e0e0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }

    .module-list li:last-child {
        border-bottom: none !important;
    }

    /* CTA Section Mobile */
    .cta-ultra-modern {
        padding: 2rem 15px !important;
        text-align: center !important;
    }

    .cta-content-enhanced {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .cta-header h3 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
    }

    .cta-header p {
        font-size: 1rem !important;
        margin-bottom: 1.5rem !important;
    }

    .cta-features {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin-bottom: 2rem !important;
    }

    .feature-highlight {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        font-size: 0.9rem !important;
    }

    .cta-button-ultra-modern {
        background: #28a745 !important;
        color: #fff !important;
        padding: 1rem 2rem !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        font-weight: bold !important;
        font-size: 1.1rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
        max-width: 300px !important;
    }

    .cta-button-ultra-modern:hover {
        background: #218838 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 20px rgba(40, 167, 69, 0.4) !important;
    }

    /* Mentorship Info Section Mobile */
    .mentorship-info {
        padding: 40px 15px !important;
    }

    .mentorship-info-enhanced {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .info-main-title {
        font-size: 1.8rem !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }

    .info-subtitle {
        font-size: 1rem !important;
        text-align: center !important;
        margin-bottom: 2rem !important;
    }

    /* Statistics Section Mobile */
    .success-statistics {
        margin-bottom: 3rem !important;
    }

    .stats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    .stat-card {
        background: #2d2d2d !important;
        border-radius: 12px !important;
        padding: 1.5rem 1rem !important;
        text-align: center !important;
        color: #fff !important;
    }

    .stat-number {
        font-size: 2rem !important;
        font-weight: bold !important;
        color: #28a745 !important;
        margin-bottom: 0.5rem !important;
    }

    .stat-label {
        font-size: 0.9rem !important;
        color: #ccc !important;
    }

    /* Timeline Mobile */
    .process-timeline {
        padding: 0 !important;
    }

    .timeline-item {
        margin-bottom: 2rem !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .timeline-marker {
        position: relative !important;
        margin: 0 auto 1rem !important;
        width: 50px !important;
        height: 50px !important;
        background: #28a745 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .timeline-number {
        color: #fff !important;
        font-weight: bold !important;
        font-size: 1.2rem !important;
    }

    .timeline-content h4 {
        font-size: 1.2rem !important;
        margin-bottom: 0.5rem !important;
        color: #28a745 !important;
    }

    .timeline-content p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 0.5rem !important;
    }

    .timeline-duration {
        font-size: 0.8rem !important;
        color: #666 !important;
        font-weight: bold !important;
    }

    /* Modules Section Header Mobile */
    .mentorship-modules {
        padding: 2rem 1rem !important;
        margin-bottom: 2rem !important;
    }

    .modules-header {
        text-align: center !important;
        margin-bottom: 2rem !important;
    }

    .modules-title {
        font-size: 1.4rem !important;
        color: #212529 !important;
        margin-bottom: 1rem !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        flex-wrap: wrap !important;
    }

    .modules-title i {
        color: #28a745 !important;
        font-size: 1.2rem !important;
    }

    .modules-subtitle {
        font-size: 1rem !important;
        color: #6c757d !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        max-width: 300px !important;
        margin: 0 auto !important;
    }

    /* Modules Grid Professional Mobile */
    .modules-grid-professional {
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto 2rem !important;
        padding: 0 !important;
    }

    .module-row {
        display: block !important;
        margin-bottom: 0 !important;
    }

    .module-box-blue {
        background: rgba(255,255,255,0.95) !important;
        border-radius: 20px !important;
        padding: 28px !important;
        color: #212529 !important;
        border: 1px solid #dee2e6 !important;
        box-shadow: 0 6px 24px rgba(33,37,41,0.1) !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        margin-bottom: 1.5rem !important;
        position: relative !important;
        overflow: hidden !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
    }

    .module-box-blue::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, #28a745, #20c997) !important;
    }

    .module-box-blue:hover {
        transform: translateY(-6px) scale(1.03) !important;
        box-shadow: 0 12px 40px rgba(40, 167, 69, 0.2) !important;
        border: 1px solid #28a745 !important;
    }

    .module-box-blue:last-child {
        margin-bottom: 0 !important;
    }

    .module-header-compact {
        margin-bottom: 1.2rem !important;
        text-align: left !important;
        border-bottom: 1px solid rgba(33,37,41,0.1) !important;
        padding-bottom: 1rem !important;
    }

    .module-number {
        background: linear-gradient(135deg, #28a745, #20c997) !important;
        color: #fff !important;
        padding: 0.4rem 1rem !important;
        border-radius: 25px !important;
        font-size: 0.85rem !important;
        font-weight: bold !important;
        margin-bottom: 0.8rem !important;
        display: inline-block !important;
        box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
    }

    .module-header-compact h4 {
        font-size: 1.2rem !important;
        margin: 0 !important;
        color: #212529 !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    .module-topics-compact {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .module-topics-compact li {
        padding: 0.7rem 0 !important;
        font-size: 0.95rem !important;
        color: #495057 !important;
        border-bottom: 1px solid rgba(33,37,41,0.08) !important;
        display: flex !important;
        align-items: center !important;
        transition: all 0.2s ease !important;
    }

    .module-topics-compact li:hover {
        color: #212529 !important;
        padding-left: 0.3rem !important;
    }

    .module-topics-compact li:last-child {
        border-bottom: none !important;
    }

    .module-topics-compact i {
        color: #28a745 !important;
        margin-right: 0.7rem !important;
        font-size: 0.85rem !important;
        min-width: 16px !important;
    }

    /* Module Description Compact Mobile */
    .module-description-compact {
        color: #495057 !important;
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        padding: 1rem !important;
        font-style: italic !important;
        background: rgba(40, 167, 69, 0.05) !important;
        border-radius: 8px !important;
        border-left: 3px solid #28a745 !important;
    }

    /* Styles Grid Mobile */
    .styles-grid-compact {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.7rem !important;
        margin-top: 1.2rem !important;
        padding: 1rem !important;
        background: rgba(248,249,250,0.8) !important;
        border-radius: 8px !important;
        border: 1px solid #dee2e6 !important;
    }

    .style-tag-compact {
        background: rgba(40, 167, 69, 0.1) !important;
        color: #28a745 !important;
        padding: 0.5rem 0.8rem !important;
        border-radius: 20px !important;
        font-size: 0.85rem !important;
        text-align: center !important;
        font-weight: bold !important;
        border: 1px solid rgba(40, 167, 69, 0.2) !important;
        transition: all 0.3s ease !important;
    }

    .style-tag-compact:hover {
        background: #28a745 !important;
        color: #fff !important;
        transform: translateY(-1px) !important;
    }

    /* Realism Styles Mobile */
    .realism-styles-compact {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.7rem !important;
        margin-top: 1.2rem !important;
        padding: 1rem !important;
        background: rgba(248,249,250,0.8) !important;
        border-radius: 8px !important;
        border: 1px solid #dee2e6 !important;
    }

    .realism-item-compact {
        background: rgba(40, 167, 69, 0.1) !important;
        color: #28a745 !important;
        padding: 0.6rem 0.8rem !important;
        border-radius: 18px !important;
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        text-align: center !important;
        border: 1px solid rgba(40, 167, 69, 0.2) !important;
        transition: all 0.3s ease !important;
    }

    .realism-item-compact:hover {
        background: #28a745 !important;
        color: #fff !important;
        transform: translateY(-1px) !important;
    }

    /* Program Benefits Mobile */
    .program-benefits {
        padding: 2rem 1rem !important;
        margin-bottom: 2rem !important;
    }

    .benefits-title {
        font-size: 1.4rem !important;
        color: #212529 !important;
        margin-bottom: 2rem !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        text-align: center !important;
    }

    .benefits-title i {
        color: #28a745 !important;
        font-size: 1.2rem !important;
    }

    /* Program Benefits Section Mobile */
    .mentoria-body .program-benefits {
        width: 100% !important;
        max-width: 100% !important;
        padding: 2rem 1rem !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    .mentoria-body .benefits-title {
        text-align: center !important;
        margin-bottom: 2rem !important;
        font-size: 1.4rem !important;
    }

    .mentoria-body .benefits-grid-redesigned {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 1rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mentoria-body .benefit-card-gray {
        background: rgba(255,255,255,0.95) !important;
        box-shadow: 0 6px 24px rgba(33,37,41,0.1) !important;
        border-radius: 20px !important;
        backdrop-filter: blur(20px) saturate(180%) !important;
        border: 1px solid #dee2e6 !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
        overflow: hidden !important;
        padding: 28px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .benefit-card-gray::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, #28a745, #20c997) !important;
    }

    .benefit-card-gray:hover {
        transform: translateY(-6px) scale(1.03) !important;
        box-shadow: 0 12px 40px rgba(33,37,41,0.15) !important;
        border: 1px solid #28a745 !important;
    }

    .benefit-card-gray:last-child {
        margin-bottom: 0 !important;
    }

    .benefit-icon {
        font-size: 2rem !important;
        color: #28a745 !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
        display: block !important;
    }

    .benefit-card-gray h4 {
        font-size: 1.2rem !important;
        color: #212529 !important;
        margin-bottom: 0.8rem !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    .benefit-card-gray p {
        color: #495057 !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    /* Bonus Section Mobile */
    .bonus-professional-centered {
        background: #28a745 !important;
        color: #fff !important;
        border-radius: 12px !important;
        padding: 2rem 1rem !important;
        margin-top: 2rem !important;
        text-align: center !important;
        max-width: 100% !important;
    }

    .bonus-header-centered {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
        margin-bottom: 1.5rem !important;
        text-align: center !important;
    }

    .bonus-icon-centered {
        font-size: 2.5rem !important;
        color: #fff !important;
    }

    .bonus-content-centered h4 {
        color: #fff !important;
        font-size: 1.3rem !important;
        font-weight: 700 !important;
        margin-bottom: 0.5rem !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }

    .bonus-content-centered p {
        color: #fff !important;
        font-size: 1rem !important;
        margin: 0 !important;
        opacity: 0.9 !important;
        text-align: center !important;
        line-height: 1.4 !important;
    }

    .bonus-workshops-centered {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        margin-top: 1.5rem !important;
    }

    .workshop-item-centered {
        background: rgba(255,255,255,0.15) !important;
        border-radius: 8px !important;
        padding: 1.2rem !important;
        text-align: center !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        transition: all 0.3s ease !important;
    }

    .workshop-item-centered:hover {
        background: rgba(255,255,255,0.2) !important;
        transform: translateY(-2px) !important;
    }

    .workshop-style-centered {
        display: block !important;
        font-weight: bold !important;
        margin-bottom: 0.4rem !important;
        color: #fff !important;
        font-size: 1.1rem !important;
    }

    .workshop-desc-centered {
        font-size: 0.9rem !important;
        opacity: 0.9 !important;
        color: #fff !important;
    }

    /* CTA Section Final Mobile */
    .cta-section {
        padding: 40px 15px !important;
        text-align: center !important;
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%) !important;
    }

    .cta-container {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .cta-container h2 {
        font-size: 1.8rem !important;
        margin-bottom: 1rem !important;
        color: #333333 !important;
    }

    .cta-container p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 2rem !important;
        color: #555555 !important;
    }

    .cta-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin-bottom: 2rem !important;
    }

    .cta-primary,
    .cta-secondary {
        padding: 1rem 2rem !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        font-weight: bold !important;
        font-size: 1.1rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
        max-width: 300px !important;
        margin: 0 auto !important;
    }

    .cta-primary {
        background: #28a745 !important;
        color: #fff !important;
    }

    .cta-primary:hover {
        background: #218838 !important;
        transform: translateY(-2px) !important;
        color: #fff !important;
    }

    .cta-secondary {
        background: #6c757d !important;
        color: #fff !important;
    }

    .cta-secondary:hover {
        background: #5a6268 !important;
        transform: translateY(-2px) !important;
        color: #fff !important;
    }

    .testimonial {
        background: #2d2d2d !important;
        border-radius: 12px !important;
        padding: 2rem 1rem !important;
        color: #fff !important;
        border: 2px solid #28a745 !important;
    }

    .testimonial blockquote {
        font-size: 0.9rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
        font-style: italic !important;
    }

    .testimonial cite {
        font-size: 0.9rem !important;
        color: #28a745 !important;
        font-weight: bold !important;
    }

    /* Footer Mobile */
    footer {
        background: #212529 !important;
        color: white !important;
        text-align: center !important;
        padding: 20px 15px !important;
        margin-top: 40px !important;
    }

    footer p {
        color: white !important;
        margin: 0 !important;
        font-size: 0.9rem !important;
    }

    footer span {
        color: white !important;
    }

    /* Video Section Mobile */
    .video-container-professional {
        margin: 2rem 0 !important;
    }

    .video-responsive {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
    }

    .video-description {
        text-align: center !important;
        margin-top: 1rem !important;
    }

    .video-description h4 {
        font-size: 1.2rem !important;
        margin-bottom: 0.5rem !important;
        color: #28a745 !important;
    }

    .video-description p {
        font-size: 0.9rem !important;
        color: #666 !important;
        line-height: 1.5 !important;
    }

    /* WhatsApp Button Mobile */
    .whatsapp-float {
        background: #25d366 !important;
        color: #fff !important;
        border-radius: 50% !important;
        width: 60px !important;
        height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        bottom: 20px !important;
        right: 20px !important;
        z-index: 1000 !important;
        font-size: 1.8rem !important;
        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4) !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
    }

    .whatsapp-float:hover {
        background: #128c7e !important;
        transform: scale(1.1) !important;
        box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6) !important;
    }

    .whatsapp-tooltip {
        display: none !important;
    }

    /* Seções gerais */
    section {
        padding: 3rem 1rem !important;
    }

    h2 {
        font-size: 1.8rem !important;
        margin-bottom: 2rem !important;
        text-align: center !important;
    }

    /* Galeria mobile */
    .gallery-item {
        flex: 0 0 250px !important;
        margin: 0 5px !important;
    }

    .gallery-item img {
        height: 250px !important;
        width: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    /* Contato mobile */
    .contact-container {
        flex-direction: column !important;
        gap: 2rem !important;
        text-align: center !important;
    }

    .contact-form-section,
    .contact-info {
        width: 100% !important;
        text-align: center !important;
    }

    .contact-form {
        width: 100% !important;
        max-width: 100% !important;
    }

    .contact-form input,
    .contact-form select,
    .contact-form textarea {
        width: 100% !important;
        padding: 1rem !important;
        margin-bottom: 1rem !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    .contact-form button {
        width: 100% !important;
        max-width: 280px !important;
        padding: 1rem 2rem !important;
        border-radius: 8px !important;
        font-size: 1.1rem !important;
        background: #25d366 !important;
        color: #fff !important;
        border: none !important;
        cursor: pointer !important;
    }

    .contact-form button:hover {
        background: #128c7e !important;
    }
}

/* Estilos para dispositivos muito pequenos */
@media (max-width: 480px) {
    .logo {
        font-size: 0.9rem !important;
    }

    .logo img {
        height: 24px !important;
        width: auto !important;
        max-width: 100px !important;
    }

    .logo span {
        font-size: 0.9rem !important;
    }

    .hero-title {
        font-size: 2rem !important;
    }

    .hero-title .title-line-1,
    .hero-title .title-line-2,
    .hero-title .title-line-3 {
        font-size: 1.8rem !important;
    }

    .section-title {
        font-size: 1.6rem !important;
    }

    .cta-container h2 {
        font-size: 1.6rem !important;
    }

    .stats-grid {
        grid-template-columns: 1fr !important;
    }

    .stat-card {
        padding: 1rem !important;
    }

    .module-card {
        padding: 1rem !important;
    }

    .module-box-blue {
        padding: 1rem !important;
    }
}

/* Estilos para dispositivos muito pequenos */
@media (max-width: 360px) {
    .logo {
        font-size: 0.8rem !important;
    }

    .logo img {
        height: 20px !important;
        width: auto !important;
        max-width: 80px !important;
    }

    .logo span {
        font-size: 0.8rem !important;
    }

    .hero-title {
        font-size: 1.8rem !important;
    }

    .hero-title .title-line-1,
    .hero-title .title-line-2,
    .hero-title .title-line-3 {
        font-size: 1.6rem !important;
    }

    /* Bonus section para telas muito pequenas */
    .bonus-professional-centered {
        padding: 1.5rem 0.8rem !important;
        margin: 1.5rem 0.5rem 0 !important;
    }

    .bonus-icon-centered {
        font-size: 2rem !important;
    }

    .bonus-content-centered h4 {
        font-size: 1.1rem !important;
        line-height: 1.2 !important;
    }

    .bonus-content-centered p {
        font-size: 0.9rem !important;
    }

    .workshop-item-centered {
        padding: 1rem !important;
    }

    .workshop-style-centered {
        font-size: 1rem !important;
    }

    .workshop-desc-centered {
        font-size: 0.8rem !important;
    }

    /* Modules e Benefits para telas muito pequenas */
    .mentorship-modules,
    .program-benefits {
        padding: 1.5rem 0.5rem !important;
    }

    .modules-title,
    .benefits-title {
        font-size: 1.2rem !important;
        flex-direction: column !important;
        gap: 0.3rem !important;
    }

    .modules-subtitle {
        font-size: 0.9rem !important;
        max-width: 280px !important;
    }

    .modules-grid-professional {
        padding: 0 !important;
    }

    .mentoria-body .module-box-blue,
    .mentoria-body .benefit-card-gray {
        padding: 20px !important;
        margin-bottom: 0 !important;
        width: 100% !important;
    }

    .mentoria-body .benefit-icon {
        font-size: 1.6rem !important;
        margin-bottom: 0.8rem !important;
    }

    .mentoria-body .benefit-card-gray h4 {
        font-size: 1rem !important;
    }

    .mentoria-body .benefit-card-gray p {
        font-size: 0.85rem !important;
    }

    .mentoria-body .benefits-grid-redesigned {
        gap: 1.2rem !important;
        padding: 0 1rem !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Módulos para telas muito pequenas */
    .module-header-compact {
        margin-bottom: 1rem !important;
        padding-bottom: 0.8rem !important;
    }

    .module-number {
        padding: 0.3rem 0.8rem !important;
        font-size: 0.8rem !important;
        margin-bottom: 0.6rem !important;
    }

    .module-header-compact h4 {
        font-size: 1rem !important;
    }

    .module-topics-compact li {
        font-size: 0.85rem !important;
        padding: 0.6rem 0 !important;
    }

    .module-description-compact {
        font-size: 0.9rem !important;
        padding: 0.8rem !important;
    }

    .styles-grid-compact,
    .realism-styles-compact {
        padding: 0.8rem !important;
        gap: 0.5rem !important;
    }

    .style-tag-compact,
    .realism-item-compact {
        font-size: 0.75rem !important;
        padding: 0.4rem 0.6rem !important;
    }
}