.conteiner {
    max-width: 750px;
    margin: 0 auto;
    padding: 70px 40px;
}

.lista-contatos {
    display: flex; 
    flex-direction: column; 
    gap: 16px; 
    margin-bottom: 60px;
}

.item-contato {
    display: flex; 
    align-items: center; 
    gap: 20px; 
    background: var(--cor-superficie);
    border: 1px solid var(--cor-borda); 
    border-radius: 8px; 
    padding: 20px 24px;
    text-decoration: none; 
    color: var(--texto-principal);
    transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}

.item-contato:hover {
    border-color: var(--cor-destaque); 
    transform: translateX(6px); 
    box-shadow: 0 4px 20px rgba(0, 255, 204, 0.08);
}

.icone-contato {
    width: 44px; 
    height: 44px; 
    flex-shrink: 0; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    border-radius: 8px; 
    border: 1px solid var(--cor-borda); 
    background: var(--cor-fundo);
}

.icone-contato svg { 
    width: 22px; 
    height: 22px; 
    fill: var(--cor-destaque); 
}

.info-contato { 
    flex: 1; 
}

.info-contato span { 
    display: block; 
    font-family: var(--fonte-mono); 
    font-size: 0.75rem; 
    color: #8b949e; 
    margin-bottom: 2px; 
    text-transform: uppercase; 
    letter-spacing: 0.05em; 
}

.info-contato p { 
    font-size: 1rem; 
    color: white; 
}

.seta { 
    font-family: var(--fonte-mono); 
    color: var(--cor-destaque); 
    font-size: 1rem; 
    opacity: 0; 
    transition: opacity 0.3s; 
}

.item-contato:hover .seta { 
    opacity: 1; 
}

.email-box {
    background: var(--cor-superficie); 
    border: 1px solid var(--cor-borda); 
    border-radius: 8px;
    padding: 20px 24px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    gap: 16px; 
    margin-bottom: 60px;
}

.email-box p { 
    font-family: var(--fonte-mono); 
    font-size: 1rem; 
    color: white; 
}

@media (max-width: 600px) {
    .conteiner { padding: 40px 20px; }
    h1 { font-size: 2rem; }
    .email-box { flex-direction: column; align-items: flex-start; }
}