:root{
  --ruv-wine:#7a1730;
  --ruv-wine-dark:#571022;
  --ruv-wine-light:#a72b4d;
  --ruv-wine-soft:#f5e9ed;
  --ruv-gold:#c9a227;
  --ruv-bg:#f2f5f8;
  --ruv-surface:#ffffff;
  --ruv-text:#202833;
  --ruv-muted:#687382;
  --ruv-border:#dfe4ea;
  --ruv-success:#198754;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ruv-text);background:var(--ruv-bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
.min-w-0{min-width:0}

/* Fondo institucional abstracto común. No utiliza fotografías ni ocupa espacio de contenido. */
.ruv-abstract-bg{
  background:
    radial-gradient(circle at 92% 3%,rgba(122,23,48,.11) 0 7rem,transparent 7.1rem),
    radial-gradient(circle at -8% 30%,rgba(122,23,48,.07) 0 10rem,transparent 10.1rem),
    linear-gradient(180deg,#fbfcfd 0%,#f2f5f8 58%,#edf1f5 100%);
}
.ruv-abstract-bg::before{
  content:"";position:fixed;z-index:0;pointer-events:none;inset:0;
  background-image:
    linear-gradient(135deg,rgba(122,23,48,.025) 25%,transparent 25%),
    linear-gradient(225deg,rgba(122,23,48,.025) 25%,transparent 25%);
  background-size:34px 34px;
  background-position:0 0,17px 17px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 70%);
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 70%);
}

/* Header institucional compartido */
.ruv-brand-strip{display:flex;align-items:center;justify-content:space-between;gap:.85rem;padding:.68rem .78rem;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(122,23,48,.08);border-radius:1.15rem;box-shadow:0 .45rem 1.2rem rgba(29,37,51,.09)}
.ruv-header-logo{width:60px;height:60px;flex:0 0 60px;object-fit:contain;border-radius:.75rem;box-shadow:0 .12rem .36rem rgba(0,0,0,.10)}
.ruv-brand-kicker{font-size:.69rem;text-transform:uppercase;letter-spacing:.075em;color:#747d88;font-weight:750;line-height:1.15}
.ruv-brand-name{font-size:.94rem;font-weight:850;color:var(--ruv-wine-dark);line-height:1.2}

.ruv-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid var(--ruv-border);position:sticky;top:0;z-index:10}
.ruv-main-content{max-width:36rem;margin:auto}
.ruv-data-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--ruv-border)}
.ruv-status-pill{display:inline-block;border-radius:999px;padding:.35rem .7rem;background:#fff3cd;font-size:.8rem;font-weight:700}

/* Alineación vertical consistente de los botones principales del flujo móvil. */
.ruv-btn-primary,.ruv-btn-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}