/* ---------- 11. Contacto ---------- */
.contact{
  background:var(--indigo-deep);border-radius:var(--r-lg);padding:60px;color:#fff;position:relative;overflow:hidden;
}
.contact::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(58,58,255,.5),transparent 70%);top:-120px;right:-80px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;position:relative;z-index:2}
.contact h2{font-size:2.3rem;color:#fff}
.contact p{color:#c5c4e8;margin-top:14px;font-size:1.05rem}
.contact-form .field label{color:#dad9f5}
.contact-form .field input,.contact-form .field textarea{
  width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);color:#fff;font-size:1rem;font-family:inherit;transition:border-color .2s,background .2s;
}
.contact-form textarea{resize:vertical;min-height:96px}
.contact-form .field input::placeholder,.contact-form textarea::placeholder{color:#8d8bbf}
.contact-form .field input:focus,.contact-form textarea:focus{outline:none;border-color:#6a4bff;background:rgba(255,255,255,.12)}
.contact-form button{width:100%;background:#fff;color:var(--indigo-deep);padding:15px;border-radius:12px;font-family:var(--font-ui);font-weight:600;font-size:1rem;transition:transform .2s}
.contact-form button:hover{transform:translateY(-2px)}
.contact-note{margin-top:14px;font-size:.85rem;color:#9b99c9}