/* CONTACT CSS */
.contact-hero { padding: 160px 0 70px; background: linear-gradient(160deg, #000000 0%, #020408 60%, #040c1e 100%); }
.contact-section { padding: 80px 0 100px; }
.contact-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; }

.contact-form-wrap { padding: 40px 36px; background: rgba(8,8,12,0.95); border: 1px solid rgba(255,255,255,0.06); }
.contact-form-wrap h2 { font-size: 1.6rem; margin-bottom: 6px; }

.contact-form { display: flex; flex-direction: column; gap: 20px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-group { display: flex; flex-direction: column; gap: 8px; }
.form-group label { font-size: 0.85rem; font-weight: 600; color: var(--text-light); }
.form-group input,
.form-group select,
.form-group textarea {
  padding: 13px 16px;
  background: rgba(5,5,8,0.98);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-md);
  color: var(--text-white);
  font-size: 0.9rem;
  transition: var(--transition);
}
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-faint); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: rgba(26,115,232,0.5); background: rgba(26,115,232,0.05); }
.form-group select option { background: var(--eibo-dark); color: var(--text-white); }
.form-group textarea { resize: vertical; min-height: 80px; }

.form-success { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 20px; }
.form-success i { font-size: 3rem; color: var(--eibo-green); margin-bottom: 16px; }
.form-success h3 { font-size: 1.4rem; margin-bottom: 8px; }

/* Contact Info */
.contact-info { display: flex; flex-direction: column; gap: 16px; }
.contact-info-card { padding: 28px; }
.contact-info-card h3 { margin-bottom: 20px; }
.contact-info-items { display: flex; flex-direction: column; gap: 12px; }
.ci-item { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: var(--radius-md); transition: var(--transition); text-decoration: none; }
.ci-item:hover { background: rgba(26,115,232,0.06); }
.ci-icon { width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg,rgba(26,115,232,0.2),rgba(0,212,255,0.1)); border: 1px solid rgba(26,115,232,0.2); display: flex; align-items: center; justify-content: center; font-size: 1rem; color: var(--eibo-blue-light); flex-shrink: 0; }
.ci-email { background: linear-gradient(135deg,rgba(249,115,22,0.2),rgba(251,146,60,0.1)); border-color: rgba(249,115,22,0.2); color: var(--eibo-orange-2); }
.ci-time { background: linear-gradient(135deg,rgba(0,212,255,0.2),rgba(0,212,255,0.05)); border-color: rgba(0,212,255,0.2); color: var(--eibo-cyan); }
.ci-web { background: linear-gradient(135deg,rgba(34,197,94,0.2),rgba(74,222,128,0.05)); border-color: rgba(34,197,94,0.2); color: var(--eibo-green); }
.ci-item strong { display: block; font-size: 0.85rem; color: var(--text-white); }
.ci-item span { font-size: 0.8rem; color: var(--text-muted); }

.whatsapp-cta-btn { display: flex; align-items: center; gap: 16px; padding: 20px 24px; background: linear-gradient(135deg,#25d366,#128c7e); border-radius: var(--radius-lg); text-decoration: none; transition: var(--transition); }
.whatsapp-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(37,211,102,0.35); }
.whatsapp-cta-btn strong { display: block; color: white; font-size: 0.95rem; }
.whatsapp-cta-btn span { font-size: 0.8rem; color: rgba(255,255,255,0.8); }

.contact-social { padding: 24px; }
.contact-social h4 { font-size: 0.9rem; margin-bottom: 16px; }
.social-links { display: flex; gap: 10px; }
.social-link { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.05); border: var(--border-glass); display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 0.9rem; transition: var(--transition); }
.social-link:hover { background: var(--eibo-blue); color: #fff; transform: translateY(-2px); }

@media (max-width: 1024px) { .contact-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } .contact-form-wrap { padding: 28px 20px; } }