/* ============================================
   CONTATO
   ============================================ */

.contato-section { background: var(--dark-1); }
.contato-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; align-items: start; }
.contato-info { display: flex; flex-direction: column; gap: 0.75rem; }
.contato-info-card { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-radius: var(--radius); background: var(--dark-2); border: 1px solid var(--dark-4); transition: var(--transition); }
.contato-info-card:hover { border-color: var(--red); background: var(--dark-3); }
.contato-info-card:hover a, .contato-info-card:hover span { color: var(--white) !important; }
.contato-info-icon { width: 45px; height: 45px; background: var(--red); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; color: var(--white); font-size: 1.1rem; flex-shrink: 0; }
.contato-info-card strong { display: block; font-size: 0.88rem; color: var(--white); }
.contato-info-card a, .contato-info-card span { font-size: 0.85rem; color: var(--silver-dark); }

.contato-form { background: var(--dark-2); padding: 2.5rem; border-radius: var(--radius-lg); border: 1px solid var(--dark-4); }
.form-row { display: flex; gap: 1rem; margin-bottom: 1rem; }
.form-group { flex: 1; margin-bottom: 0.5rem; }
.form-group label { display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 0.4rem; color: var(--silver); }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--dark-5); border-radius: var(--radius-sm); font-size: 0.95rem; font-family: inherit; outline: none; transition: var(--transition); background: var(--dark-3); color: var(--white); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(204,0,0,0.1); }
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--silver-dark); }
.form-group select { color: var(--silver-dark); }
.form-group textarea { resize: vertical; }