/* Correção para estilos do desktop */

/* Garantir que o desktop tenha todos os estilos aplicados */
@media (min-width: 769px) {
    /* Garantir que o body tenha o fundo correto */
    body {
        background-color: #f5f7fa;
        color: #333333;
    }
    
    /* Garantir que o container principal tenha o tamanho correto */
    .content-container {
        max-width: 480px;
        margin: 0 auto;
        padding: 20px;
    }
    
    /* Garantir que os cards tenham fundo branco e sombras */
    .card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        border-radius: 12px;
        overflow: hidden;
    }
    
    /* Garantir que os highlights tenham fundo branco */
    .highlight-card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
        border-radius: 12px;
    }
    
    /* Garantir que o logo tenha fundo branco */
    .logo-container {
        background-color: #ffffff;
        border: 3px solid #1e7e34;
    }
    
    /* Garantir que o header tenha as cores corretas */
    header h1 {
        color: #1e7e34;
    }
    
    .tagline {
        color: #6c757d;
    }
    
    /* Garantir que os botões tenham as cores corretas */
    .action-btn {
        background-color: #2e8b57;
        color: #ffffff;
    }
    
    /* Garantir que o footer tenha as cores corretas */
    footer {
        color: #6c757d;
    }
    
    .contact-info p {
        color: #6c757d;
    }
    
    .contact-info p i {
        color: #1e7e34;
    }
    
    .copyright {
        color: #6c757d;
    }
}

/* Garantir que tablets também tenham estilos corretos */
@media (min-width: 481px) and (max-width: 768px) {
    body {
        background-color: #f5f7fa;
        color: #333333;
    }
    
    .card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    
    .highlight-card {
        background-color: #ffffff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    
    .logo-container {
        background-color: #ffffff;
    }
} 