/* ROME — paso de seguimiento del diagnóstico, independiente de la paleta propuesta.
   Aprovecha tokens de marca vigentes sin tocar estilos del Hero ni la venta. */
.rome-conversion {
  margin-top: 22px;
  border: 1px solid var(--linea, #dcd6ca);
  border-top: 3px solid var(--oro, #c9a86b);
  background: var(--papel, #f6f4ef);
  color: var(--tinta, #1d2b33);
  border-radius: 8px;
  padding: clamp(18px, 3.5vw, 28px);
  box-shadow: 0 10px 32px rgba(10, 63, 86, .08);
}
.rome-conversion .rome-conversion-kicker {
  color: #806326;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.rome-conversion h3 {color:var(--azul-hondo,#0a3f56);margin-bottom:8px}
.rome-conversion .rome-conversion-detail {line-height:1.6;max-width:65ch;margin-bottom:16px}
.rome-conversion-fields {display:grid;grid-template-columns:1fr;gap:14px;margin-block:18px}
.rome-conversion-field {display:grid;gap:7px;font-weight:700;font-size:.92rem}
.rome-conversion-field select {
  display:block;width:100%;min-height:48px;max-width:100%;padding:11px 12px;
  border:1px solid var(--linea,#dcd6ca);border-radius:6px;background:#fff;
  color:var(--tinta,#1d2b33);font:500 .95rem var(--f-text,system-ui,sans-serif);
}
.rome-conversion-field select:focus-visible,
.rome-conversion-actions a:focus-visible {outline:3px solid #806326;outline-offset:3px}
.rome-conversion-actions {display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.rome-conversion-actions a {min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.rome-conversion-secondary {
  padding:12px 18px;border:2px solid var(--azul-hondo,#0a3f56);border-radius:4px;
  text-decoration:none;color:var(--azul-hondo,#0a3f56);font-weight:700;
  background:transparent;
}
@media (hover:hover) {
  .rome-conversion-actions .btn,
  .rome-conversion-secondary {transition:transform .16s ease,box-shadow .16s ease}
  .rome-conversion-actions a:hover {transform:translateY(-2px);box-shadow:0 6px 16px rgba(10,63,86,.12)}
}
.rome-conversion-note {font-size:.83rem;color:var(--gris,#5a6870);margin-top:14px}
@media(max-width:600px) {
  .rome-conversion-actions {flex-direction:column}
  .rome-conversion-actions a {width:100%;min-height:48px}
}
@media(prefers-reduced-motion:reduce) {
  .rome-conversion-actions a {transition:none!important;transform:none!important}
}

.rome-conversion-offer{background:#fff6dc;color:#62480f;border-left:4px solid #8a6d2f;padding:13px 16px;font-weight:750;line-height:1.55;margin:14px 0}