/* ============================================================
   Brega revamp theme — loaded AFTER style.css.
   A receipt / POS-native identity: deep navy canvas, IBM Plex
   Mono for numbers + labels, and real "paper" (receipt + shelf
   tag) cards instead of the generic translucent-glass look.
   Shared by index.html (EN) and es.html (ES).
   ============================================================ */

:root{
  --navy:#002b4d; --navy-deep:#003c60; --ink:#FFFCF1;
  --muted:rgba(255,252,241,.62); --line:rgba(255,252,241,.12);
  --orange:#EE7B18; --orange-2:#ffa24d; --orange-ink:#08233c;
  --paper:#f4efe1; --paper-ink:#20201a; --paper-soft:#6a6554;
  --paper-line:#c3bca4; --green:#1f9d57;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}

/* ── Canvas ───────────────────────────────────────────── */
body{
  background:var(--navy-deep);
  background-image:
    radial-gradient(55% 45% at 92% -4%,rgba(238,123,24,.13),transparent 60%),
    radial-gradient(52% 46% at -6% 6%,rgba(43,120,200,.17),transparent 60%);
  background-attachment:fixed;
}

/* Kill the identical orange underline bar stamped under every <h2>
   (the single loudest "template" tell on the old page). */
.anti-section h2::after,
.features-section h2::after,
.steps-section h2::after,
.pricing-section h2::after,
.hardware-section h2::after{ display:none; }

/* Tighter, more editorial section headings */
.anti-section h2,.features-section h2,.steps-section h2,
.pricing-section h2,.hardware-section h2,.tobacco-content h2,
.faq-section h2,.cta-section h2,.social-section .social-eyebrow{
  letter-spacing:-.02em;
}

/* (removed) thin orange kicker bars above section headings — per owner: no dashes anywhere */

/* ── Nav ──────────────────────────────────────────────── */
.nav{ background:rgba(0,60,96,.92); border-bottom:1px solid var(--line); }
.nav-lang{ font-family:var(--mono); letter-spacing:.06em; }

/* ── HERO (new asymmetric layout + receipt signature) ──── */
.hero{ padding:116px 0 48px; text-align:left; }
.hero::before{ display:none; }            /* no pulsing glow */

.rv-hero{
  display:grid; grid-template-columns:1.08fr .92fr;
  gap:44px; align-items:center;
}
.rv-eyebrow{
  font-family:var(--mono); font-size:.76rem; letter-spacing:.07em;
  color:var(--orange); text-transform:uppercase; margin:0 0 20px;
  display:flex; align-items:center; gap:0;
}
.rv-hero h1{
  font-size:clamp(2.6rem,6.2vw,4.6rem); line-height:.95; font-weight:800;
  letter-spacing:-.035em; color:#fff; margin:0 0 20px; max-width:12ch;
  text-wrap:balance;
}
.rv-hero h1 em{ font-style:normal; color:var(--orange); }
.rv-lede{ font-size:clamp(1.02rem,1.9vw,1.18rem); color:var(--muted); max-width:46ch; margin:0 0 16px; line-height:1.6; }
.rv-lede b{ color:var(--ink); font-weight:600; }
.rv-audience{
  font-family:var(--mono); font-size:.74rem; letter-spacing:.04em;
  color:var(--muted); text-transform:uppercase; margin:0 0 22px;
}
.rv-actions{ display:flex; flex-wrap:wrap; gap:13px; margin-bottom:14px; }
.rv-btn{
  font:inherit; font-weight:700; font-size:1rem; text-decoration:none;
  cursor:pointer; padding:15px 26px; border-radius:12px; border:0;
  display:inline-flex; align-items:center; gap:9px; transition:transform .15s,border-color .15s,color .15s;
}
.rv-go{ background:linear-gradient(180deg,var(--orange-2),var(--orange)); color:var(--orange-ink); box-shadow:0 14px 30px -12px rgba(238,123,24,.85); }
.rv-go:hover{ transform:translateY(-2px); }
.rv-ghost{ background:transparent; color:var(--ink); border:1px solid var(--line); }
.rv-ghost:hover{ border-color:var(--orange); color:var(--orange); }
.rv-cta-note{ font-size:.82rem; color:var(--muted); opacity:.75; margin:0 0 22px; }
.rv-counter{ display:flex; align-items:baseline; gap:14px; border-top:1px solid var(--line); padding-top:18px; max-width:30rem; }
.rv-counter .num{ font-family:var(--mono); font-weight:700; font-size:2.2rem; color:var(--orange); font-variant-numeric:tabular-nums; }
.rv-counter .lbl{ font-size:.82rem; color:var(--muted); line-height:1.4; }

/* receipt signature card */
.rv-receipt{
  background:var(--paper); color:var(--paper-ink); font-family:var(--mono);
  font-size:.82rem; line-height:1.75; max-width:340px; margin:0 auto;
  padding:26px 24px 22px; border-radius:3px; transform:rotate(-1.3deg);
  box-shadow:0 34px 60px -24px rgba(0,0,0,.75);
  background-image:repeating-linear-gradient(transparent,transparent 26px,rgba(0,0,0,.025) 27px);
  position:relative;
}
.rv-receipt::after{
  content:""; position:absolute; left:0; right:0; bottom:-7px; height:8px;
  background:radial-gradient(circle at 6px 8px,var(--paper) 6px,transparent 6.5px);
  background-size:14px 8px;
}
.rv-rh{ text-align:center; font-weight:700; letter-spacing:.3em; font-size:1rem; }
.rv-rsub{ text-align:center; color:var(--paper-soft); font-size:.72rem; margin-bottom:2px; }
.rv-rule{ border:0; border-top:1.5px dashed var(--paper-line); margin:12px 0; }
.rv-rl{ display:flex; justify-content:space-between; gap:10px; }
.rv-rl .g{ color:var(--green); font-weight:600; }
.rv-rt{ display:flex; justify-content:space-between; font-weight:700; font-size:.95rem; }
.rv-stamp{ text-align:center; color:var(--orange); font-weight:700; letter-spacing:.1em; margin:9px 0 2px; }
.rv-barcode{ height:28px; margin:10px 0 3px; background:repeating-linear-gradient(90deg,var(--paper-ink) 0 2px,transparent 2px 4px,var(--paper-ink) 4px 5px,transparent 5px 9px,var(--paper-ink) 9px 11px,transparent 11px 14px); }
.rv-rfoot{ text-align:center; color:var(--paper-soft); font-size:.7rem; letter-spacing:.1em; }

/* demo caption */
.rv-demo-cap{
  font-family:var(--mono); font-size:.8rem; color:var(--muted);
  text-align:center; margin:30px 0 -2px; letter-spacing:.02em;
}
.rv-demo-cap b{ color:var(--orange); font-weight:600; }

@media (max-width:880px){
  .rv-hero{ grid-template-columns:1fr; gap:34px; }
  .hero{ padding:104px 0 36px; }
  .rv-hero h1{ max-width:16ch; }
}

/* ── Money band (inserted after the demo) ─────────────── */
.rv-moneyband{ padding:8px 0 4px; }
.rv-band{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:46px 0; display:grid; grid-template-columns:auto 1fr;
  gap:42px; align-items:center;
}
.rv-big{ font-family:var(--mono); font-weight:700; font-size:clamp(3rem,8vw,5rem); line-height:.9; color:var(--orange); letter-spacing:-.02em; }
.rv-big small{ display:block; font-size:.84rem; color:var(--muted); font-weight:500; margin-top:10px; max-width:20ch; line-height:1.4; }
.rv-band .rv-tag-kicker{ font-family:var(--mono); font-size:.74rem; color:var(--orange); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
.rv-band h2{ font-size:clamp(1.5rem,3.4vw,2.1rem); font-weight:800; letter-spacing:-.02em; margin:0 0 12px; color:#fff; text-wrap:balance; }
.rv-band h2::after,.rv-band h2::before{ display:none; }
.rv-band p{ color:var(--muted); margin:0; max-width:56ch; line-height:1.6; }
@media (max-width:760px){ .rv-band{ grid-template-columns:1fr; gap:20px; padding:36px 0; } }

/* ── Social proof → receipt-paper testimonials ────────── */
.social-card{
  background:var(--paper); color:var(--paper-ink);
  border:0; border-top:5px solid var(--orange); border-radius:4px;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.7);
}
.social-card::before{ color:var(--orange); opacity:.35; }
.social-card blockquote{ color:var(--paper-ink); opacity:.92; }
.social-name{ color:var(--paper-ink); font-family:var(--mono); }
.social-meta{ color:var(--paper-soft); opacity:1; }

/* ── "What makes Brega different" cards ───────────────── */
.compare-card.good{ background:rgba(255,252,241,.03); border:1px solid var(--line); border-top:4px solid var(--green); }
.compare-card.good h3{ color:#fff; }
.compare-card.good li::before{ content:'\2713'; color:var(--green); font-family:var(--mono); }
.switch-teaser{ background:rgba(31,157,87,.05); border:1px solid rgba(31,157,87,.2); border-radius:6px; }

/* ── Feature cards: flatter, mono-indexed, no glass glow ─ */
.features-section{ background:transparent; }
.feature-card{
  background:rgba(255,252,241,.03); border:1px solid var(--line); border-radius:6px;
}
.feature-card::before{ display:none; }
.feature-card:hover{ border-color:rgba(238,123,24,.5); }
.feature-icon{ border-radius:8px; }
.feature-more{ font-family:var(--mono); }

/* ── Steps ────────────────────────────────────────────── */
.steps-section .step-num{ font-family:var(--mono); border-radius:10px; }
.steps-grid::before{ background:repeating-linear-gradient(90deg,rgba(238,123,24,.5) 0 8px,transparent 8px 16px); }

/* ── Proof stats → big mono numbers ───────────────────── */
.proof-num{ font-family:var(--mono); color:var(--orange); letter-spacing:-.02em; }

/* ── Tobacco: numbers to mono, calculator as receipt ──── */
.tobacco-section{ background:linear-gradient(135deg,rgba(238,123,24,.07) 0%,rgba(0,60,96,1) 100%); }
.stat-value{ font-family:var(--mono); color:var(--orange); }
.tmfr{ border-radius:6px; }
.tmfr strong{ font-family:var(--mono); }
.tmfr-rate{ color:var(--green) !important; }
.calc-wrap{
  background:var(--paper); border:0; border-radius:4px;
  box-shadow:0 22px 48px -26px rgba(0,0,0,.7);
  background-image:repeating-linear-gradient(transparent,transparent 30px,rgba(0,0,0,.02) 31px);
}
.calc-wrap label{ color:var(--paper-ink); font-family:var(--mono); font-size:.76rem; text-transform:uppercase; letter-spacing:.06em; }
.calc-wrap input[type="range"]{ background:var(--paper-line); }
.calc-val{ color:var(--paper-soft); opacity:1; font-family:var(--mono); }
.calc-result{ font-family:var(--mono); color:var(--green); text-shadow:none; }
.calc-result-label{ color:var(--paper-soft); opacity:1; }
.calc-coverage{ color:#b35e0d; }

/* ── Pricing → shelf-tag cards ────────────────────────── */
.toggle-btn.active,.billing-btn.active{ font-family:var(--mono); }
.pricing-card{
  background:var(--paper); color:var(--paper-ink);
  border:0; border-top:6px solid var(--orange); border-radius:4px;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.7); text-align:left;
}
.pricing-card::after{            /* punched shelf-tag hole */
  content:""; position:absolute; top:13px; right:15px;
  width:12px; height:12px; border-radius:50%; background:var(--navy-deep);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5);
}
.pricing-card.popular{
  background:var(--paper); transform:scale(1.04);
  outline:2px solid var(--orange); outline-offset:3px;
  box-shadow:0 24px 50px -22px rgba(0,0,0,.75);
  overflow:visible;
}
.pricing-badge{
  left:18px; right:auto; top:-11px; transform:none;
  border-radius:4px; font-size:.66rem; letter-spacing:.08em;
  padding:3px 11px; z-index:6;
}
.pricing-tier{ color:var(--paper-soft); font-family:var(--mono); }
.pricing-price{ color:var(--paper-ink); font-family:var(--mono); }
.pricing-price span{ color:var(--paper-soft); }
.pricing-note{ color:var(--paper-soft); opacity:1; }
.pricing-card li{ color:var(--paper-ink); opacity:.9; border-bottom-color:var(--paper-line); }
.pricing-card li::before{ color:var(--green); font-family:var(--mono); }
.savings-badge{ background:rgba(31,157,87,.16); color:#0f6b38; font-family:var(--mono); }
.pricing-card .btn{ background:var(--navy-deep); border-color:var(--navy-deep); color:var(--ink); box-shadow:none; }
.pricing-card .btn:hover{ background:#000f1d; border-color:#000f1d; }
.pricing-card.popular .btn{ background:var(--orange); border-color:var(--orange); color:var(--orange-ink); }
.pricing-card.popular .btn:hover{ background:var(--orange-2); border-color:var(--orange-2); }
.pricing-badge{ font-family:var(--mono); }

/* ── Hardware ─────────────────────────────────────────── */
.hardware-section{ background:transparent; }
.hw-item{ border-radius:6px; border:1px solid var(--line); }
.hw-item strong{ font-family:var(--mono); }

/* ── Trust row ────────────────────────────────────────── */
.trust-item{ font-family:var(--mono); font-size:.8rem; letter-spacing:.01em; }

/* ── FAQ ──────────────────────────────────────────────── */
.faq-item{ border-radius:6px; }
.faq-item summary::after{ font-family:var(--mono); }

/* ── Partners ─────────────────────────────────────────── */
.partner-logo{ font-family:var(--mono); }

/* ── Contact ──────────────────────────────────────────── */
.contact-form{ border-radius:6px; border:1px solid var(--line); background:rgba(255,252,241,.03); }
.contact-form label{ font-family:var(--mono); font-size:.72rem; text-transform:uppercase; letter-spacing:.05em; }
.cta-reach{ font-family:var(--mono); }

/* ── Footer ───────────────────────────────────────────── */
.footer{ background:rgba(0,0,0,.28); }
.footer-col h4{ font-family:var(--mono); }
.footer-cities{ font-size:.8rem; opacity:.5; margin-bottom:8px; }
.footer-cities a{ color:var(--orange); }

/* ── Reduced motion ───────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .rv-go:hover,.feature-card:hover{ transform:none; }
}