/* V189 · Stitch-inspired theme layer (public/client pages).
   Derived from the Stitch regularization redesign reference.
   Important: Do NOT change copy/endpoints/logic. This file is purely visual overrides.
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap");

:root{
  --st-bg:#fbf9f9;
  --st-surface:#ffffff;
  --st-surface-2:#f5f3f3;
  --st-text:#161311;
  --st-muted:#42484a;
  --st-outline:#e5e7eb;
  --st-primary:#1a2e35;
  --st-primary-2:#041920;
  --st-action:#2563eb;
  --st-action-hover:#1d4ed8;
  --st-warn:#b45309;
  --st-ok:#166534;
  --st-shadow-1:0px 4px 20px rgba(0,0,0,0.03);
  --st-shadow-2:0px 10px 30px rgba(26,46,53,0.08);
  --st-radius:14px;
  --st-radius-lg:20px;
}

html{scroll-behavior:smooth}

body{
  background:var(--st-bg) !important;
  color:var(--st-text) !important;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  line-height:1.55;
}

h1,h2,h3{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  letter-spacing:-0.02em;
}

a{color:inherit}

.material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  display:inline-block;
  line-height:1;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;
}

/* ===== NAV ===== */
nav{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(251,249,249,0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(229,231,235,0.9);
}

.nav-inner{padding:16px 0 !important}

.nav-links{color:var(--st-muted) !important}
.nav-links a{padding:8px 10px;border-radius:10px}
.nav-links a:hover{color:var(--st-action) !important;background:rgba(37,99,235,0.06)}
.nav-links a.active{color:var(--st-action) !important;font-weight:600 !important}

/* ===== HERO ===== */
.hero{
  min-height:auto !important;
  padding-top:74px !important;
  padding-bottom:40px !important;
  background:
    radial-gradient(circle at 70% 25%, rgba(208,230,239,0.85) 0%, rgba(251,249,249,1) 55%),
    linear-gradient(180deg, rgba(251,249,249,1) 0%, rgba(245,243,243,1) 100%);
}

.hero-inner{max-width:980px !important}

.hero h1{
  /* Bigger hero title (Miguel feedback) */
  font-size:clamp(3.2rem,8.4vw,6.2rem) !important;
  line-height:1.02 !important;
  font-weight:800 !important;
}

.hero h1 em{color:var(--st-action) !important}

.hero-price{
  /* Bigger hero price (Miguel feedback) */
  font-size:clamp(3.2rem,8.4vw,6.2rem) !important;
  line-height:1.02 !important;
  font-weight:900 !important;
  color:var(--st-action) !important;
}

.hero-subtitle{
  color:var(--st-muted) !important;
  font-weight:500 !important;
  max-width:760px !important;
}

.hero-quick-link{color:var(--st-muted) !important}
.hero-quick-link a{color:var(--st-action) !important}

.hero-asterisk-block{
  background:rgba(255,255,255,0.65);
  border:1px solid rgba(229,231,235,0.9);
  border-radius:var(--st-radius-lg);
  padding:18px 18px;
  box-shadow:var(--st-shadow-1);
  color:var(--st-muted) !important;
}

.hero-asterisk-block .highlight{color:var(--st-primary) !important}

.hero-actions{margin-top:26px !important}

.hero-btn{
  border-radius:12px !important;
  background:var(--st-action) !important;
  color:#fff !important;
  padding:16px 22px !important;
  font-size:1.05rem !important;
  font-weight:700 !important;
  box-shadow:0 10px 26px rgba(37,99,235,0.18);
}
.hero-btn:hover{transform:translateY(-1px) !important;background:var(--st-action-hover) !important;box-shadow:0 14px 34px rgba(37,99,235,0.22) !important}

.hero-btn.secondary{
  background:rgba(255,255,255,0.72) !important;
  color:var(--st-primary-2) !important;
  border:1px solid rgba(194,199,202,0.9) !important;
  box-shadow:var(--st-shadow-1) !important;
}
.hero-btn.secondary:hover{background:#fff !important;border-color:rgba(115,120,122,0.55) !important}

/* ===== CLIENT INFO BAND ===== */
.info-band{padding:46px 5vw 30px !important}

.info-shell{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

.info-top{margin-bottom:18px !important}
.info-kicker{color:var(--st-muted) !important}
.info-top h2{font-weight:800 !important}
.info-top p{color:var(--st-muted) !important}

.info-grid{gap:18px !important}

.info-card{
  background:var(--st-surface) !important;
  border:1px solid rgba(229,231,235,0.95) !important;
  border-radius:var(--st-radius-lg) !important;
  box-shadow:var(--st-shadow-1) !important;
}

.info-card h3{font-weight:800 !important}
.info-card p,.info-card li{color:var(--st-muted) !important}

.info-card.highlight{
  background:linear-gradient(180deg, rgba(208,230,239,0.42) 0%, rgba(255,255,255,1) 55%) !important;
  border-color:rgba(194,199,202,0.95) !important;
}

.price-row{border-bottom:1px solid rgba(229,231,235,0.95) !important}
.price-row strong{color:var(--st-text) !important}
.price-row span:last-child{color:var(--st-action) !important}

.info-callout{
  background:var(--st-surface) !important;
  border:1px solid rgba(229,231,235,0.95) !important;
  border-radius:var(--st-radius-lg) !important;
  box-shadow:var(--st-shadow-2) !important;
}
.info-callout p{color:var(--st-muted) !important}

/* Fix inline styles in #precios block (override with !important) */
#precios p{color:var(--st-muted) !important}
#precios strong{color:var(--st-text) !important}
#precios .highlight{color:var(--st-action) !important}

/* ===== INFO SECTION (accordion) ===== */
.info-section>p{color:var(--st-muted) !important}

.accordion{border-color:rgba(229,231,235,0.95) !important;background:var(--st-surface) !important}

.accordion-header{
  background:transparent !important;
  color:var(--st-text) !important;
}

.accordion-header:hover{background:rgba(37,99,235,0.04) !important}

.accordion-body{background:transparent !important}
.accordion-body p,.accordion-body li{color:var(--st-muted) !important}
.accordion-body .doc-item{background:rgba(245,243,243,0.6) !important;border-color:rgba(229,231,235,0.95) !important}

/* Footer */
.footer-page p{color:rgba(66,72,74,0.65) !important}

body.stitch-page{
  --st-bg:#f8fafc;
  --st-surface:#ffffff;
  --st-surface-2:#f3f7fb;
  --st-text:#161b22;
  --st-muted:#475569;
  --st-outline:#e2e8f0;
  --st-primary:#1a2e35;
  --st-primary-2:#041920;
  --st-action:#2563eb;
  --st-action-hover:#1d4ed8;
  --st-warn:#b45309;
  --st-ok:#166534;
  --st-shadow-1:0px 4px 20px rgba(15,23,42,0.04);
  --st-shadow-2:0px 10px 30px rgba(26,46,53,0.09);
  --st-radius:14px;
  --st-radius-lg:22px;
  background:
    radial-gradient(circle at 82% 0%, rgba(37,99,235,0.08) 0%, rgba(37,99,235,0) 24%),
    radial-gradient(circle at 12% 12%, rgba(0,81,213,0.05) 0%, rgba(0,81,213,0) 22%),
    linear-gradient(180deg, #f8fafc 0%, #f9fbff 100%) !important;
}

body.stitch-page::before{
  opacity:0.18;
  background-image:
    linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0)),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12), transparent 18%),
    radial-gradient(circle at 80% 12%, rgba(37,99,235,0.08), transparent 20%);
}

body.stitch-page nav{
  background:rgba(248,250,252,0.94) !important;
  border-bottom:1px solid rgba(226,232,240,0.9) !important;
}

body.stitch-page header{
  padding-top:24px;
  padding-bottom:10px;
}

body.stitch-page header > h1{
  margin-top:16px;
  font-size:clamp(2.2rem,4vw,3.65rem);
  line-height:1.04;
  letter-spacing:-0.04em;
}

body.stitch-page header > .notice,
body.stitch-page header > .note,
body.stitch-page header > .card{
  border-top:3px solid rgba(37,99,235,0.10) !important;
  background:linear-gradient(180deg, rgba(37,99,235,0.04), rgba(255,255,255,0.98)) !important;
}

body.stitch-page header > .notice strong,
body.stitch-page header > .note strong{
  color:var(--st-primary) !important;
}

body.stitch-page .btn.primary,
body.stitch-page button.primary,
body.stitch-page .hero-btn{
  background:linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%) !important;
  border-color:#2563eb !important;
  box-shadow:0 12px 28px rgba(37,99,235,0.18) !important;
}

body.stitch-page .btn.primary:hover,
body.stitch-page button.primary:hover,
body.stitch-page .hero-btn:hover{
  background:linear-gradient(180deg, #1d4ed8 0%, #1d4ed8 100%) !important;
  border-color:#1d4ed8 !important;
}

body.stitch-page .pill.info,
body.stitch-page .badge.info{
  background:rgba(37,99,235,0.10) !important;
  border-color:rgba(37,99,235,0.18) !important;
  color:#2563eb !important;
}

body.stitch-page .notice.info,
body.stitch-page .note.info{
  background:linear-gradient(180deg, rgba(37,99,235,0.05), rgba(255,255,255,0.98)) !important;
  border-color:rgba(37,99,235,0.14) !important;
}

body.stitch-page .card,
body.stitch-page .notice,
body.stitch-page .note,
body.stitch-page .mutedBox,
body.stitch-page .summaryBox,
body.stitch-page .legalGate,
body.stitch-page .checkoutGate,
body.stitch-page .info-shell,
body.stitch-page .actionNotice,
body.stitch-page .alert,
body.stitch-page .wizard-card,
body.stitch-page .cargos-card,
body.stitch-page .accordion,
body.stitch-page .accordion-body .doc-item,
body.stitch-page .pay-summary,
body.stitch-page .docPreview,
body.stitch-page .docUpload,
body.stitch-page .dropzone,
body.stitch-page .caseItem,
body.stitch-page .caseBtn{
  border-radius:22px !important;
  border-color:rgba(226,232,240,0.95) !important;
  box-shadow:0 4px 18px rgba(15,23,42,0.04) !important;
}

body.stitch-page .caseBtn.active{
  border-color:rgba(37,99,235,0.28) !important;
  background:linear-gradient(180deg, rgba(37,99,235,0.06), rgba(255,255,255,1)) !important;
}

body.stitch-page table{
  border-color:rgba(226,232,240,0.95) !important;
}

body.stitch-page th{
  background:rgba(37,99,235,0.05) !important;
  color:var(--st-primary) !important;
}

body.stitch-page tr:hover td{
  background:rgba(37,99,235,0.03) !important;
}

body.stitch-page .legalScroll{
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.96)) !important;
  border-color:rgba(37,99,235,0.12) !important;
}

body.stitch-page .dropzone{
  background:linear-gradient(180deg, rgba(37,99,235,0.03), rgba(255,255,255,0.98)) !important;
  border-style:dashed !important;
}

body.stitch-page .dropzone.drag{
  border-color:#2563eb !important;
  background:rgba(37,99,235,0.06) !important;
}

body.stitch-page .amountSelect{
  background:linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border-color:rgba(226,232,240,0.95) !important;
}

body.stitch-page .amountSelect:focus{
  outline:3px solid rgba(37,99,235,0.16) !important;
}

body.stitch-page .topLinks a{
  color:var(--st-primary-2) !important;
}

body.stitch-page .topLinks a:hover{
  color:var(--st-action) !important;
  background:rgba(37,99,235,0.06);
}

@media(max-width:480px){
  .hero{padding-top:64px !important}

  /* Mobile: increase, but keep stable layout */
  .hero h1{font-size:clamp(3.0rem,12.6vw,4.6rem) !important}
  .hero-price{font-size:clamp(3.0rem,12.6vw,4.6rem) !important}

  .hero-actions{gap:10px !important}
  .hero-btn{width:100%;justify-content:center}
}

/* ===== PUBLIC / CLIENT OVERRIDES ===== */
header,main,.wrap{
  width:min(1200px, calc(100% - 32px));
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}

header{padding-top:28px}
main{padding-bottom:56px}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,0)),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12), transparent 18%);
  opacity:0.28;
}

p{color:#2c241c;line-height:1.56}
.lead{color:#2c241c;line-height:1.56}

h1,h2,h3,h4{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color:var(--st-text);
  letter-spacing:-0.035em;
}

.card,.notice,.note,.mutedBox,.summaryBox,.legalGate,.checkoutGate,.info-shell,.metric,.caseBtn,.actionBtn,.actionNotice,.alert,.wizard-card,.cargos-card,.accordion,.accordion-body .doc-item,.pay-summary,.pay-method,.field input,.field textarea,.field select,.summaryMeta div,.docPreview,.docUpload,.dropzone{
  background:var(--st-surface) !important;
  border:1px solid var(--st-outline) !important;
  border-radius:var(--st-radius-lg) !important;
  box-shadow:var(--st-shadow-1) !important;
}

.card,.notice,.note,.mutedBox,.summaryBox,.legalGate,.checkoutGate,.info-shell,.actionNotice,.alert,.wizard-card,.cargos-card,.accordion-body .doc-item,.pay-summary,.docPreview,.docUpload{
  padding:16px;
}

.small,.fine,.status,.lead,.legalStatus,.footerNote,.mutedBox,.notice,.note,.summaryBox,.actionNotice,.caseBtn span,.metric span,.pill,.boxTitle .small,.fieldHelp,.topLinks,.subtle,.legalList,.docPreview .fileMeta{
  color:var(--st-muted) !important;
}

label{color:var(--st-text) !important}

input,select,textarea{
  background:var(--st-surface) !important;
  color:var(--st-text) !important;
  border:1px solid rgba(194,199,202,0.9) !important;
  border-radius:12px !important;
}

input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(37,99,235,0.18) !important;
  border-color:rgba(37,99,235,0.65) !important;
}

.btn,button.btn,a.btn,.hero-btn,.caseBtn,.actionBtn,.accordion-header,.pay-method{
  transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.btn,button.btn,a.btn{
  min-height:48px;
  padding:12px 16px;
  border-radius:12px !important;
  border:1px solid rgba(194,199,202,0.9) !important;
  background:rgba(255,255,255,0.86) !important;
  color:var(--st-primary-2) !important;
  font-weight:800 !important;
}

.btn:hover,button.btn:hover,a.btn:hover{background:#fff !important;border-color:rgba(115,120,122,0.55) !important}

.btn.primary,button.primary,.btn.primary:hover,button.primary:hover,.hero-btn{
  background:var(--st-action) !important;
  border-color:var(--st-action) !important;
  color:#fff !important;
}

.btn.primary:hover,button.primary:hover,.hero-btn:hover{background:var(--st-action-hover) !important;border-color:var(--st-action-hover) !important}

.btn.dark,.btn.dark:hover{
  background:var(--st-primary-2) !important;
  border-color:var(--st-primary-2) !important;
  color:#fff !important;
}

.btn.secondary{
  background:rgba(255,255,255,0.72) !important;
  border-color:rgba(194,199,202,0.9) !important;
  color:var(--st-primary-2) !important;
}

.btn:disabled,button:disabled{opacity:.65 !important;cursor:not-allowed !important}

.pill{
  display:inline-flex;
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(229,231,235,0.95) !important;
  background:rgba(245,243,243,0.75) !important;
  color:var(--st-muted) !important;
}

.pill.ok{background:rgba(22,101,52,0.10) !important;border-color:rgba(22,101,52,0.20) !important;color:var(--st-ok) !important}
.pill.warn{background:rgba(180,83,9,0.10) !important;border-color:rgba(180,83,9,0.20) !important;color:var(--st-warn) !important}
.pill.bad{background:rgba(186,26,26,0.10) !important;border-color:rgba(186,26,26,0.22) !important;color:#93000a !important}
.pill.info{background:rgba(37,99,235,0.08) !important;border-color:rgba(37,99,235,0.18) !important;color:var(--st-action) !important}

.badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  font-size:14px;
  border:1px solid rgba(229,231,235,0.95) !important;
  background:#fff !important;
  color:var(--st-muted) !important;
}

.badge.ok{background:rgba(22,101,52,0.10) !important;border-color:rgba(22,101,52,0.20) !important;color:var(--st-ok) !important}
.badge.warn{background:rgba(180,83,9,0.10) !important;border-color:rgba(180,83,9,0.20) !important;color:var(--st-warn) !important}
.badge.bad{background:rgba(186,26,26,0.10) !important;border-color:rgba(186,26,26,0.22) !important;color:#93000a !important}

.notice,.note{
  background:rgba(255,255,255,0.86) !important;
  border:1px solid rgba(229,231,235,0.95) !important;
  border-radius:var(--st-radius) !important;
  color:var(--st-muted) !important;
  box-shadow:var(--st-shadow-1) !important;
}

.notice.ok,.note.ok{background:rgba(22,101,52,0.07) !important;border-color:rgba(22,101,52,0.18) !important}
.notice.warn,.note.warn{background:rgba(180,83,9,0.08) !important;border-color:rgba(180,83,9,0.18) !important}
.notice.bad,.note.bad{background:rgba(186,26,26,0.07) !important;border-color:rgba(186,26,26,0.18) !important}

table{
  background:var(--st-surface) !important;
  border:1px solid rgba(229,231,235,0.95) !important;
  border-radius:var(--st-radius-lg) !important;
  overflow:hidden;
}

th{
  background:rgba(245,243,243,0.85) !important;
  color:var(--st-muted) !important;
}

td,th{border-bottom:1px solid rgba(229,231,235,0.95) !important}

tr:hover td{background:rgba(245,243,243,0.55) !important}

.topNav,.top,.split,.legalControls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.topLinks,.nav,.stack,.row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.brandLogo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}

.brandLogo img{
  display:block;
  height:44px;
  width:auto;
  max-width:240px;
  object-fit:contain;
}

.check{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid rgba(229,231,235,0.95);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--st-shadow-1);
}

.check input{width:auto;margin-top:4px;flex:0 0 auto}
.check label{margin:0;font-weight:700}
.check .small{display:block;margin-top:4px}

.summaryBox,.mutedBox,.caseItem,.caseBtn,.docPreview,.checkoutGate{
  background:#fff !important;
}

.summaryMeta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.summaryMeta div{
  background:#fff;
}

.triageSection{
  padding-top:24px;
  margin-top:24px;
  border-top:1px solid rgba(229,231,235,0.95);
}

.fieldHelp{
  margin:0 0 8px;
  color:var(--st-muted) !important;
  font-size:13px;
  line-height:1.4;
}

.caseList{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.caseItem{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(229,231,235,0.95);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--st-shadow-1);
}

.caseBtn{
  width:100%;
  text-align:left;
  margin:0 0 10px;
  padding:13px;
  border-radius:15px;
  border:1px solid rgba(229,231,235,0.95);
  background:#fff;
  cursor:pointer;
}

.caseBtn.active{
  border-color:rgba(37,99,235,0.35);
  background:rgba(37,99,235,0.05);
}

.smallcaps{
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--st-muted);
}

.subtle{color:var(--st-muted) !important}
.mutedBox{padding:12px 14px}

.legalScroll{
  background:rgba(255,255,255,0.92) !important;
  border-color:rgba(229,231,235,0.95) !important;
  scroll-behavior:smooth;
}

.dropzone{
  border:1px dashed rgba(115,120,122,0.55) !important;
  background:rgba(255,255,255,0.92) !important;
}

.dropzone.drag{
  border-color:rgba(37,99,235,0.72) !important;
  background:rgba(37,99,235,0.06) !important;
}

.dzText{color:var(--st-primary-2) !important}

.amountSelector{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.amountSelect{
  width:100%;
  max-width:520px;
  padding:12px 14px;
  border:1px solid rgba(229,231,235,0.95);
  border-radius:12px;
  background:#fff;
  color:var(--st-text);
  font:inherit;
}

.amountSelect:focus{
  outline:2px solid rgba(37,99,235,0.2);
  outline-offset:2px;
}

.docUpload{display:grid;gap:10px}

.docPreview{
  display:none;
}

.docPreview.show{display:block}

.progressWrap{
  display:none;
  align-items:center;
  gap:10px;
}

.progressWrap.show{display:flex}

.progressBar{
  height:10px;
  border-radius:999px;
  background:rgba(37,99,235,0.10);
  border:1px solid rgba(37,99,235,0.18);
  flex:1;
  overflow:hidden;
}

.progressBar > i{
  display:block;
  height:100%;
  width:40%;
  background:linear-gradient(90deg,rgba(37,99,235,0.08),rgba(37,99,235,0.45),rgba(37,99,235,0.08));
  animation:indet 1.1s infinite linear;
}

@keyframes indet{
  from{transform:translateX(-120%)}
  to{transform:translateX(260%)}
}

.docMsg{margin-top:6px;font-weight:900}
.docMsg.ok{color:var(--st-ok)}
.docMsg.bad{color:#b42318}

.hero-quick-link{color:var(--st-muted) !important}
.hero-quick-link a{color:var(--st-action) !important}

.info-callout{
  background:var(--st-surface) !important;
  border:1px solid rgba(229,231,235,0.95) !important;
  border-radius:var(--st-radius-lg) !important;
  box-shadow:var(--st-shadow-2) !important;
}

.info-callout p{color:var(--st-muted) !important}

/* Fix inline styles in #precios block (override with !important) */
#precios p{color:var(--st-muted) !important}
#precios strong{color:var(--st-text) !important}
#precios .highlight{color:var(--st-action) !important}

/* Client portal: legal scroll + dropzones */
.legalScroll{
  background:rgba(255,255,255,0.92) !important;
  border-color:rgba(229,231,235,0.95) !important;
}

.legalStatus.ok{color:var(--st-ok)}
.legalStatus.warn{color:var(--st-warn)}
.legalStatus.bad{color:#b42318}

.paymentPill,.paymentStatus,.modeBadge{
  color:var(--st-muted) !important;
}

.footer-page p{color:rgba(66,72,74,0.65) !important}