/* ==========================================================================
   TICKETU · Solicitud de reembolso (/Reembolsos)
   Sólo lo propio de esta ventana: el formulario, las tarjetas y los botones
   salen de main.css (.card, .field, .input, .btn, .callout, .form-ok…).
   ========================================================================== */

.rb-hint{color:var(--muted);font-size:.85rem;margin-top:6px}

.rb-politica{margin:22px 0 18px;line-height:1.6}

/* ---- Avisos en línea (error / informativo) ---- */
.rb-alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--r-md);
  padding:12px 14px;margin:16px 0;font-size:.92rem;line-height:1.55;font-weight:600}
.rb-alert svg{flex:0 0 auto;margin-top:1px}
.rb-alert--error{background:var(--red-100);border:1px solid #f5c6c0;color:var(--red)}
.rb-alert--info{background:var(--blue-100);border:1px solid #c9d8fa;color:var(--blue)}

/* ---- Encabezado de la compra encontrada ---- */
.rb-evento{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;margin-bottom:22px;background:var(--bg)}
.rb-evento h3{font-size:1.15rem;font-weight:800;color:var(--ink);margin:0 0 4px}
.rb-evento p{color:var(--text);margin:2px 0;font-size:.95rem}
.rb-evento__meta{color:var(--muted)!important;font-size:.87rem!important;margin-top:8px!important}

.rb-sub{font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 10px}

/* ---- Lista de boletos de la compra ---- */
.rb-boletos{list-style:none;margin:0 0 20px;padding:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.rb-boleto{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface)}
.rb-boleto + .rb-boleto{border-top:1px solid var(--line)}
.rb-boleto__ic{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:var(--orange-100);color:var(--orange-700)}
.rb-boleto__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.rb-boleto__loc{font-weight:700;color:var(--ink);font-size:.94rem}
.rb-boleto__seat{color:var(--muted);font-size:.84rem}
.rb-boleto__precio{font-weight:800;color:var(--ink);white-space:nowrap}

/* ---- Desglose del monto ---- */
.rb-sum{border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:24px;background:var(--bg)}
.rb-sum__row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  font-size:.93rem;color:var(--text);padding:6px 0}
.rb-sum__row--muted{color:var(--muted)}
.rb-sum__row--total{border-top:1px solid var(--line-2);margin-top:6px;padding-top:12px;font-size:1.05rem}
.rb-sum__row--total b{color:var(--orange-700);font-size:1.25rem;font-weight:800}

/* ---- Aceptación de términos ---- */
.rb-check{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-md);
  padding:14px 16px;margin-bottom:20px;cursor:pointer;font-size:.9rem;line-height:1.6;color:var(--text)}
.rb-check input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--orange);cursor:pointer}
.rb-check:hover{border-color:var(--orange-200);background:var(--orange-100)}

.rb-folio{margin-top:10px;font-size:1rem;color:var(--text)}

/* ---- Cómo sigue el proceso ---- */
.rb-pasos{margin-top:44px}
.rb-pasos .h2-sec{text-align:center;margin-bottom:22px}
.rb-legal{margin-top:20px;color:var(--muted);font-size:.9rem;text-align:center;line-height:1.6}
.rb-legal a{color:var(--orange-700);font-weight:600;text-decoration:underline}

@media (max-width:760px){
  .rb-pasos .steps{grid-template-columns:1fr}
  .rb-boleto{flex-wrap:wrap}
  .rb-boleto__precio{margin-left:46px}
}