/**
 * Página Contato - Centralcomm
 * Design híbrido: hero escuro, formulário claro
 */

:root {
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

.page-contato.light-page {
    background: #FAFAFA;
    color: #1a1a1a;
}

.page-contato .fade-up {
    opacity: 0;
    transform: translateY(30px);
    animation: contatoFadeUp 0.8s var(--ease-out-expo) forwards;
}
.page-contato .fade-up-delay-1 { animation-delay: 0.1s; }
.page-contato .fade-up-delay-2 { animation-delay: 0.2s; }
.page-contato .fade-up-delay-3 { animation-delay: 0.3s; }

@keyframes contatoFadeUp {
    to { opacity: 1; transform: translateY(0); }
}

.page-contato .reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s var(--ease-out-expo);
}
.page-contato .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.page-contato .btn-primary {
    background: #1a1a1a;
    color: white;
    transition: all 0.3s ease;
}
.page-contato .btn-primary:hover {
    background: #4CAF50;
}

.page-contato .btn-outline {
    border: 1px solid #d1d5db;
    color: #1a1a1a;
    transition: all 0.3s ease;
}
.page-contato .btn-outline:hover {
    border-color: #1a1a1a;
    background: #1a1a1a;
    color: white;
}

.page-contato .form-input {
    transition: all 0.3s ease;
}
.page-contato .form-input:focus {
    box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    border-color: #4CAF50;
}

.page-contato .contact-card {
    transition: all 0.3s ease;
}
.page-contato .contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

@keyframes contatoCheckmark {
    0% { transform: scale(0); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.page-contato .success-icon {
    animation: contatoCheckmark 0.5s ease forwards;
}