/* ============================================================
   MED-Review R1 — Pricing "Curso Intensive" (estado PRÉ-LANÇAMENTO)
   Card único centralizado · DS R1 (copper / violet · Orbitron + Exo 2)
   Modelo: pricing Anest · Escopo: .r1pp
   ------------------------------------------------------------
   EDITÁVEL RÁPIDO (vars no topo de .r1pp):
     --fs-h2     → H2 "O que você leva"  (36px desk / 26px mob)
     --fs-name   → nome do card
     --fs-price  → tamanho do "???"
   ============================================================ */

.r1pp{
  /* ── copper ───────────────────────────────── */
  --cop-100:#FCEAE2; --cop-200:#F4DCC9; --cop-300:#E6C5A8; --cop-400:#D5A881;
  --cop-500:#B07764; --cop-600:#8A4B40; --cop-700:#64302C;
  /* ── violet ───────────────────────────────── */
  --vio-950:#050310; --vio-900:#090413; --vio-850:#0D0B1F; --vio-800:#100F26;
  --vio-700:#1A1733; --vio-600:#2C2240; --vio-500:#403350; --vio-400:#554B72;
  --vio-300:#7A6F95; --vio-200:#A094BA; --vio-100:#BFB8D0;
  /* ── semantic ─────────────────────────────── */
  --fg:#F4EFE8; --fg-muted:var(--vio-100); --fg-faint:var(--vio-300);
  --grad-copper:linear-gradient(135deg,#64302C 0%,#B07764 35%,#E6C5A8 65%,#FCEAE2 100%);
  --grad-copper-btn:linear-gradient(135deg,#8A4B40 0%,#B07764 42%,#E6C5A8 100%);
  --font-display:'Orbitron','Eurostile','Bahnschrift',system-ui,sans-serif;
  --font-body:'Exo 2','Inter',system-ui,-apple-system,sans-serif;
  --ease-out:cubic-bezier(.22,1,.36,1);
  /* ── tamanhos editáveis ───────────────────── */
  --fs-h2:clamp(26px,4.2vw,36px);
  --fs-name:clamp(22px,2.6vw,28px);
  --fs-price:clamp(26px,4.6vw,32px);
  --edge:#111111; --edge-fade:140px;

  position:relative;
  font-family:var(--font-body);
  color:var(--fg);
  background:
    linear-gradient(to bottom,var(--edge) 0%,rgba(17,17,17,.92) 6%,rgba(17,17,17,.66) 20%,rgba(17,17,17,.32) 42%,rgba(17,17,17,.1) 70%,transparent 100%) top/100% var(--edge-fade) no-repeat,
    linear-gradient(to top,var(--edge) 0%,rgba(17,17,17,.92) 6%,rgba(17,17,17,.66) 20%,rgba(17,17,17,.32) 42%,rgba(17,17,17,.1) 70%,transparent 100%) bottom/100% var(--edge-fade) no-repeat,
    radial-gradient(120% 90% at 80% -10%,rgba(213,168,129,.16) 0%,rgba(64,51,80,0) 55%),
    linear-gradient(180deg,#100F26 0%,#090413 100%);
  background-color:#0a0713;
  padding:clamp(64px,9vw,112px) clamp(18px,4vw,48px);
  overflow:hidden;
  isolation:isolate;
  -webkit-text-size-adjust:100%; text-size-adjust:100%;
}
.r1pp,.r1pp *,.r1pp *::before,.r1pp *::after{box-sizing:border-box}
.r1pp a{text-decoration:none}
.r1pp img,.r1pp svg{display:block}

/* ── ambient glows ───────────────────────────── */
.r1pp::before{content:"";position:absolute;inset:5% -8% auto auto;width:55%;height:55%;background:radial-gradient(circle,rgba(213,168,129,.16),transparent 62%);filter:blur(50px);pointer-events:none;z-index:0}
.r1pp::after{content:"";position:absolute;inset:auto auto 2% -12%;width:62%;height:62%;background:radial-gradient(circle,rgba(86,60,52,.5),transparent 66%);filter:blur(72px);pointer-events:none;z-index:0}

.r1pp__container{position:relative;z-index:1;max-width:760px;margin:0 auto}

/* ── header ──────────────────────────────────── */
.r1pp__header{text-align:center;margin:0 0 clamp(30px,5vw,46px);display:flex;flex-direction:column;align-items:center;gap:14px}
.r1pp__eyebrow{font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--cop-400);margin:0;padding:6px 15px;border:1px solid rgba(213,168,129,.4);border-radius:999px;background:rgba(213,168,129,.08)}
.r1pp.r1pp h2.r1pp__heading.r1pp__heading,
.r1pp.r1pp .r1pp__heading.r1pp__heading{
  font-family:var(--font-display)!important;font-weight:400!important;font-size:var(--fs-h2)!important;
  line-height:1.18!important;letter-spacing:-.01em!important;margin:0!important;padding:0!important;
  text-align:center!important;text-wrap:balance;color:var(--fg)!important;text-transform:none!important;
  text-shadow:none!important;background:transparent!important;-webkit-text-fill-color:var(--fg)!important}
.r1pp p.r1pp__subheading,.r1pp .r1pp__subheading{
  font-family:var(--font-body)!important;font-size:clamp(14px,1.5vw,16px)!important;font-weight:400!important;
  line-height:1.6!important;margin:0!important;padding:0!important;max-width:52ch;color:var(--fg-muted)!important;
  text-align:center!important;-webkit-text-fill-color:var(--fg-muted)!important}

/* ── single card centered ────────────────────── */
.r1pp__grid{display:flex;justify-content:center}
.r1pp__card{
  position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;border-radius:24px;
  background:linear-gradient(180deg,rgba(213,168,129,.07),rgba(255,255,255,.02)),var(--vio-850);
  border:1px solid rgba(213,168,129,.22);
  box-shadow:0 0 0 1px rgba(213,168,129,.10),0 30px 70px -24px rgba(5,3,16,.85),0 0 60px -10px rgba(176,119,100,.16);
  overflow:visible;isolation:isolate}
.r1pp__card::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(180deg,rgba(230,197,168,.75),rgba(213,168,129,0) 58%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:1}
.r1pp__card-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px;padding:clamp(28px,4vw,40px) clamp(22px,3.4vw,36px) clamp(26px,3.4vw,34px)}

/* ── badge "LANÇAMENTO: 16/07" ───────────────── */
.r1pp__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:5}
.r1pp__badge span{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2a160f;background:var(--grad-copper);padding:8px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 24px -6px rgba(176,119,100,.6),inset 0 1px rgba(255,255,255,.5)}
.r1pp__badge svg{width:13px;height:13px}

/* ── selo "SUPER OFERTA DE LANÇAMENTO" (colado · texto no centro) ─ */
.r1pp__seal{position:absolute;top:-28px;right:-20px;width:116px;height:116px;z-index:6;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:var(--grad-copper);transform:rotate(-12deg);box-shadow:0 12px 20px -4px rgba(5,3,16,.6),0 2px 0 rgba(58,31,23,.22),inset 0 0 0 1px rgba(58,31,23,.32);pointer-events:none;animation:r1pp-seal .7s var(--ease-out) both}
.r1pp__seal::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1.4px dashed rgba(58,31,23,.42)}
.r1pp__seal span{position:relative;font-family:var(--font-body);font-weight:800;font-size:10px;line-height:1.28;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;color:#3a1f17;padding:0 6px}
@keyframes r1pp-seal{0%{opacity:0;transform:rotate(-12deg) scale(.55)}60%{transform:rotate(-12deg) scale(1.09)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}

/* ── card head ───────────────────────────────── */
.r1pp__head{display:flex;flex-direction:column;gap:5px;padding-right:78px}
.r1pp.r1pp h3.r1pp__name.r1pp__name,
.r1pp.r1pp .r1pp__name.r1pp__name{
  font-family:var(--font-display)!important;font-weight:600!important;font-size:var(--fs-name)!important;
  line-height:1.16!important;margin:0!important;padding:0!important;color:var(--fg)!important;text-transform:none!important;
  background:transparent!important;-webkit-text-fill-color:var(--fg)!important;text-shadow:none!important}
.r1pp__access{font-family:var(--font-body)!important;font-size:14px!important;font-weight:500!important;color:var(--cop-300)!important;margin:0!important;letter-spacing:.01em;-webkit-text-fill-color:var(--cop-300)!important}

/* ── price block (teaser pré-lançamento · compacto) ── */
.r1pp__price{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:13px 16px;border-radius:14px;border:1px solid rgba(213,168,129,.24);background:linear-gradient(180deg,rgba(213,168,129,.09),rgba(213,168,129,.02))}
.r1pp__price-lock{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--cop-300)}
.r1pp__price-lock svg{width:14px;height:14px;color:var(--cop-400);flex-shrink:0}
.r1pp__price-new{font-family:var(--font-display);font-weight:700;font-size:var(--fs-price);line-height:1;background:var(--grad-copper);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;letter-spacing:.02em}

/* ── features ────────────────────────────────── */
.r1pp__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.r1pp.r1pp li.r1pp__feature,.r1pp.r1pp .r1pp__feature{
  display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;
  font-family:var(--font-body)!important;font-size:14.5px!important;font-weight:400!important;line-height:1.45!important;
  color:var(--fg)!important;margin:0!important;padding:0!important;-webkit-text-fill-color:var(--fg)!important;list-style:none!important}
.r1pp__check{width:20px;height:20px;flex-shrink:0;margin-top:1px;color:var(--cop-400)}

/* ── CTA ─────────────────────────────────────── */
.r1pp.r1pp a.r1pp__cta,.r1pp.r1pp .r1pp__cta{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;
  margin-top:4px;padding:17px 26px;font-family:var(--font-body)!important;font-size:15.5px!important;font-weight:800!important;
  letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;color:#2a160f!important;
  -webkit-text-fill-color:#2a160f!important;background:var(--grad-copper-btn);border:none;border-radius:13px;cursor:pointer;
  box-shadow:0 14px 34px -10px rgba(176,119,100,.7),inset 0 1px rgba(255,255,255,.4);
  transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),filter .22s var(--ease-out)}
.r1pp__cta::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-110%);transition:transform .7s var(--ease-out);pointer-events:none}
.r1pp__cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 42px -10px rgba(176,119,100,.85)}
.r1pp__cta:hover::before{transform:translateX(110%)}
.r1pp__cta>*{position:relative;z-index:1}
.r1pp__cta svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}
.r1pp__cta:hover svg{transform:translateX(4px)}
.r1pp__cta:focus-visible{outline:2px solid var(--cop-300);outline-offset:3px}

/* ── microcopy ───────────────────────────────── */
.r1pp__micro{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-family:var(--font-body);font-size:12.5px;line-height:1.4;color:var(--fg-faint);margin:0}
.r1pp__micro svg{width:14px;height:14px;color:var(--cop-500);flex-shrink:0}

/* ── mobile ──────────────────────────────────── */
@media(max-width:560px){
  .r1pp__head{padding-right:0}
  .r1pp__seal{width:92px;height:92px;top:78px;right:-4px}
  .r1pp__seal span{font-size:8px;padding:0 4px}
  .r1pp__seal::before{inset:5px}
  .r1pp__price{padding-right:64px}
}

@media (prefers-reduced-motion:reduce){
  .r1pp *,.r1pp *::before,.r1pp *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* preview host only */
.r1pp-preview{margin:0;background:#111;min-height:100vh}