/* ============================================================================
   RUMBO · PRO·E · Contacto público
   Dos columnas: datos de contacto (aside con banda granate) + formulario.
   Reutiliza .rmb-authhead / .rmb-field de auth.css y .rmb-btn del sistema.
   RTL con propiedades lógicas. Página indexable.
   ============================================================================ */
.rmb-contact{padding:52px 0 76px}
.rmb-contact__in{max-width:920px;margin-inline:auto}

/* avisos */
.rmb-contact__flash{background:var(--rmb-crema);border:1px solid var(--rmb-verde);color:var(--rmb-ink);
  border-inline-start:4px solid var(--rmb-verde);border-radius:var(--rmb-radius);padding:13px 16px;font-size:14.5px;margin:0 0 22px}
.rmb-contact__flash--err{border-color:var(--rmb-bad);border-inline-start-color:var(--rmb-bad);background:#fbf1ee}

/* rejilla */
.rmb-contact__grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:26px;align-items:start}

/* ── datos ── */
.rmb-contact__info{position:relative;background:var(--rmb-surface);border:1px solid var(--rmb-line);
  border-radius:var(--rmb-radius-lg);padding:24px 22px;overflow:hidden}
.rmb-contact__band{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:5px;
  background:linear-gradient(90deg,var(--rmb-granate) 0 40%,var(--rmb-oro) 40% 60%,var(--rmb-verde) 60% 100%)}
.rmb-contact__ih{font-family:var(--rmb-serif);font-weight:800;font-size:18px;color:var(--rmb-ink);margin:6px 0 16px}
.rmb-contact__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
.rmb-contact__item{display:flex;gap:12px;align-items:flex-start}
.rmb-contact__item--empty{color:var(--rmb-ink-2);font-size:14px}
.rmb-contact__ico{flex:none;inline-size:38px;block-size:38px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--rmb-radius);background:var(--rmb-crema);color:var(--rmb-granate);border:1px solid var(--rmb-line)}
.rmb-contact__meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.rmb-contact__meta b{font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--rmb-ink-3)}
.rmb-contact__meta a,.rmb-contact__meta span{font-size:15px;color:var(--rmb-ink);text-decoration:none;word-break:break-word}
.rmb-contact__meta a:hover{color:var(--rmb-granate);text-decoration:underline}
.rmb-contact__note{margin:18px 0 0;padding-block-start:15px;border-block-start:1px solid var(--rmb-line);
  font-size:13.5px;line-height:1.55;color:var(--rmb-ink-2)}

/* ── formulario ── */
.rmb-contact__formwrap{background:var(--rmb-surface);border:1px solid var(--rmb-line);
  border-radius:var(--rmb-radius-lg);padding:24px 22px}
.rmb-contact__form{display:flex;flex-direction:column;gap:15px}
.rmb-contact__form textarea{width:100%;font-family:var(--rmb-sans);font-size:15px;color:var(--rmb-ink);background:var(--rmb-bg);
  border:1px solid var(--rmb-line-2);border-radius:var(--rmb-radius);padding:12px 14px;line-height:1.55;resize:vertical;min-height:120px;
  transition:border-color .15s,box-shadow .15s}
.rmb-contact__form textarea:focus{outline:none;border-color:var(--rmb-oro-d);box-shadow:0 0 0 3px rgba(198,162,74,.18)}
.rmb-contact__submit{align-self:flex-start;margin-top:4px}
.rmb-contact__legal{margin:2px 0 0;font-size:12.5px;color:var(--rmb-ink-3)}

/* honeypot: fuera de pantalla sin romper el ancho (lección RTL de F1) */
.rmb-contact__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ── móvil ── */
@media (max-width:720px){
  .rmb-contact__grid{grid-template-columns:1fr;gap:20px}
}