/* ===== Bloco CSS extraído 1 ===== */

    :root {
      --black:#030303;
      --black2:#080606;
      --wine:#1c070b;
      --wine2:#321018;
      --gold:#c89a46;
      --gold2:#f0d7a1;
      --copper:#9a5a33;
      --paper:#e8dcc7;
      --muted:#b7aa95;
      --muted2:#887965;
      --line:rgba(200,154,70,.23);
      --line2:rgba(240,215,161,.13);
      --green:#22c55e;
      --shadow:rgba(0,0,0,.58);
      --radius:26px;
    }

    * {
      box-sizing:border-box;
      margin:0;
      padding:0;
      -webkit-tap-highlight-color:transparent;
    }

    html {
      width:100%;
      scroll-behavior:smooth;
      background:var(--black);
      overflow-x:hidden;
    }

    body {
      width:100%;
      max-width:100%;
      min-height:100%;
      overflow-x:hidden;
      background:
        radial-gradient(circle at 20% 0%, rgba(200,154,70,.10), transparent 28%),
        radial-gradient(circle at 86% 12%, rgba(56,16,23,.44), transparent 28%),
        radial-gradient(circle at 50% 112%, rgba(49,16,23,.60), transparent 38%),
        linear-gradient(180deg,#030303 0%,#070505 28%,#140508 62%,#050303 100%);
      color:var(--paper);
      font-family:"Inter", system-ui, sans-serif;
      line-height:1.5;
    }

    body::before {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-3;
      opacity:.13;
      background-image:
        linear-gradient(rgba(240,215,161,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(240,215,161,.06) 1px, transparent 1px);
      background-size:56px 56px;
      mask-image:radial-gradient(circle at 50% 12%, black 0%, transparent 82%);
    }

    body::after {
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-2;
      opacity:.18;
      background:
        linear-gradient(115deg, transparent, rgba(240,215,161,.055), transparent 60%),
        url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.70' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");
      mix-blend-mode:screen;
    }

    a {
      color:inherit;
      text-decoration:none;
    }

    img {
      display:block;
      max-width:100%;
    }

    .container {
      width:min(1120px, calc(100% - 36px));
      margin:0 auto;
    }

    .nav {
      position:fixed;
      top:14px;
      left:50%;
      transform:translateX(-50%);
      z-index:50;
      width:min(1040px, calc(100% - 28px));
      height:62px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:0 12px 0 18px;
      border:1px solid var(--line2);
      border-radius:999px;
      background:rgba(3,3,3,.64);
      backdrop-filter:blur(18px);
      box-shadow:0 18px 54px rgba(0,0,0,.38);
    }

    .brand {
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
      font-family:"Cinzel", serif;
      font-size:.78rem;
      font-weight:700;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--gold2);
      white-space:nowrap;
    }

    .brand-mark {
      width:34px;
      height:34px;
      flex:0 0 auto;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(240,215,161,.28);
      background:
        radial-gradient(circle at 35% 28%, rgba(240,215,161,.25), transparent 30%),
        linear-gradient(135deg,#160a08,#040404);
      box-shadow:inset 0 0 16px rgba(255,255,255,.035);
      color:var(--gold2);
      font-family:"Cormorant Garamond", serif;
      font-size:1.25rem;
      font-weight:700;
    }

    .nav-links {
      display:flex;
      align-items:center;
      gap:18px;
      color:rgba(232,220,199,.62);
      font-size:.70rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .nav-links a:not(.nav-cta) {
      transition:.22s ease;
    }

    .nav-links a:not(.nav-cta):hover {
      color:var(--gold2);
    }

    .nav-cta, .btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:44px;
      padding:0 18px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.11);
      background:linear-gradient(135deg,#f0d7a1,#b87935);
      color:#160d06;
      font-family:"Cinzel", serif;
      font-size:.70rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
      box-shadow:0 16px 38px rgba(0,0,0,.30), 0 0 0 1px rgba(200,154,70,.08) inset;
      transition:transform .25s ease, filter .25s ease;
      text-align:center;
      white-space:nowrap;
    }

    .btn:hover, .nav-cta:hover {
      transform:translateY(-2px);
      filter:brightness(1.05);
    }

    .btn.dark {
      background:rgba(240,215,161,.06);
      color:var(--gold2);
      border-color:rgba(240,215,161,.18);
      box-shadow:none;
    }

    .hero {
      min-height:100svh;
      display:grid;
      align-items:center;
      padding:112px 0 70px;
      position:relative;
      overflow:hidden;
    }

    .hero::before {
      content:"";
      position:absolute;
      width:620px;
      height:620px;
      right:-180px;
      top:60px;
      border:1px solid rgba(240,215,161,.08);
      border-radius:50%;
      transform:rotate(-12deg);
      opacity:.65;
    }

    .hero::after {
      content:"";
      position:absolute;
      inset:auto -10% -20% auto;
      width:70%;
      height:58%;
      background:radial-gradient(circle, rgba(200,154,70,.14), transparent 62%);
      z-index:-1;
    }

    .hero-grid {
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:54px;
      align-items:center;
    }

    .kicker {
      display:inline-flex;
      align-items:center;
      gap:12px;
      margin-bottom:16px;
      color:var(--gold);
      font-family:"Cinzel", serif;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .kicker::before {
      content:"";
      width:42px;
      height:1px;
      background:currentColor;
      opacity:.65;
    }

    h1,h2,h3 {
      font-family:"Cormorant Garamond", serif;
      font-weight:700;
      letter-spacing:-.035em;
    }

    h1 {
      max-width:720px;
      margin:0 0 18px;
      font-size:clamp(3rem, 5.4vw, 5.7rem);
      line-height:.88;
      color:#f6f1e9;
      text-shadow:0 20px 50px rgba(0,0,0,.65);
    }

    .mark {
      color:var(--gold2);
      font-style:italic;
      font-weight:700;
    }

    .lead {
      max-width:640px;
      color:rgba(232,220,199,.74);
      font-size:clamp(1rem,1.4vw,1.18rem);
      line-height:1.72;
      margin-bottom:24px;
    }

    .hero-actions {
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin:25px 0 18px;
    }

    .micro {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      color:rgba(232,220,199,.57);
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.06em;
      text-transform:uppercase;
    }

    .micro span {
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(240,215,161,.12);
      background:rgba(255,255,255,.025);
    }

    .visual-stage {
      position:relative;
      min-height:590px;
      display:grid;
      place-items:center;
      perspective:1200px;
    }

    .visual-stage::before {
      content:"";
      position:absolute;
      inset:8% 0 2%;
      border-radius:34px;
      border:1px solid rgba(240,215,161,.14);
      background:
        radial-gradient(circle at 50% 16%, rgba(240,215,161,.10), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.035), rgba(0,0,0,.18));
      box-shadow:0 35px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);
    }

    .book-wrap {
      position:relative;
      width:min(470px, 100%);
      transform-style:preserve-3d;
      animation:bookFloat 6s ease-in-out infinite;
    }

    .book-wrap::before {
      content:"";
      position:absolute;
      left:50%;
      bottom:-28px;
      width:74%;
      height:44px;
      transform:translateX(-50%);
      border-radius:50%;
      background:rgba(0,0,0,.78);
      filter:blur(22px);
      z-index:-1;
    }

    .book-cover {
      position:relative;
      overflow:hidden;
      border-radius:20px;
      border:1px solid rgba(240,215,161,.25);
      background:#000;
      box-shadow:0 42px 100px rgba(0,0,0,.70), 0 0 42px rgba(200,154,70,.08);
      transform:rotateY(-8deg) rotateZ(-1deg);
    }

    .book-cover img {
      width:100%;
      height:auto;
      filter:saturate(1.02) contrast(1.04);
    }

    .price-seal {
      position:absolute;
      left:-18px;
      bottom:34px;
      width:118px;
      height:118px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(80,46,18,.20);
      background:
        radial-gradient(circle at 32% 24%, #fff0bd, #d4af6a 42%, #a8662c 100%);
      color:#180d05;
      box-shadow:0 24px 46px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.16);
      transform:rotate(-8deg);
      text-align:center;
      z-index:5;
    }

    .price-seal small {
      display:block;
      font-size:.78rem;
      font-family:"Cinzel", serif;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .price-seal strong {
      display:block;
      font-family:"Cormorant Garamond", serif;
      font-size:2.45rem;
      line-height:.85;
    }

    .floating-note {
      position:absolute;
      right:-24px;
      top:24px;
      max-width:182px;
      padding:14px 15px;
      border:1px solid rgba(240,215,161,.16);
      border-radius:18px;
      background:rgba(2,2,2,.70);
      backdrop-filter:blur(12px);
      color:rgba(232,220,199,.74);
      font-size:.78rem;
      line-height:1.45;
      box-shadow:0 18px 42px rgba(0,0,0,.34);
    }

    .floating-note strong {
      display:block;
      color:var(--gold2);
      font-family:"Cinzel", serif;
      font-size:.66rem;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:4px;
    }

    .section {
      padding:88px 0;
      position:relative;
    }

    .center {
      text-align:center;
    }

    .section-title {
      max-width:780px;
      margin:0 auto 18px;
      font-size:clamp(2.15rem,4.2vw,4.6rem);
      line-height:.98;
      color:#f6f1e9;
    }

    .section-lead {
      max-width:760px;
      margin:0 auto;
      color:rgba(232,220,199,.70);
      font-size:1.04rem;
      line-height:1.75;
    }

    .editorial-strip {
      border-block:1px solid var(--line);
      background:
        linear-gradient(90deg, transparent, rgba(240,215,161,.06), transparent),
        rgba(255,255,255,.018);
      padding:28px 0;
      text-align:center;
      overflow:hidden;
    }

    .editorial-strip p {
      color:rgba(232,220,199,.82);
      font-family:"Cormorant Garamond", serif;
      font-size:clamp(1.18rem,2.2vw,1.8rem);
      line-height:1.35;
    }

    .editorial-strip em {
      color:var(--gold2);
      font-style:italic;
    }

    .benefits {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:38px;
    }

    .benefit {
      min-height:238px;
      padding:26px 24px;
      border:1px solid rgba(240,215,161,.13);
      border-radius:24px;
      background:
        radial-gradient(circle at 18% 10%, rgba(200,154,70,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.10));
      box-shadow:0 22px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
      position:relative;
      overflow:hidden;
    }

    .benefit::after {
      content:"";
      position:absolute;
      inset:14px;
      border:1px solid rgba(240,215,161,.07);
      border-radius:18px;
      pointer-events:none;
    }

    .benefit span {
      display:grid;
      place-items:center;
      width:42px;
      height:42px;
      border-radius:50%;
      border:1px solid rgba(240,215,161,.18);
      background:rgba(240,215,161,.06);
      color:var(--gold2);
      font-family:"Cinzel", serif;
      font-weight:800;
      margin-bottom:18px;
    }

    .benefit h3 {
      font-family:"Cinzel", serif;
      font-size:.94rem;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#f6f1e9;
      margin-bottom:10px;
    }

    .benefit p {
      color:rgba(232,220,199,.65);
      font-size:.94rem;
      line-height:1.65;
    }

    .split {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:52px;
      align-items:center;
    }

    .mock-scene {
      min-height:500px;
      position:relative;
      display:grid;
      place-items:center;
      border-radius:34px;
      border:1px solid rgba(240,215,161,.13);
      background:
        radial-gradient(circle at 50% 22%, rgba(240,215,161,.12), transparent 30%),
        linear-gradient(180deg, rgba(18,9,10,.85), rgba(0,0,0,.85));
      box-shadow:0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04);
      overflow:hidden;
    }

    .mock-scene::before {
      content:"";
      position:absolute;
      inset:22px;
      border:1px solid rgba(240,215,161,.08);
      border-radius:24px;
    }

    .mock-scene::after {
      content:"";
      position:absolute;
      left:50%;
      bottom:68px;
      width:62%;
      height:34px;
      transform:translateX(-50%);
      border-radius:50%;
      background:rgba(0,0,0,.75);
      filter:blur(16px);
    }

    .mock-book {
      position:relative;
      z-index:3;
      width:245px;
      aspect-ratio:3/4.15;
      transform:rotateY(-15deg) rotateZ(-3deg);
      border-radius:10px 18px 18px 10px;
      box-shadow:32px 34px 70px rgba(0,0,0,.62), 0 0 42px rgba(200,154,70,.10);
      animation:bookFloat 6.3s ease-in-out infinite;
    }

    .mock-book img {
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:10px 18px 18px 10px;
      border:1px solid rgba(240,215,161,.25);
    }

    .mock-book::before {
      content:"";
      position:absolute;
      z-index:-1;
      left:-18px;
      top:9px;
      width:30px;
      height:calc(100% - 18px);
      border-radius:8px 0 0 8px;
      background:linear-gradient(90deg,#050505,#1a0d0a,#050505);
      border:1px solid rgba(240,215,161,.16);
      transform:rotateY(-50deg);
      transform-origin:right center;
    }

    .reader {
      position:absolute;
      z-index:2;
      width:160px;
      height:210px;
      border-radius:24px;
      border:1px solid rgba(240,215,161,.13);
      background:
        radial-gradient(circle at 50% 18%, rgba(232,220,199,.24), transparent 15%),
        linear-gradient(180deg, rgba(29,17,13,.95), rgba(3,3,3,.95));
      opacity:.62;
      box-shadow:0 22px 54px rgba(0,0,0,.42);
      overflow:hidden;
    }

    .reader::before {
      content:"";
      position:absolute;
      left:50%;
      top:25px;
      width:58px;
      height:58px;
      transform:translateX(-50%);
      border-radius:50%;
      background:radial-gradient(circle at 36% 30%, rgba(232,220,199,.60), rgba(130,82,52,.36) 44%, transparent 72%);
    }

    .reader::after {
      content:"";
      position:absolute;
      left:50%;
      bottom:38px;
      width:108px;
      height:72px;
      transform:translateX(-50%) rotate(-5deg);
      border-radius:7px;
      background:linear-gradient(90deg, rgba(232,220,199,.18) 0 49%, rgba(0,0,0,.35) 50%, rgba(232,220,199,.14) 51% 100%);
      border:1px solid rgba(240,215,161,.12);
    }

    .reader.one {
      left:34px;
      bottom:54px;
      transform:rotate(-7deg) scale(.88);
    }

    .reader.two {
      right:26px;
      bottom:42px;
      transform:rotate(6deg) scale(.82);
      opacity:.48;
    }

    .copy h2 {
      font-size:clamp(2.2rem,4vw,4.3rem);
      line-height:1;
      margin-bottom:18px;
      color:#f6f1e9;
    }

    .copy p {
      color:rgba(232,220,199,.70);
      line-height:1.78;
      margin-bottom:16px;
      font-size:1.02rem;
    }

    .list {
      display:grid;
      gap:12px;
      margin:22px 0;
    }

    .list li {
      list-style:none;
      display:flex;
      gap:10px;
      color:rgba(232,220,199,.70);
      line-height:1.55;
    }

    .list li::before {
      content:"✦";
      flex:0 0 auto;
      color:var(--gold2);
    }

    .phrase-grid {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      margin-top:34px;
    }

    .phrase {
      padding:22px;
      border-radius:20px;
      border:1px solid rgba(240,215,161,.13);
      background:rgba(255,255,255,.025);
    }

    .phrase strong {
      display:block;
      color:var(--gold);
      font-family:"Cinzel", serif;
      font-size:.70rem;
      letter-spacing:.13em;
      text-transform:uppercase;
      margin-bottom:8px;
    }

    .phrase p {
      color:rgba(232,220,199,.68);
      line-height:1.55;
    }

    .phrase.good {
      background:rgba(200,154,70,.075);
      border-color:rgba(240,215,161,.22);
    }

    .phrase.good p {
      color:#f6f1e9;
    }

    .offer {
      position:relative;
      overflow:hidden;
      border:1px solid rgba(240,215,161,.22);
      border-radius:34px;
      background:
        radial-gradient(circle at 80% 20%, rgba(200,154,70,.14), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.05), rgba(0,0,0,.18));
      box-shadow:0 30px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
      padding:44px;
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:40px;
      align-items:center;
    }

    .offer::before {
      content:"";
      position:absolute;
      inset:18px;
      border:1px solid rgba(240,215,161,.08);
      border-radius:24px;
      pointer-events:none;
    }

    .pricebox {
      position:relative;
      z-index:2;
      text-align:center;
      border:1px solid rgba(240,215,161,.18);
      border-radius:26px;
      background:rgba(2,2,2,.72);
      padding:34px 24px;
      box-shadow:0 22px 60px rgba(0,0,0,.28);
    }

    .pricebox small {
      display:block;
      color:rgba(232,220,199,.58);
      text-transform:uppercase;
      letter-spacing:.12em;
      font-weight:800;
    }

    .old {
      display:inline-block;
      margin-top:14px;
      color:rgba(232,220,199,.45);
      text-decoration:line-through;
    }

    .price {
      margin:4px 0 12px;
      font-family:"Cormorant Garamond", serif;
      font-size:clamp(4rem,7vw,6rem);
      line-height:.9;
      color:var(--gold2);
      text-shadow:0 0 24px rgba(200,154,70,.12);
    }

    .faq {
      max-width:900px;
      margin:34px auto 0;
      display:grid;
      gap:12px;
    }

    details {
      border:1px solid rgba(240,215,161,.13);
      border-radius:18px;
      background:rgba(255,255,255,.022);
      padding:18px 20px;
    }

    summary {
      cursor:pointer;
      list-style:none;
      color:#f6f1e9;
      font-weight:800;
      font-size:.82rem;
      letter-spacing:.09em;
      text-transform:uppercase;
    }

    summary::-webkit-details-marker {
      display:none;
    }

    details p {
      color:rgba(232,220,199,.68);
      margin-top:12px;
      line-height:1.65;
    }

    .final {
      padding:70px 0 112px;
      text-align:center;
      border-top:1px solid rgba(240,215,161,.10);
    }

    .final h2 {
      max-width:780px;
      margin:0 auto 18px;
      font-size:clamp(2.15rem,4.5vw,4.7rem);
      line-height:.97;
      color:#f6f1e9;
    }

    .final p {
      max-width:700px;
      margin:0 auto 26px;
      color:rgba(232,220,199,.68);
      line-height:1.72;
    }

    .sticky {
      position:fixed;
      left:50%;
      bottom:16px;
      transform:translateX(-50%);
      z-index:55;
      width:min(720px, calc(100% - 24px));
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding:10px 10px 10px 16px;
      border-radius:999px;
      border:1px solid rgba(240,215,161,.17);
      background:rgba(3,3,3,.76);
      backdrop-filter:blur(16px);
      box-shadow:0 18px 70px rgba(0,0,0,.50);
    }

    .sticky span {
      color:rgba(232,220,199,.64);
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.07em;
      text-transform:uppercase;
    }

    .reveal {
      opacity:0;
      transform:translateY(22px);
      transition:opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1);
      will-change:opacity,transform;
    }

    .reveal.show {
      opacity:1;
      transform:translateY(0);
    }

    @keyframes bookFloat {
      0%,100% { transform:translateY(0); }
      50% { transform:translateY(-12px); }
    }

    @media (max-width:980px) {
      .nav-links a:not(.nav-cta) {
        display:none;
      }

      .hero-grid,
      .split,
      .offer {
        grid-template-columns:1fr;
      }

      .hero-grid {
        gap:34px;
      }

      .hero-copy {
        order:1;
        text-align:center;
      }

      .hero-copy .kicker {
        justify-content:center;
      }

      .hero-copy .lead {
        margin-inline:auto;
      }

      .hero-actions {
        justify-content:center;
      }

      .micro {
        justify-content:center;
      }

      .visual-stage {
        order:2;
        min-height:auto;
        padding:16px 0 0;
      }

      .book-wrap {
        width:min(390px, 88vw);
      }

      .benefits {
        grid-template-columns:1fr 1fr;
      }

      .phrase-grid {
        grid-template-columns:1fr;
      }

      .mock-scene {
        min-height:420px;
      }
    }

    @media (max-width:640px) {
      .container {
        width:min(100% - 22px, 1120px);
      }

      .nav {
        top:10px;
        height:56px;
        width:calc(100% - 20px);
        padding:0 9px 0 12px;
      }

      .brand {
        font-size:.62rem;
        letter-spacing:.09em;
        max-width:56%;
        overflow:hidden;
        text-overflow:ellipsis;
      }

      .brand-mark {
        width:30px;
        height:30px;
        font-size:1.05rem;
      }

      .nav-cta {
        min-height:38px;
        padding:0 12px;
        font-size:.58rem;
        letter-spacing:.07em;
      }

      .hero {
        min-height:auto;
        padding:88px 0 46px;
      }

      .hero::before {
        width:360px;
        height:360px;
        right:-170px;
        top:84px;
        opacity:.42;
      }

      .kicker {
        font-size:.62rem;
        letter-spacing:.13em;
        margin-bottom:12px;
      }

      .kicker::before {
        width:24px;
      }

      h1 {
        font-size:clamp(2.5rem, 13vw, 3.6rem);
        line-height:.91;
        letter-spacing:-.055em;
      }

      .lead {
        font-size:.96rem;
        line-height:1.62;
      }

      .hero-actions {
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
      }

      .btn {
        width:100%;
        min-height:46px;
        white-space:normal;
      }

      .micro {
        display:grid;
        grid-template-columns:1fr 1fr;
        font-size:.62rem;
      }

      .visual-stage::before {
        display:none;
      }

      .book-wrap {
        width:min(330px, 92vw);
      }

      .book-cover {
        border-radius:16px;
      }

      .price-seal {
        width:88px;
        height:88px;
        left:-6px;
        bottom:18px;
      }

      .price-seal strong {
        font-size:1.7rem;
      }

      .price-seal small {
        font-size:.62rem;
      }

      .floating-note {
        position:relative;
        right:auto;
        top:auto;
        margin:12px auto 0;
        max-width:300px;
        text-align:center;
      }

      .section {
        padding:62px 0;
      }

      .section-title {
        font-size:clamp(2.05rem, 10vw, 3rem);
      }

      .section-lead {
        font-size:.96rem;
        line-height:1.62;
      }

      .editorial-strip {
        padding:22px 0;
      }

      .editorial-strip p {
        font-size:1.18rem;
      }

      .benefits {
        grid-template-columns:1fr;
        gap:14px;
        margin-top:26px;
      }

      .benefit {
        min-height:auto;
        padding:22px 18px;
        border-radius:20px;
      }

      .split {
        gap:28px;
      }

      .mock-scene {
        min-height:390px;
        border-radius:24px;
      }

      .mock-book {
        width:190px;
      }

      .reader {
        width:112px;
        height:150px;
      }

      .reader.one {
        left:12px;
        bottom:42px;
      }

      .reader.two {
        right:8px;
        bottom:28px;
      }

      .copy h2 {
        font-size:clamp(2rem, 10vw, 3rem);
      }

      .copy p {
        font-size:.95rem;
        line-height:1.65;
      }

      .offer {
        padding:24px 16px;
        border-radius:24px;
        gap:24px;
      }

      .pricebox {
        padding:26px 16px;
      }

      .price {
        font-size:clamp(3.6rem, 19vw, 5rem);
      }

      details {
        padding:16px;
      }

      summary {
        font-size:.75rem;
        line-height:1.35;
      }

      .final {
        padding:58px 0 132px;
      }

      .final h2 {
        font-size:clamp(2rem, 10vw, 3rem);
      }

      .sticky {
        left:10px;
        right:10px;
        bottom:10px;
        transform:none;
        width:auto;
        display:grid;
        grid-template-columns:1fr;
        border-radius:18px;
        padding:10px;
      }

      .sticky span {
        text-align:center;
        font-size:.66rem;
      }

      .sticky .btn {
        min-height:42px;
      }
    }

    @media (max-width:380px) {
      .micro {
        grid-template-columns:1fr;
      }

      h1 {
        font-size:2.34rem;
      }

      .book-wrap {
        width:min(300px, 91vw);
      }
    }
  

/* ===== Bloco CSS extraído 2 ===== */

    /* ===== REFINO FINAL MOBILE — estética premium, proporções e checkout ===== */
    @media (max-width: 760px) {
      html,
      body {
        background: #030303 !important;
        overflow-x: hidden !important;
      }

      body {
        background:
          radial-gradient(circle at 50% 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,.94) 22%, transparent 48%),
          radial-gradient(circle at 18% 30%, rgba(50,16,24,.34), transparent 32%),
          radial-gradient(circle at 92% 70%, rgba(70,22,30,.38), transparent 36%),
          linear-gradient(180deg, #000000 0%, #030202 20%, #100407 48%, #220911 78%, #070303 100%) !important;
      }

      body::before {
        opacity: .045 !important;
        background-size: 42px 42px !important;
      }

      body::after {
        opacity: .105 !important;
      }

      .container {
        width: min(100% - 22px, 1120px) !important;
      }

      .nav {
        top: 10px !important;
        width: calc(100% - 20px) !important;
        height: 58px !important;
        padding: 0 9px 0 12px !important;
        border-radius: 999px !important;
        background: rgba(0,0,0,.78) !important;
        border-color: rgba(240,215,161,.18) !important;
        box-shadow: 0 16px 48px rgba(0,0,0,.48) !important;
      }

      .brand {
        max-width: 52% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: .60rem !important;
        letter-spacing: .08em !important;
      }

      .brand-mark {
        width: 30px !important;
        height: 30px !important;
        font-size: 1.04rem !important;
      }

      .nav-cta {
        min-height: 38px !important;
        padding: 0 12px !important;
        font-size: .56rem !important;
        letter-spacing: .07em !important;
      }

      .hero {
        min-height: auto !important;
        padding: 88px 0 42px !important;
        overflow: hidden !important;
      }

      .hero::before {
        width: 330px !important;
        height: 330px !important;
        right: -180px !important;
        top: 70px !important;
        opacity: .36 !important;
      }

      .hero::after {
        inset: auto -30% -12% auto !important;
        width: 100% !important;
        height: 42% !important;
        opacity: .60 !important;
      }

      .hero-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
      }

      .hero-copy {
        text-align: center !important;
        order: 1 !important;
      }

      .hero-copy .kicker {
        justify-content: center !important;
      }

      .kicker {
        font-size: .60rem !important;
        letter-spacing: .12em !important;
        margin-bottom: 12px !important;
      }

      .kicker::before {
        width: 22px !important;
      }

      h1 {
        max-width: 360px !important;
        margin-inline: auto !important;
        font-size: clamp(2.35rem, 12.4vw, 3.65rem) !important;
        line-height: .91 !important;
        letter-spacing: -.055em !important;
      }

      .lead {
        max-width: 350px !important;
        margin-inline: auto !important;
        font-size: .95rem !important;
        line-height: 1.62 !important;
        color: rgba(232,220,199,.74) !important;
      }

      .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 20px 0 14px !important;
      }

      .btn {
        width: 100% !important;
        min-height: 48px !important;
        border-radius: 999px !important;
        font-size: .66rem !important;
        letter-spacing: .075em !important;
        white-space: normal !important;
      }

      .micro {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 7px !important;
        max-width: 350px !important;
        margin-inline: auto !important;
        font-size: .58rem !important;
      }

      .micro span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 7px 6px !important;
      }

      .visual-stage {
        order: 2 !important;
        min-height: auto !important;
        padding: 4px 0 0 !important;
        perspective: 900px !important;
      }

      .visual-stage::before {
        display: block !important;
        inset: 9% 0 0 !important;
        border-radius: 24px !important;
        background:
          radial-gradient(circle at 50% 14%, rgba(240,215,161,.10), transparent 30%),
          linear-gradient(135deg, rgba(255,255,255,.025), rgba(0,0,0,.12)) !important;
        box-shadow: 0 24px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.035) !important;
      }

      .book-wrap {
        width: min(330px, 91vw) !important;
        margin: 0 auto !important;
      }

      .book-cover {
        border-radius: 16px !important;
        transform: rotateY(-5deg) rotateZ(-1deg) !important;
      }

      .book-cover img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
      }

      .price-seal {
        width: 86px !important;
        height: 86px !important;
        left: -4px !important;
        bottom: 18px !important;
      }

      .price-seal small {
        font-size: .60rem !important;
      }

      .price-seal strong {
        font-size: 1.68rem !important;
      }

      .floating-note {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        max-width: 320px !important;
        margin: 12px auto 0 !important;
        padding: 12px 14px !important;
        text-align: center !important;
        border-radius: 16px !important;
        background: rgba(0,0,0,.62) !important;
      }

      .editorial-strip {
        padding: 20px 0 !important;
      }

      .editorial-strip p {
        font-size: 1.12rem !important;
        line-height: 1.38 !important;
      }

      .section {
        padding: 58px 0 !important;
        overflow: hidden !important;
      }

      .section-title {
        max-width: 360px !important;
        font-size: clamp(2rem, 10.2vw, 3rem) !important;
        line-height: .98 !important;
      }

      .section-lead {
        max-width: 350px !important;
        font-size: .94rem !important;
        line-height: 1.62 !important;
      }

      .benefits {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin-top: 26px !important;
      }

      .benefit {
        min-height: auto !important;
        padding: 20px 18px !important;
        border-radius: 21px !important;
        background:
          radial-gradient(circle at 18% 10%, rgba(200,154,70,.10), transparent 30%),
          linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.13)) !important;
      }

      .split {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
      }

      .mock-scene {
        min-height: 390px !important;
        border-radius: 25px !important;
        background:
          radial-gradient(circle at 50% 20%, rgba(240,215,161,.12), transparent 30%),
          linear-gradient(180deg, rgba(18,9,10,.86), rgba(0,0,0,.88)) !important;
      }

      .mock-scene::before {
        inset: 12px !important;
        border-radius: 18px !important;
      }

      .mock-book {
        width: min(194px, 54vw) !important;
        transform: rotateY(-9deg) rotateZ(-2deg) !important;
      }

      .mock-book img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
      }

      .reader {
        width: 110px !important;
        height: 148px !important;
        opacity: .56 !important;
      }

      .reader.one {
        left: 8px !important;
        bottom: 40px !important;
        transform: rotate(-7deg) scale(.82) !important;
      }

      .reader.two {
        right: 4px !important;
        bottom: 28px !important;
        transform: rotate(6deg) scale(.76) !important;
      }

      .copy {
        text-align: left !important;
      }

      .copy h2 {
        font-size: clamp(2rem, 10vw, 3rem) !important;
        line-height: 1 !important;
      }

      .copy p {
        font-size: .95rem !important;
        line-height: 1.65 !important;
      }

      .list {
        gap: 10px !important;
      }

      .list li {
        font-size: .92rem !important;
      }

      .phrase-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .phrase {
        padding: 17px !important;
        border-radius: 17px !important;
      }

      .offer {
        grid-template-columns: 1fr !important;
        padding: 22px 15px !important;
        border-radius: 25px !important;
        gap: 22px !important;
      }

      .offer::before {
        inset: 10px !important;
        border-radius: 18px !important;
      }

      .pricebox {
        padding: 24px 15px !important;
        border-radius: 20px !important;
      }

      .price {
        font-size: clamp(3.6rem, 19vw, 5rem) !important;
      }

      details {
        padding: 16px !important;
        border-radius: 16px !important;
      }

      summary {
        font-size: .72rem !important;
        line-height: 1.38 !important;
      }

      details p {
        font-size: .92rem !important;
      }

      .final {
        padding: 56px 0 134px !important;
      }

      .final h2 {
        max-width: 350px !important;
        font-size: clamp(2rem, 10vw, 3rem) !important;
      }

      .final p {
        max-width: 350px !important;
        font-size: .95rem !important;
      }

      .sticky {
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        transform: none !important;
        width: auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px !important;
        border-radius: 18px !important;
        background: rgba(0,0,0,.86) !important;
      }

      .sticky span {
        text-align: center !important;
        font-size: .62rem !important;
        line-height: 1.28 !important;
      }

      .sticky .btn {
        min-height: 42px !important;
      }
    }

    @media (max-width: 380px) {
      .container {
        width: calc(100% - 18px) !important;
      }

      h1 {
        font-size: 2.25rem !important;
      }

      .micro {
        grid-template-columns: 1fr !important;
      }

      .book-wrap {
        width: min(298px, 90vw) !important;
      }

      .mock-book {
        width: min(178px, 52vw) !important;
      }

      .reader {
        width: 98px !important;
        height: 135px !important;
      }
    }
  

/* ===== Bloco CSS extraído 3 ===== */

    /* Ajuste de ordem mobile: primeiro o mockup, depois texto e botões */
    @media (max-width: 760px) {
      .hero-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
      }

      .visual-stage {
        order: 1 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
      }

      .hero-copy {
        order: 2 !important;
        text-align: center !important;
      }

      .hero {
        padding-top: 82px !important;
      }

      .visual-stage::before {
        inset: 4% 0 0 !important;
      }

      .book-wrap {
        width: min(318px, 90vw) !important;
      }

      .floating-note {
        display: none !important;
      }

      .price-seal {
        width: 82px !important;
        height: 82px !important;
        left: 0 !important;
        bottom: 14px !important;
      }

      .hero-copy .kicker {
        margin-top: 8px !important;
      }

      h1 {
        margin-top: 0 !important;
      }
    }

    @media (max-width: 380px) {
      .book-wrap {
        width: min(292px, 89vw) !important;
      }

      .hero {
        padding-top: 78px !important;
      }
    }
  

/* ===== Bloco CSS extraído 4 ===== */

    /* ===== Ajuste simples de oferta promocional e cronômetro ===== */
    .old-prices {
      display:flex;
      justify-content:center;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
      color:rgba(232,220,199,.45);
      font-size:.92rem;
      font-weight:800;
    }

    .old-prices span {
      text-decoration:line-through;
      text-decoration-thickness:2px;
      text-decoration-color:rgba(240,215,161,.65);
    }

    .promo-alert {
      margin:10px auto 14px;
      max-width:420px;
      padding:12px 14px;
      border:1px solid rgba(240,215,161,.24);
      border-radius:16px;
      background:rgba(200,154,70,.075);
      color:#f6f1e9;
      font-size:.75rem;
      font-weight:900;
      line-height:1.45;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .promo-alert strong {
      color:var(--gold2);
    }

    .countdown {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:8px;
      margin:0 auto 18px;
      max-width:360px;
    }

    .countdown-box {
      padding:9px 6px;
      border:1px solid rgba(240,215,161,.16);
      border-radius:14px;
      background:rgba(0,0,0,.36);
    }

    .countdown-box strong {
      display:block;
      color:var(--gold2);
      font-family:"Cinzel", serif;
      font-size:1.05rem;
      line-height:1;
    }

    .countdown-box span {
      display:block;
      margin-top:4px;
      color:rgba(232,220,199,.56);
      font-size:.58rem;
      font-weight:900;
      letter-spacing:.09em;
      text-transform:uppercase;
    }

    .sticky .promo-mini {
      color:var(--gold2);
    }

    @media (max-width:760px) {
      .promo-alert {
        font-size:.66rem !important;
        padding:11px 10px !important;
      }

      .countdown {
        gap:6px !important;
        max-width:310px !important;
      }

      .countdown-box {
        padding:8px 4px !important;
        border-radius:12px !important;
      }

      .countdown-box strong {
        font-size:.96rem !important;
      }

      .countdown-box span {
        font-size:.50rem !important;
      }
    }