/* Correção para o email na seção de contato em ambiente mobile */

/* Estilos gerais para os cards de contato */
.contact-card {
    margin-bottom: 25px;
    background-color: var(--dark-secondary);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}

.contact-details a {
    word-break: break-word; /* Quebra palavras longas como emails */
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Media queries para dispositivos móveis */
@media (max-width: 768px) {
    .contact-card {
        padding: 15px;
    }
    
    .contact-details h3 {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }
    
    .contact-details p, .contact-details a {
        font-size: 0.9rem;
        word-break: break-word;
        hyphens: auto;
    }
}

/* Para dispositivos muito pequenos */
@media (max-width: 480px) {
    .contact-card {
        padding: 12px;
    }
    
    .contact-icon {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
    
    .contact-details h3 {
        font-size: 1rem;
    }
    
    .contact-details p, .contact-details a {
        font-size: 0.85rem;
    }
}