/* Comprobante público: una superficie, jerarquía editorial y datos reales. */
.rec-receipt { background:#fff; border:1px solid #e3e7ed; border-radius:20px; overflow:hidden; color:#15233a; }
.rec-receipt-head { display:flex; gap:20px; align-items:flex-start; padding:36px 36px 28px; }
.rec-receipt-check { display:grid; place-items:center; width:52px; height:52px; flex-shrink:0; border-radius:50%; background:#e7f6ef; color:#187344; }
.rec-receipt-head h2 { font-size:clamp(1.6rem,3vw,2rem); line-height:1.2; letter-spacing:-.035em; margin:0 0 12px; font-weight:750; }
.rec-receipt-head p { margin:0; max-width:66ch; font-size:.94rem; line-height:1.7; color:#526176; }
.rec-receipt-reference { margin:0 36px; padding:20px 0; border-top:1px solid #e3e7ed; border-bottom:1px solid #e3e7ed; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.rec-receipt-reference div { min-width:0; }
.rec-receipt-reference div>span { display:block; color:#526176; font-size:.8rem; margin-bottom:6px; }
.rec-receipt-reference strong { display:block; font-size:.85rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.rec-receipt-status { padding:6px 12px; border-radius:30px; white-space:nowrap; background:#fff3dc; color:#785116; font-size:.76rem; font-weight:650; }
.rec-receipt-layout { display:grid; grid-template-columns:1fr 1fr; }
.rec-receipt-main,.rec-receipt-summary { padding:30px 36px; min-width:0; }
.rec-receipt-summary { background:#f8fafc; }
.rec-receipt h3 { font-size:1.02rem; line-height:1.4; font-weight:700; margin:0 0 8px; }
.rec-receipt-note,.rec-receipt-contact p { font-size:.8rem; color:#526176; line-height:1.6; margin:0; }
.rec-receipt-appointment { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:22px 0 28px; }
.rec-receipt-appointment div:last-child { grid-column:1/-1; }
.rec-receipt dt { font-size:.76rem; color:#526176; margin:0 0 5px; }
.rec-receipt dd { margin:0; font-size:.86rem; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.rec-receipt-contact { padding:20px 0; margin-bottom:26px; border-top:1px solid #e3e7ed; border-bottom:1px solid #e3e7ed; }
.rec-receipt-contact strong { display:block; font-size:.9rem; color:#075abc; margin:8px 0; overflow-wrap:anywhere; }
.rec-receipt-timeline { padding:0; margin:20px 0 0; list-style:none; counter-reset:steps; }
.rec-receipt-timeline li { position:relative; padding:0 0 24px 38px; counter-increment:steps; }
.rec-receipt-timeline li:before { content:counter(steps); position:absolute; left:0; top:0; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#eef2f7; font-size:.76rem; color:#43536a; font-weight:700; }
.rec-receipt-timeline li:first-child:before { background:#e7f6ef; color:#187344; }
.rec-receipt-timeline li:last-child { padding-bottom:0; }
.rec-receipt-timeline strong,.rec-receipt-timeline span { display:block; font-size:.8rem; line-height:1.6; }
.rec-receipt-timeline span { color:#526176; margin-top:3px; }
.rec-receipt-data { margin:16px 0 0; }
.rec-receipt-data>div { padding:12px 0; border-bottom:1px solid #e3e7ed; }
.rec-receipt-data>div:last-child { border:0; }
.rec-receipt-privacy { margin:22px 0 0; font-size:.76rem; color:#526176; line-height:1.7; }
.rec-receipt-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; padding:24px 36px; border-top:1px solid #e3e7ed; }
.rec-receipt-actions .rec-btn-pill { font-size:.8rem; }
.rec-receipt-home { margin-left:auto; color:#526176; font-size:.8rem; text-underline-offset:4px; }
.rec-submit-error { width:100%; flex-basis:100%; margin:0; padding:12px 16px; border-radius:10px; background:#fff0f1; color:#9c263a; font-size:.86rem; }
.rec-submit-error[hidden] { display:none; }
.rec-receipt :focus-visible { outline:3px solid #075abc; outline-offset:4px; }
@media(max-width:700px) {
  .rec-receipt-layout { grid-template-columns:1fr; }
  .rec-receipt-head { padding:24px; gap:14px; }
  .rec-receipt-check { width:38px; height:38px; }
  .rec-receipt-reference { margin:0 24px; flex-wrap:wrap; }
  .rec-receipt-main,.rec-receipt-summary { padding:24px; }
  .rec-receipt-actions { padding:24px; flex-direction:column; align-items:stretch; }
  .rec-receipt-home { margin:8px 0 0; text-align:center; }
}
@media print {
  body.rec-page .kja-page { padding:0!important; }
  body.rec-page .kja-page>header,body.rec-page .kja-page>.hero-v2,body.rec-page .kja-page>.hero-v2-container,body.rec-page .kja-page>footer { display:none!important; }
  body.rec-page .catalog-section { padding:0!important; margin:0!important; }
  body.rec-page .catalog-section>.container { max-width:none; padding:0!important; }
  body.rec-page .catalog-header-text,body.rec-page #rec-tabs-wrapper { display:none!important; }
  body.rec-page .rec-slide-panel:not(#rec-panel-4) { display:none!important; }
  body.rec-page * { visibility:hidden; }
  body.rec-page #rec-panel-4,body.rec-page #rec-panel-4 * { visibility:visible; }
  body.rec-page #rec-panel-4 { position:absolute; inset:0; width:100%; opacity:1; transform:none; }
  body.rec-page .rec-slider-track { transform:none!important; }
  body.rec-page .rec-slider-viewport { overflow:visible; height:auto!important; }
  body.rec-page .rec-receipt-actions { display:none; }
  body.rec-page .rec-receipt { border:0; }
}