/* JCastorena · maqueta de la fase B · Contacto · v1 · 2026-09-25
   CSS propio de contacto.html, después de sitio.css. Solo tokens del sistema. */

/* Los campos viven dentro de .jc-form__campos (que se oculta al enviar); el bloque hereda el ritmo del formulario */
.jc-form__campos { display: grid; gap: var(--jc-espacio-5); }
.jc-form__campos .jc-casilla { margin-top: var(--jc-espacio-1); }
.jc-form__acciones { margin-top: var(--jc-espacio-2); }

/* Columna lateral: cada bloque abre con una línea, como el resto del sitio */
.contacto__lado > div { border-top: var(--jc-borde) solid var(--jc-color-separador); padding-top: var(--jc-espacio-4); }
.contacto__lado .lista-limpia { max-width: 30rem; }
.contacto__lado .lista-limpia li { overflow-wrap: anywhere; }