/* CORREÇÃO DEFINITIVA PARA MOBILE */

@media (max-width: 768px) {
    /* =================== HEADER - MANTER COLORIDO NO MOBILE =================== */
    .header {
        background: linear-gradient(-45deg, #1E3C72, #2A5298, #1E3C72) !important;
        background-size: 400% 400% !important;
        animation: gradient 15s ease infinite !important;
        color: white !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .header .container {
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .header-top {
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* CORREÇÃO APENAS DO TÍTULO QUE CORTAVA */
    .brand-text h1 {
        color: white !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 1.3rem !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    .brand-text p,
    .brand-text .subtitle {
        color: rgba(255, 255, 255, 0.9) !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 0.9rem !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    /* =================== MENU MOBILE - MANTER POSIÇÃO DIREITA =================== */
    .mobile-menu-toggle {
        background: rgba(255, 255, 255, 0.2) !important;
        color: white !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 1001 !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    
    .mobile-menu-toggle:hover {
        background: rgba(255, 255, 255, 0.3) !important;
        transform: scale(1.05) !important;
    }
    
    .mobile-menu-toggle i {
        color: white !important;
        font-size: 18px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-menu-sidebar {
        background: white !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: -300px !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 1002 !important;
        transition: left 0.3s ease !important;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
        overflow-y: auto !important;
    }
    
    .mobile-menu-sidebar.active {
        left: 0 !important;
    }
    
    /* Header do menu mobile */
    .mobile-menu-header {
        background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
        color: white !important;
        padding: 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .mobile-menu-logo {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        color: white !important;
    }
    
    .mobile-logo {
        width: 32px !important;
        height: 32px !important;
        border-radius: 6px !important;
    }
    
    .mobile-menu-close {
        background: rgba(255, 255, 255, 0.2) !important;
        border: none !important;
        color: white !important;
        width: 32px !important;
        height: 32px !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.3s ease !important;
    }
    
    .mobile-menu-close:hover {
        background: rgba(255, 255, 255, 0.3) !important;
    }
    
    /* Navegação mobile */
    .mobile-nav {
        padding: 0 !important;
        background: white !important;
    }
    
    .mobile-nav-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .mobile-nav-list li {
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    .mobile-nav-button {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        padding: 16px 20px !important;
        text-align: left !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        color: #334155 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-nav-button:hover {
        background: #f8fafc !important;
        color: #1e40af !important;
    }
    
    .mobile-nav-button:active {
        background: #e2e8f0 !important;
    }
    
    .mobile-nav-button i {
        color: #1e40af !important;
        font-size: 18px !important;
        width: 20px !important;
        text-align: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-nav-button span {
        color: #334155 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-nav-button:hover span {
        color: #1e40af !important;
    }
    
    /* Footer do menu mobile */
    .mobile-menu-footer {
        padding: 20px !important;
        background: #f8fafc !important;
        border-top: 1px solid #e2e8f0 !important;
        text-align: center !important;
        margin-top: auto !important;
    }
    
    .mobile-menu-footer p {
        margin: 4px 0 !important;
        color: #64748b !important;
        font-size: 14px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-menu-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 1001 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transition: all 0.3s ease !important;
        display: none !important;
    }
    
    .mobile-menu-overlay.active {
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    /* =================== CORPO E FUNDO - GARANTIR VISIBILIDADE =================== */
    html {
        background: #f8fafc !important;
        overflow-x: hidden !important;
        position: relative !important;
        min-height: 100vh !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    body {
        background: #f8fafc !important;
        overflow-x: hidden !important;
        position: relative !important;
        padding-bottom: 120px !important;
        min-height: 100vh !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    /* CORREÇÕES FINAIS PARA EVITAR OVERFLOW HORIZONTAL */
    img, video, iframe, embed, object {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* TEXTOS E ELEMENTOS - SEM HÍFENS EXCESSIVOS */
    p, h1, h2, h3, h4, h5, h6, span, div, li {
        hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
    
    /* BOTÕES - TAMANHO MÍNIMO PARA TOQUE */
    button, .btn {
        min-height: 44px !important;
        touch-action: manipulation !important;
    }
    
    /* TEXTOS LONGOS */
    pre, code {
        white-space: pre-wrap !important;
        word-wrap: break-word !important;
        hyphens: none !important;
        overflow-x: auto !important;
        max-width: 100% !important;
    }
    
    /* =================== CONTEÚDO PRINCIPAL - MOBILE RESPONSIVE =================== */
    .hero {
        background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
        color: white !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 1 !important;
        padding: 2rem 1rem !important;
        margin: 0 !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    
    .hero-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 1.5rem !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .hero h1, .hero h2, .hero h3 {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        margin: 0 0 1rem 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
    }
    
    .hero p {
        font-size: 1rem !important;
        line-height: 1.5 !important;
        margin: 0 0 1rem 0 !important;
        padding: 0 !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
    }
    
    .hero-image img {
        max-width: 200px !important;
        height: auto !important;
        border-radius: 12px !important;
        margin: 0 auto !important;
    }
    
    .main-content,
    .content-section,
    .container,
    main {
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 1 !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding: 1rem !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* TODAS AS SEÇÕES - RESPONSIVIDADE SEM CENTRALIZAR TUDO */
    .content-section h1, 
    .content-section h2, 
    .content-section h3, 
    .content-section h4 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    .content-section p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    /* CARDS E GRIDS - MOBILE RESPONSIVE */
    .mandatos-container,
    .projects-grid,
    .news-grid,
    .gallery-grid,
    .mandate-stats,
    .values-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        max-width: 100vw !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .mandato-card,
    .project-card,
    .news-card,
    .stat-card,
    .value-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1rem 0 !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
    }
    
    .mandato-card h3,
    .project-card h3,
    .news-card h3 {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
        margin: 0 0 0.5rem 0 !important;
        word-wrap: break-word !important;
    }
    
    /* CORREÇÃO ESPECÍFICA PARA STATS DAS EMENDAS */
    .mandato-stats .stat-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0.5rem !important;
        min-width: 80px !important;
        flex: 1 !important;
    }
    
    .mandato-stats .stat-label {
        font-size: 0.8rem !important;
        line-height: 1.2 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
        text-align: center !important;
        white-space: normal !important;
        max-width: 100% !important;
    }
    
    /* BIOGRAFIA - MANTER LAYOUT ORIGINAL */
    .bio-image {
        max-width: 150px !important;
        height: auto !important;
    }
    
    /* SEÇÕES DE NAVEGAÇÃO - MOBILE RESPONSIVE */
    .content-section {
        display: none !important;
        background: transparent !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        padding: 1rem !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .content-section.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* SEÇÃO HEADER - REMOVER CENTRALIZAÇÃO FORÇADA */
    .section-header h2 {
        font-size: 1.6rem !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    .section-header p {
        font-size: 0.95rem !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    /* TABELAS - MOBILE RESPONSIVE */
    .table-container {
        width: 100% !important;
        overflow-x: auto !important;
        margin: 0 0 1rem 0 !important;
    }
    
    table {
        width: 100% !important;
        min-width: 300px !important;
        border-collapse: collapse !important;
    }
    
    table th,
    table td {
        padding: 8px 12px !important;
        font-size: 14px !important;
        word-wrap: break-word !important;
        max-width: 150px !important;
    }
    
    /* LISTAS - MOBILE RESPONSIVE */
    ul, ol {
        margin: 0 0 1rem 0 !important;
        padding-left: 20px !important;
    }
    
    ul li, ol li {
        margin: 0 0 0.5rem 0 !important;
        word-wrap: break-word !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
    
    /* MODAL E OVERLAY - MOBILE */
    .modal,
    .overlay {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        padding: 20px !important;
        box-sizing: border-box !important;
        overflow-y: auto !important;
    }
    
    .modal-content {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
        padding: 1rem !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
        margin: auto !important;
    }
    
    /* CONTATO E FORMULÁRIOS - MOBILE RESPONSIVE */
    .contact-form,
    .contact-info,
    .form-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1rem 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    .form-group input,
    .form-group textarea,
    .form-group select {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        border-radius: 8px !important;
        border: 1px solid #ddd !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }
    
    .form-group button,
    .btn,
    .button {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        margin: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    /* AGENDA PÚBLICA - CORREÇÃO ESPECÍFICA PARA NÃO CORTAR À DIREITA */
    .agenda-modern-layout,
    .agenda-publica,
    #agenda {
        width: 100% !important;
        max-width: calc(100vw - 20px) !important;
        margin: 0 10px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        overflow-x: hidden !important;
    }
    
    .modern-calendar-container,
    .events-section-modern {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 1rem !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .calendar-grid-modern {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    .calendar-day-modern,
    .calendar-day,
    .day {
        width: 100% !important;
        aspect-ratio: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        text-align: center !important;
        min-height: 42px !important;
        max-height: 42px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        color: #374151 !important;
        background: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
        position: relative !important;
    }
    
    .calendar-day-modern:hover {
        background: #f3f4f6 !important;
        transform: scale(1.05) !important;
    }
    
    .calendar-day-modern.current {
        background: #3b82f6 !important;
        color: white !important;
        border-color: #2563eb !important;
        font-weight: 700 !important;
        box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
    }
    
    .calendar-day-modern.event {
        background: #10b981 !important;
        color: white !important;
        border-color: #059669 !important;
        font-weight: 700 !important;
        position: relative !important;
    }
    
    .calendar-day-modern.event::after {
        content: '•' !important;
        position: absolute !important;
        bottom: 2px !important;
        right: 4px !important;
        font-size: 12px !important;
        color: #fbbf24 !important;
    }
    
    .calendar-day-modern.inactive {
        color: #9ca3af !important;
        background: #f9fafb !important;
        cursor: not-allowed !important;
    }
    
    /* Forçar exibição do calendário no mobile */
    .calendar-days {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 4px !important;
        margin-top: 1rem !important;
    }
    
    .calendar-container {
        width: 100% !important;
        padding: 1rem !important;
        background: white !important;
        border-radius: 12px !important;
        margin-bottom: 2rem !important;
    }
    
    .calendar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 1rem !important;
    }
    
    .calendar-weekdays {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 4px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .weekday {
        text-align: center !important;
        font-weight: 600 !important;
        color: #1e40af !important;
        padding: 0.5rem 0.25rem !important;
        font-size: 12px !important;
    }
    
    /* FORÇA OS NÚMEROS DO CALENDÁRIO NO MOBILE - VERSÃO EXTREMA */
    @media (max-width: 768px) {
        .calendar-day, .calendar-day-modern, .agenda-day, [class*="day"] {
            font-size: 20px !important;
            font-weight: 900 !important;
            min-height: 50px !important;
            height: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: white !important;
            border: 3px solid #1e40af !important;
            border-radius: 12px !important;
            color: #1e40af !important;
            width: 100% !important;
            box-sizing: border-box !important;
            text-align: center !important;
            line-height: 1 !important;
            padding: 0 !important;
            margin: 0 !important;
            position: relative !important;
            z-index: 10 !important;
        }
        
        /* FORÇA AINDA MAIS OS NÚMEROS */
        .calendar-day::before, .calendar-day-modern::before, .agenda-day::before {
            content: attr(data-day) !important;
            font-size: 22px !important;
            font-weight: 900 !important;
            color: #1e40af !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            z-index: 999 !important;
        }
        
        .calendar-day-modern:not(.inactive) {
            color: #111827 !important;
            background: #ffffff !important;
        }
        
        .calendar-day-modern.current {
            background: #3b82f6 !important;
            color: #ffffff !important;
            border-color: #2563eb !important;
        }
        
        .calendar-day-modern.event {
            background: #10b981 !important;
            color: #ffffff !important;
            border-color: #059669 !important;
        }
        
        .calendar-days {
            display: grid !important;
            grid-template-columns: repeat(7, 1fr) !important;
            gap: 6px !important;
            width: 100% !important;
        }
        
        .calendar-container {
            padding: 1.5rem !important;
            background: white !important;
            border-radius: 12px !important;
        }
    }
    
    .events-list-modern {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    .event-card-modern {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1rem 0 !important;
        padding: 1rem !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        border-left: 4px solid #1e40af !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    .event-content-modern h4 {
        font-size: 1.1rem !important;
        margin: 0 0 0.5rem 0 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
    }
    
    .event-meta {
        font-size: 0.85rem !important;
        color: #666 !important;
        word-wrap: break-word !important;
        hyphens: none !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }
    
    .modern-events-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 1rem !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .calendar-header-modern {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    .calendar-month-title {
        font-size: 1.2rem !important;
        margin: 0 !important;
        text-align: center !important;
        flex: 1 !important;
    }
    
    .calendar-nav-modern {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        border: none !important;
        background: #f1f5f9 !important;
        color: #1e40af !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
    }
    
    .weekday-modern {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #64748b !important;
        text-align: center !important;
        padding: 8px 4px !important;
    }
    
    .calendar-weekdays-modern {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }
    
    .calendar-days-modern {
        display: grid !important;
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
    }
    
    /* GALERIA - MOBILE RESPONSIVE */
    .gallery-container,
    .photos-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .gallery-item,
    .photo-item {
        width: 100% !important;
        aspect-ratio: 1 !important;
        overflow: hidden !important;
        border-radius: 8px !important;
    }
    
    .gallery-item img,
    .photo-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* TRANSPARÊNCIA - MOBILE RESPONSIVE */
    .transparency-container,
    .chart-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        margin: 0 0 1rem 0 !important;
        padding: 0 !important;
    }
    
    .chart-container canvas {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* =================== BOTÕES FLUTUANTES - MOBILE OTIMIZADO =================== */
    .floating-buttons {
        position: fixed !important;
        right: 16px !important;
        bottom: 20px !important;
        z-index: 1000 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: center !important;
    }
    
    /* Apenas WhatsApp, Assistente e Transparência */
    .floating-buttons .whatsapp-float {
        display: flex !important;
        order: 1 !important;
    }
    
    .floating-buttons .assistente-float {
        display: flex !important;
        order: 2 !important;
    }
    
    .floating-buttons .transparencia-float {
        display: flex !important;
        order: 3 !important;
        width: 60px !important;
        height: 60px !important;
        background: linear-gradient(135deg, #059669, #10b981) !important;
        color: white !important;
        border: none !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
        transition: all 0.3s ease !important;
        font-size: 1.2rem !important;
        animation: float 3s ease-in-out infinite 1.5s !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Esconder PWA e outros botões extras */
    .floating-buttons .pwa-install-btn,
    .floating-buttons .install-btn,
    .floating-buttons > *:not(.whatsapp-float):not(.assistente-float):not(.transparencia-float) {
        display: none !important;
    }
    
    /* =================== RESET Z-INDEX =================== */
    * {
        z-index: auto !important;
    }
    
    /* Exceções para elementos essenciais */
    .header {
        z-index: 10 !important;
    }
    
    .mobile-menu-toggle {
        z-index: 1001 !important;
    }
    
    .mobile-menu-overlay.active {
        z-index: 1001 !important;
    }
    
    .mobile-menu-sidebar {
        z-index: 1002 !important;
    }
    
    .floating-buttons {
        z-index: 1000 !important;
    }
    
    .assistente-modal.active,
    .ai-assistant-modal.active {
        z-index: 9999 !important;
    }
    
    /* =================== ANIMAÇÕES =================== */
    @keyframes gradient {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    
    @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }
}