.contacto-hero { text-align:center; padding:60px 20px 40px; position:relative; animation:fadeIn .6s; }
.contacto-hero::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:500px; height:300px; background:radial-gradient(ellipse,rgba(0,201,167,0.08),rgba(124,92,252,0.04),transparent); pointer-events:none; }
.contacto-hero h1 { font-size:clamp(2.2rem,4.5vw,3.4rem); margin-bottom:10px; position:relative; }
.contacto-hero p { color:var(--text-secondary); font-size:1.05rem; position:relative; }
.contacto-contenido { display:grid; grid-template-columns:1.4fr 1fr; gap:32px; margin-top:36px; align-items:start; animation:slideUp .6s .1s both; }
.formulario-contacto { background:#fff; border-radius:var(--radius-xl); padding:36px; box-shadow:var(--shadow); }
.campo { margin-bottom:18px; }
.campo label { display:block; margin-bottom:6px; font-weight:600; font-size:.82rem; color:var(--text-secondary); text-transform:uppercase; letter-spacing:.06em; }
.campo input,.campo textarea { width:100%; padding:13px 16px; background:var(--surface); border:2px solid transparent; border-radius:var(--radius); color:var(--text); font-size:.93rem; font-family:var(--font-body); transition:all .3s; resize:vertical; }
.campo input:focus,.campo textarea:focus { outline:none; border-color:var(--teal); background:#fff; box-shadow:0 0 0 4px var(--teal-glow); }
.formulario-contacto button { width:100%; padding:15px; background: var(--teal); color:#fff; border:none; border-radius:999px; font-weight:700; font-size:1rem; cursor:pointer; font-family:var(--font-body); box-shadow: 0 12px 26px rgba(88,123,157,.18); transition:all .35s; }
.formulario-contacto button:hover { transform:translateY(-2px); box-shadow: 0 16px 30px rgba(88,123,157,.20); }
.info-contacto { background:#fff; border-radius:var(--radius-xl); padding:36px; box-shadow:var(--shadow-sm); }
.info-contacto h3 { font-family:var(--font-display); margin-bottom:20px; }
.info-contacto p { color:var(--text-secondary); margin-bottom:12px; font-size:.95rem; }
@media(max-width:760px){ .contacto-contenido{grid-template-columns:1fr;} }