/* /marcas — la tabla de la oferta y el alta. Hereda de legal.css y hoja.css. */
.marcas th, .marcas td { vertical-align: top; }
.marcas th small { display: block; font-weight: 400; font-size: 12px; color: var(--suave); margin-top: 2px; }
.marcas td.si, .marcas td.no { text-align: center; white-space: nowrap; font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.marcas td.si { color: var(--sol); font-weight: 700; }
.marcas td.no { color: var(--suave); }

.alta { display: grid; gap: 14px; margin: 0 0 18px; }
.alta label { display: grid; gap: 5px; font-size: 13px; color: var(--suave); font-weight: 600; }
.alta input {
  font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid var(--mando); border-radius: 9px;
  background: var(--tarjeta); color: var(--tinta); width: 100%; box-sizing: border-box;
}
.alta .botones { display: flex; gap: 10px; flex-wrap: wrap; }
.alta .pagar {
  font: inherit; font-weight: 700; font-size: 15px; padding: 13px 20px; border-radius: 10px; cursor: pointer;
  background: #087844; color: #FFFFFF; border: 1px solid #087844; min-height: 44px;
}
.alta .pagar.secundario { background: var(--tarjeta); color: var(--tinta); border-color: var(--mando); }
.alta .pagar:hover { filter: brightness(1.06); }
.alta .pagar:focus-visible { outline: 2px solid var(--sol); outline-offset: 2px; }
.alta .pagar[disabled] { opacity: .6; cursor: progress; }

.gracias {
  border-left: 3px solid #26752A; padding: 10px 14px; margin: 0 0 16px;
  background: var(--tarjeta); border-radius: 0 10px 10px 0; line-height: 1.6;
}