/* Família Atípica: folha de estilo única (v4). Injetada inline em index, direitos, termos e privacidade
   pelo build-v4.ps1 e carregada como arquivo por obrigado, depoimento e painel (?v=3).
   Celular (até 46rem) mantém o layout validado da v3; as regras de tablet e computador vêm depois. */
:root{--ink:#1B2A4A;--muted:#46557A;--paper:#FFFFFF;--wash:#EEF3FA;--line:#D6DEEC;--sun:#FFC845;--leaf:#3BAA7A;--sky:#4F86E8;--rose:#EE7FA0;--cta:#0A7A5C;--cta-ink:#FFFFFF;--focus:#1F5FD6;--err:#B3261E;--max:74rem;--gutter:1.25rem}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.55}
a{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
img{max-width:100%}
.wrap{max-width:38rem;margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:38rem}
header.top{max-width:38rem;margin:0 auto;padding:.85rem var(--gutter) 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}
header.top .brand{font-weight:800;font-size:.95rem;color:var(--muted);text-decoration:none}
header.top .jump{font-weight:700;font-size:.95rem;color:var(--cta)}
header.top .cta{display:none}
h1{font-size:1.7rem;line-height:1.15;margin:.4rem 0 .6rem;letter-spacing:-.01em;font-weight:800}
h2{font-size:1.45rem;line-height:1.2;margin:0 0 .4rem;font-weight:800}
h3{font-size:1.15rem;line-height:1.25;margin:0 0 .35rem;font-weight:800}
p{margin:0 0 1rem}
.lead{font-size:1.03rem;color:var(--muted)}
.sub{color:var(--muted);margin:0 0 1.1rem}
.eyebrow{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 .2rem}
section{padding:2.25rem 0}
section.tint{background:var(--wash)}
section.rule{border-top:2px solid var(--line)}
.hero{padding:.6rem 0 1.75rem}
.hero-visual{margin:0}
.buy{background:var(--wash);border:2px solid var(--line);border-radius:16px;padding:1rem}
.price{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .75rem}
.price b{font-size:2.1rem;font-weight:800;line-height:1}
.price span{font-size:.95rem;color:var(--muted)}
.btn{display:block;width:100%;text-align:center;background:var(--cta);color:var(--cta-ink);text-decoration:none;font-weight:800;font-size:1.18rem;padding:1rem 1.1rem;border-radius:12px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{filter:brightness(1.08)}
.facts{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.5rem;font-size:.95rem}
.facts li{display:flex;gap:.6rem;align-items:flex-start}
.facts svg{flex-shrink:0;margin-top:.15rem}
.fine{font-size:.95rem;color:var(--muted);margin:.75rem 0 0}
.strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;margin:1.1rem 0 .35rem;list-style:none;padding:0}
.card{background:#fff;border:2px solid var(--ink);border-radius:10px;overflow:hidden;text-align:center;font-size:.7rem;font-weight:700}
.card .band{height:6px}
.card svg{display:block;width:72%;height:auto;margin:.3rem auto .05rem}
.card span{display:block;padding:0 .1rem .4rem}
.caption{font-size:.85rem;color:var(--muted);margin:0}
.sheet{position:relative;border:2px dashed var(--muted);border-radius:18px;padding:1.1rem .85rem .85rem;background:#fff;display:grid;gap:.75rem}
.sheet .cut{position:absolute;top:-13px;left:1.4rem;background:#fff;padding:0 .15rem}
.pdf{border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}
.pdf .band{height:8px}
.pdf .in{padding:.75rem .9rem .9rem}
.pdf .job{margin:0 0 .1rem;font-size:.88rem;font-weight:700;color:var(--muted)}
.pdf.bonus{border-style:dashed;border-color:var(--muted)}
.gains{display:grid;gap:.75rem;margin:0 0 .25rem}
.gain{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.gain .band{height:6px}
.gain .in{padding:.8rem .9rem .9rem}
.gain .job{margin:0 0 .15rem;font-size:.85rem;font-weight:700;color:var(--muted)}
.gain h3{font-size:1.08rem;margin:0 0 .35rem}
.gain p:last-child{margin:0;font-size:.97rem}
.tagb{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--sun);border-radius:999px;padding:.1rem .5rem;margin-right:.35rem;vertical-align:middle}
.pdf p:last-child{margin:0}
ol.num{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
ol.num li{display:flex;gap:.75rem;align-items:flex-start}
ol.num .n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}
.prints{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}
.prints figure{margin:0;flex-shrink:0;width:min(70vw,240px);scroll-snap-align:start}
.prints img{display:block;width:100%;height:auto;border:2px solid var(--line);border-radius:10px;background:var(--wash)}
.prints figcaption{font-size:.9rem;color:var(--muted);margin-top:.35rem}
.depos{display:grid;gap:.75rem}
.depo{margin:0;padding:.9rem 1rem;background:#fff;border:2px solid var(--line);border-radius:12px}
.depo blockquote{margin:0 0 .6rem;font-size:1.03rem}
.depo figcaption{display:grid;gap:.1rem;font-size:.9rem}
.depo .who{font-weight:700}
.depo .ver{display:flex;gap:.35rem;align-items:center;color:var(--cta);font-weight:700}
.list{margin:0 0 1.1rem;padding-left:1.25rem;display:grid;gap:.4rem}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0 0 .5rem}
.stats div{background:#fff;border-radius:12px;padding:.75rem .9rem}
.stats b{display:block;font-size:1.9rem;font-weight:800;line-height:1.1}
.stats span{display:block;font-size:.9rem;line-height:1.35;color:var(--muted)}
.small{font-size:.85rem;color:var(--muted)}
.kit{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.kit li{display:flex;gap:.6rem}
.kit i{flex-shrink:0;width:12px;height:12px;margin-top:.45rem;border-radius:3px;border:2px solid var(--ink)}
details{border-top:2px solid var(--line);padding:.9rem 0}
details:last-of-type{border-bottom:2px solid var(--line)}
summary{font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:2rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:-.1rem;font-size:1.4rem;line-height:1}
details[open] summary::after{content:"\2212"}
details p{margin:.6rem 0 0}
footer{padding:1.75rem 0 7rem;font-size:.9rem;color:var(--muted);border-top:2px solid var(--line)}
footer a{color:var(--muted)}
footer nav{display:flex;flex-wrap:wrap;gap:.1rem 1.1rem}
footer nav a,footer nav button{display:inline-block;padding:.6rem 0;font:inherit;color:var(--muted);background:none;border:0;text-decoration:underline;cursor:pointer}
.consent{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;padding:.6rem 1rem .75rem;font-size:.88rem;line-height:1.4;z-index:20;display:none}
.consent.show{display:block}
.consent .row{max-width:38rem;margin:0 auto}
.consent p{margin:0 0 .5rem}
.consent a{color:#fff}
.consent a:focus-visible,.consent button:focus-visible{outline-color:var(--sun)}
.consent .acts{display:flex;gap:.5rem}
.consent button{flex:1;font:inherit;font-weight:800;min-height:44px;padding:.4rem;border-radius:8px;border:2px solid #fff;cursor:pointer}
.consent .ok{background:#fff;color:var(--ink)}
.consent .no{background:transparent;color:#fff}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:15;background:#fff;border-top:2px solid var(--line);padding:.55rem 1rem;transform:translateY(110%);transition:transform .2s ease;visibility:hidden}
.sticky.on{transform:none;visibility:visible}
.sticky .row{max-width:38rem;margin:0 auto;display:flex;align-items:center;gap:.75rem}
.sticky .t{flex:1;line-height:1.25}
.sticky .t b{display:block;font-size:.95rem}
.sticky .t span{font-size:.88rem;color:var(--muted)}
.sticky .btn{width:auto;font-size:1rem;padding:.75rem 1.1rem;min-height:44px}
.legal h1{font-size:1.6rem}
.legal h2{font-size:1.2rem;margin-top:1.6rem}
form .f{display:grid;gap:.35rem;margin:0 0 1.15rem}
form label.h,form legend{font-weight:700;padding:0}
form fieldset{border:0;margin:0 0 1.15rem;padding:0;display:grid;gap:.35rem}
form input[type=text],form input[type=email],form textarea{font:inherit;padding:.75rem;border:2px solid var(--line);border-radius:10px;width:100%;background:#fff;color:var(--ink)}
form textarea{min-height:8rem;resize:vertical}
form .opt{display:flex;gap:.65rem;align-items:flex-start;min-height:44px;padding:.35rem 0}
form .opt input{width:22px;height:22px;flex-shrink:0;margin:.1rem 0 0;accent-color:var(--cta)}
form .hint{font-size:.9rem;color:var(--muted)}
form .auth{border:2px solid var(--ink);border-radius:12px;padding:.9rem}
form .auth legend{padding:0 .4rem;font-weight:800}
form .two{display:grid;gap:.75rem}
.err{color:var(--err);font-weight:700;font-size:.92rem}
.errbox{border:2px solid var(--err);border-radius:12px;padding:.8rem 1rem;margin:0 0 1.2rem}
.errbox:focus{outline:none}
.okbox{border:2px solid var(--cta);border-radius:12px;padding:1rem;margin:0 0 1.2rem}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.adm table{border-collapse:collapse;width:100%}
.route{list-style:none;margin:1rem 0 .5rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;align-items:end}
.route li{display:grid;gap:.3rem;justify-items:center;text-align:center}
.route .tag{font-size:.85rem;font-weight:800;padding:.15rem .6rem;border-radius:999px;border:2px solid var(--line);color:var(--muted)}
.route li:first-child .tag{background:var(--ink);border-color:var(--ink);color:#fff}
.route img{display:block;width:100%;height:auto;border-radius:8px}
.route li:first-child img{outline:3px solid var(--ink);outline-offset:2px}
.samples{display:flex;gap:.85rem;overflow-x:auto;padding:.2rem .1rem .6rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.samples figure{margin:0;flex-shrink:0;width:min(78vw,22rem);scroll-snap-align:start}
.samples a{display:block;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.samples a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.samples img{display:block;width:100%;height:auto}
.samples figcaption{font-size:.92rem;color:var(--muted);margin-top:.4rem;line-height:1.4}
.zoom{display:inline-block;font-size:.85rem;font-weight:700;color:var(--cta);margin-top:.2rem}
.toc{columns:2;column-gap:1.25rem;margin:.5rem 0 1rem;padding-left:1.4rem;font-size:.95rem}
.toc li{break-inside:avoid;margin:0 0 .3rem}
@media (max-width:30rem){.toc{columns:1}}
.note{border-left:4px solid var(--sun);padding:.6rem .85rem;background:#FFF9E8;border-radius:0 10px 10px 0;margin:1rem 0}
.split,.split2,.split3{display:grid;gap:1rem}
.faq{margin:0}
.only-d{display:none}
.hero-visual.d-only{display:none}
@media (min-width:46rem){h1{font-size:2.35rem}h2{font-size:1.65rem}.card{font-size:.88rem}form .two{grid-template-columns:1fr 1fr}.sticky{display:none}}
@media (max-width:30rem){.btn{font-size:1.06rem}}
@media (max-width:23.5rem){.route{max-width:16.5rem}.consent{font-size:.82rem}.consent p{margin-bottom:.4rem}h1{font-size:1.5rem}.lead{font-size:1rem}.price b{font-size:1.9rem}.card{font-size:.62rem}}

/* ---- Tablet (48rem = 768px) ---- */
@media (min-width:48rem){
  .wrap,header.top,.consent .row,.sticky .row{max-width:46rem}
  .narrow{max-width:46rem}
  section{padding:3rem 0}
  .hero{padding:1rem 0 2.5rem}
  .split2{grid-template-columns:1fr 1fr;gap:1.5rem}
  .split3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .gains{grid-template-columns:1fr 1fr;gap:1rem}
  ol.num.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start}
  .depos{grid-template-columns:1fr 1fr}
  .samples figure{width:min(44vw,22rem)}
  .consent .row{display:flex;align-items:center;gap:1.5rem}
  .consent p{margin:0;flex:1}
  .consent .acts{flex:0 0 auto}
  .consent button{flex:0 0 auto;padding:.4rem 1.1rem}
}

/* ---- Computador (64rem = 1024px) ---- */
@media (min-width:64rem){
  :root{--gutter:2rem}
  .wrap,header.top,.consent .row{max-width:var(--max)}
  .narrow{max-width:44rem}
  body{font-size:1.0625rem}
  h1{font-size:2.7rem;line-height:1.08;margin:.6rem 0 1rem}
  h2{font-size:2rem;margin:0 0 .5rem}
  h3{font-size:1.2rem}
  .lead{font-size:1.2rem}
  .sub{font-size:1.05rem;margin-bottom:1.6rem}
  section{padding:4rem 0}
  header.top{padding-top:1.1rem}
  header.top .brand{font-size:1.05rem}
  header.top .jump{display:none}
  header.top .cta{display:inline-block;background:var(--cta);color:var(--cta-ink);font-weight:800;text-decoration:none;padding:.6rem 1.1rem;border-radius:10px;font-size:.95rem}
  header.top .cta:hover{filter:brightness(1.08)}
  /* capa em duas colunas: texto e oferta à esquerda, produto à direita */
  .hero{padding:1.5rem 0 3.5rem}
  .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:3.5rem;row-gap:0;align-items:center}
  .hero h1{grid-column:1;margin-top:0}
  .hero .lead{grid-column:1;margin-bottom:1.5rem}
  .hero .buy{grid-column:1;padding:1.4rem 1.5rem;max-width:34rem}
  .hero .eyebrow{grid-column:1}
  .hero-visual{grid-column:2;grid-row:1/span 4;align-self:center;background:var(--wash);border-radius:24px;padding:2rem 2rem 1.5rem;margin:0}
  .hero-visual .route{max-width:32rem;margin:0 auto;gap:1rem}
  .hero-visual .caption{text-align:center;margin-top:1rem;font-size:.95rem}
  .hero-visual.d-only{display:block}
  .hero-visual a{display:block;border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
  .hero-visual a img{display:block;width:100%;height:auto}
  .samples.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price b{font-size:2.6rem}
  .btn{font-size:1.2rem}
  .facts{grid-template-columns:1fr;font-size:1rem}
  /* amostras em grade, sem rolagem lateral */
  .samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1.5rem;overflow:visible;padding:0}
  .samples figure{width:auto}
  .gains{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
  .gain .in{padding:1rem 1.1rem 1.1rem}
  .gain h3{font-size:1.15rem}
  .samples a:hover{border-color:var(--ink)}
  .zoom{display:none}
  .only-m{display:none}
  .only-d{display:inline}
  /* passos + nota lado a lado */
  .split{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:start}
  .split2{gap:3rem}
  .split3{gap:1.5rem}
  ol.num{gap:.9rem}
  .note{margin:0;padding:1.2rem 1.4rem;border-radius:0 14px 14px 0}
  /* os três PDFs lado a lado */
  .sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:1.75rem 1.5rem 1.5rem;border-radius:24px}
  .sheet .cut{left:2rem}
  .pdf .in{padding:1rem 1.2rem 1.2rem}
  .depos{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .stats{grid-template-columns:1fr 1fr;gap:1rem}
  .stats div{padding:1.1rem 1.3rem}
  .stats b{font-size:2.4rem}
  .kit{font-size:1.1rem;gap:.7rem}
  .faq{max-width:48rem}
  details{padding:1.1rem 0}
  summary{font-size:1.1rem}
  footer{padding:2.5rem 0 3rem}
  footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem}
  footer nav{gap:.1rem 1.5rem}
  footer p{margin:0}
}
@media (min-width:80rem){
  h1{font-size:3rem}
  .hero .wrap{column-gap:5rem}
  .hero-visual{padding:2.5rem 2.5rem 2rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
