/* Super Dinâmica — Arch Design | CSS base (compartilhado entre idiomas) */

@font-face{font-family:"GilRoy";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/gilroy-regular.woff2) format("woff2")}
@font-face{font-family:"GilRoy";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/gilroy-bold.woff2) format("woff2")}

:root{
  --texto:1.6rem;
  --titulo:2.5rem;
  --titulo-extra:3.5rem;
  --ref:1rem;
  --branco:#fff;
  --offwhite:#f8f0e9;
  --verde:#5ca47a;
  --verde-e:#5a8a6b;
  --laranja:#f5b471;
  --chumbo:#212830;
  --chumbo-e:#191e24;
  --chumbo-c:#36414f;
  --neve:#f6f7f9;
  --rosa:#ed3497;
  --vermelho:#9e2020;
  --estrela:#ffcd03;
  --linha:#d1d7dc;
  --borda:#dddedf;
  --txt:#363636;
  --container:1145px;
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:62.5%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--branco);color:var(--txt);font-family:"GilRoy",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:var(--texto);line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{margin:0;font-weight:400;line-height:1.2;text-rendering:optimizeLegibility}
h1,h2{font-size:var(--titulo)}
h3{font-size:var(--texto)}
strong,b{font-weight:700}
p{margin:0}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:100;padding:10px 14px;background:var(--branco);color:var(--chumbo);border:1px solid #000}
.skip-link:focus{top:8px}
.ico{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Layout (equivalente Section / Container / Block do Bricks) ---------- */
.sec{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:50px 0}
.box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px 20px;width:var(--container);max-width:100%;margin:0 auto}
.box.row{flex-direction:row}
.blk{display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:10px;width:100%}
.lazy{content-visibility:auto;contain-intrinsic-size:auto 700px}

/* Divisor triangular no topo da seção (cor = seção anterior) */
.notch::before{content:"";position:absolute;top:0;left:50%;width:50px;height:15px;transform:translateX(-50%);background:var(--notch,var(--branco));clip-path:polygon(0 0,100% 0,50% 100%)}

/* Fundos */
.bg-neve{background:var(--neve)}
.bg-chumbo-c{background:var(--chumbo-c)}
.bg-grad-35{background:var(--chumbo) linear-gradient(35deg,var(--chumbo),var(--chumbo-e))}
.bg-grad-45{background:var(--chumbo) linear-gradient(45deg,var(--chumbo),var(--chumbo-e))}

/* Text-link com ícone */
.tlink{display:inline-flex;align-items:center;gap:5px}

/* Lista com ícone + borda pontilhada */
.ibox{display:flex;align-items:center;gap:15px;width:100%;padding-bottom:15px;border-bottom:1px dotted var(--chumbo-c)}

/* ---------- Header ---------- */
.site-header{background:var(--chumbo-c);padding:10px 0}
.site-header .sec{padding:0}

/* ---------- Hero ---------- */
.hero-txt{align-items:flex-start;row-gap:35px}
.hero-logo{width:250px}

/* ---------- Vantagens ---------- */
.feat-img{flex-direction:column;row-gap:35px}
.feat-txt{row-gap:15px}
.feat-txt h2{text-align:center}
.feat-txt .lead{padding:25px 0;font-size:var(--texto)}

/* ---------- Clique e Selecione ---------- */
.click-txt{row-gap:15px}
.click-media{row-gap:35px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:15px;background:var(--neve)}
.specs li{display:flex;align-items:center;gap:15px;color:var(--chumbo)}
.specs .ico{stroke:var(--laranja)}

/* ---------- Prova global ---------- */
.world-txt{align-items:flex-start;row-gap:20px}
.stars-row{display:inline-flex;align-items:center;gap:10px}
.stars-row .stars{width:110px;height:25px}

/* ---------- Download ---------- */
.dl{color:var(--neve)}
.dl-txt{align-items:flex-start;row-gap:20px}
.dl-title{gap:10px}
.dl-title .ico{width:50px;height:50px}
.dl-steps{align-items:flex-start;row-gap:10px;margin:0;padding:0;list-style:none}
.step-label{display:inline-flex;align-items:center;font-weight:700}
.step-label .ico{width:15px;height:15px}
.step{width:100%;padding-bottom:15px;border-bottom:1px dotted var(--neve)}
.dl a{color:var(--neve)}

/* ---------- Garantia ---------- */
.gar{color:var(--branco)}
.gar-txt{align-items:flex-start;row-gap:25px}
.gar-txt .secure{width:150px}
.gar-list{display:grid;grid-template-columns:1fr;gap:15px;width:100%}
.gar-list li{display:flex;align-items:center;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--chumbo-c)}
.gar-list .ico{width:50px;height:30px}

/* ---------- Preço ---------- */
.price-media{row-gap:15px}
.price-media .mockup{width:400px}
.price-box{row-gap:20px;padding:30px}
.price-box h2{text-align:center}
.bonus{display:flex;align-items:center;gap:5px;width:100%;padding:10px;border:1px solid var(--rosa);font-weight:700}
.bonus .ico{stroke:var(--rosa)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.5em 1em;border-radius:25px;background:var(--verde);color:var(--branco);font-size:var(--texto);letter-spacing:.5px;text-decoration:none;transition:filter .2s}
.btn:hover{filter:brightness(1.08)}
.btn .ico{width:18px;height:18px}

.checks{width:100%}
.checks li{display:flex;align-items:center;padding:5px 0;line-height:2;color:var(--chumbo);border-bottom:1px solid var(--borda)}
.checks li:first-child{border-top:1px solid var(--borda)}
.checks .ico{width:15px;height:15px;stroke:var(--verde)}
.checks span{margin:0 .5em}

/* ---------- Avaliações (cards formato naildes) ---------- */
.rev-head{gap:10px}
.rev-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;padding:15px 0 0}
.rev-card{height:100%;padding:20px;background:var(--branco);border:1px solid var(--linha);border-radius:16px;text-align:left}
.rev-card header{display:flex;align-items:center;gap:12px}
.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex-shrink:0}
.rev-name{font-weight:700}
.rev-meta{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:1.4rem}
.rev-stars{display:inline-flex;gap:2px;color:var(--estrela)}
.rev-stars svg{width:16px;height:16px;fill:currentColor}
.muted{color:rgba(33,40,48,.7)}
.rev-text{margin-top:12px;line-height:1.35}
.rev-reply{display:flex;gap:12px;margin-top:16px;padding:12px;border-radius:12px;background:var(--neve);font-size:1.4rem;line-height:1.35}
.rev-reply .avatar{width:40px;height:40px}
.reply-name{display:flex;align-items:center;gap:4px;font-weight:700}
.reply-name svg{width:1.1em;height:1.1em}
.reply-info{font-size:1.2rem}
.reply-text{margin-top:4px}
.rev-foot{text-align:center}
.rev-foot hr{width:250px;margin:30px auto 20px;border:0;border-top:1px solid currentColor}
.rev-foot a{text-decoration:underline}

/* ---------- FAQ ---------- */
.faq{color:var(--branco)}
.faq-txt{align-items:flex-start;row-gap:10px}
.faq a{color:var(--branco)}
.faq-list{width:100%;border-bottom:1px solid var(--chumbo-c)}
.faq-list details{border-top:1px solid var(--chumbo-c)}
.faq-list summary{display:flex;align-items:center;gap:10px;padding:15px;cursor:pointer;list-style:none;line-height:30px;transition:background-color .2s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover,.faq-list summary:focus-visible{background:var(--chumbo-e)}
.faq-list summary .ico{width:15px;height:15px;transition:transform .2s}
.faq-list details[open] summary .ico{transform:rotate(90deg)}
.faq-list h3{flex:1;line-height:30px}
.faq-list .ans{padding:10px 50px 50px}

/* ---------- Página de ajuda / contato ---------- */
.help .box{align-items:flex-start;row-gap:10px;color:var(--chumbo)}
.help-logo{width:250px}
.help-div{width:100%;margin:30px 0;border:0;border-top:1px solid var(--chumbo-c)}
.faq-light{width:100%;margin:30px 0;color:var(--chumbo)}
.faq-light details{border-top:1px solid var(--neve)}
.faq-light details:last-child{border-bottom:1px solid var(--neve)}
.faq-light summary{display:flex;align-items:center;gap:10px;padding:15px;cursor:pointer;list-style:none;transition:background-color .2s}
.faq-light summary::-webkit-details-marker{display:none}
.faq-light summary:hover,.faq-light summary:focus-visible{background:var(--neve)}
.faq-light summary .ico{width:15px;height:15px;transition:transform .2s}
.faq-light details[open] summary .ico{transform:rotate(90deg)}
.faq-light h3{flex:1;line-height:30px}
.faq-light .ans{padding:10px 30px 50px;line-height:1.4}
.faq-light .ans p+p{margin-top:.8em}
.faq-light .ans hr{margin:1.2em 0;border:0;border-top:1px solid var(--linha)}
.contact{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:15px}
.contact input,.contact textarea{width:100%;padding:12px;border:1px solid var(--borda);border-radius:0;background:var(--branco);color:var(--chumbo);font:inherit;font-size:1.5rem}
.contact textarea{min-height:90px;resize:vertical}
.contact input::placeholder,.contact textarea::placeholder{color:#9e9e9e}
.contact input:focus,.contact textarea:focus{outline:2px solid var(--verde);outline-offset:-1px;border-color:var(--verde)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn-send{width:30%;min-width:180px;color:var(--neve);border:0;cursor:pointer;font-family:inherit}
.btn-send[disabled]{opacity:.6;cursor:progress}
.form-status{padding:12px 15px;border-left:3px solid var(--verde);background:var(--neve)}
.form-status.err{border-left-color:var(--vermelho)}

/* ---------- Footer ---------- */
.site-footer{background:var(--chumbo)}
.foot-brand{align-items:flex-start}
.foot-logo{width:250px;height:auto;margin-bottom:15px}
.foot-mail{gap:10px;margin-bottom:15px;color:var(--offwhite);text-decoration:none}
.foot-mail .ico{width:15px;height:15px;stroke:var(--verde)}
.social{display:flex}
.social a{display:flex;align-items:center;gap:5px;padding:15px;color:var(--branco);text-decoration:none}
.social .ico{width:20px;height:20px}
.foot-legal{align-items:flex-start;row-gap:0}
.foot-legal hr{width:100%;margin:0 0 10px;border:0;border-top:1px solid var(--chumbo-c)}
.copy{color:var(--branco);font-size:var(--ref)}
.disclaimer{color:var(--chumbo);font-size:5px}

/* ---------- Responsivo (breakpoints do Bricks: 991 / 767 / 478) ---------- */
@media (min-width:768px){
  .rev-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:991px){
  .sec{padding-left:20px;padding-right:20px}
}
@media (max-width:767px){
  .box,.box.row{flex-wrap:wrap}
}
@media (max-width:478px){
  .box.row{flex-direction:column}
  .hero-txt,.world-txt,.dl-txt,.gar-txt,.faq-txt,.foot-brand,.foot-legal{align-items:center}
  .hero-txt h1,.feat-txt .lead,.click-txt p,.world-txt h2,.dl-txt p,.gar-txt,.faq-txt,.copy{text-align:center}
  .click-txt h2{text-align:center}
  .feat-txt h2:last-of-type{margin-bottom:30px}
  .specs{justify-items:start}
  .price-box{padding-left:0;padding-right:0}
  .price-now{font-size:3rem}
  .gar-list li{text-align:left}
  .faq-list .ans{padding:10px 20px 30px}
  .faq-light .ans{padding:10px 15px 30px}
  .btn-send{width:100%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}

/* Topo: seletor de idioma à direita (mesmo padrão do site da Naildes) */
/* vale também no celular (lá o .box.row vira coluna centralizada) */
.site-header .box.head-row{flex-direction:row;justify-content:flex-end;align-items:center}
.lang-switch{position:relative}
.lang-btn{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--neve);color:var(--chumbo);font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.15);transition:background .2s}
.lang-btn:hover{background:var(--branco)}
.lang-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lang-btn .lang-arrow{width:14px;height:14px;stroke-width:2;transition:transform .2s}
.lang-btn .lang-arrow.open{transform:rotate(180deg)}
.lang-menu{position:absolute;top:100%;right:0;z-index:50;width:220px;margin:8px 0 0;padding:6px 0;list-style:none;background:var(--branco);border:1px solid var(--linha);border-radius:16px;box-shadow:0 12px 30px rgba(33,40,48,.18);overflow:hidden}
.lang-menu a{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--chumbo);font-size:1.4rem;text-decoration:none;transition:background .15s}
.lang-menu a:hover{background:var(--neve)}
.lang-menu a[aria-current]{font-weight:700}
.lang-code{width:24px;font-size:1.2rem;font-weight:700;letter-spacing:.5px;opacity:.6}
.lang-name{flex:1}
.lang-check{width:16px;height:16px;fill:none;stroke:var(--verde);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* Vantagens: todas as linhas com a mesma altura */
.feat-txt ul{display:grid;grid-auto-rows:1fr;width:100%}
/* espaço igual acima e abaixo do texto; conteúdo centralizado na linha */
.feat-txt .ibox{box-sizing:border-box;height:100%;padding:18px 0;align-items:center}

/* Preço: cartão com abas Hotmart | Stripe */
.pc{width:100%;max-width:480px;margin:10px auto 0}
/* bônus na mesma coluna do cartão de preço */
.price-box .bonus{max-width:480px;align-self:center}
.pc-tabs{display:flex;align-items:flex-end}
/* Aba em formato de pasta (desenho em pricing.tsx › TabShape); linhas finas e claras, sem contorno preto */
.pc-tab{position:relative;isolation:isolate;margin-right:-30px;padding:9px 52px 10px 26px;border:0;background:none;color:#9aa1a9;font:inherit;font-size:1.5rem;font-weight:700;letter-spacing:-.2px;cursor:pointer}
.pc-tab:last-child{margin-right:0}
.pc-tab span{position:relative}
.pc-tab-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible}
.pc-tab-fill{fill:#eceef0}
.pc-tab-line{fill:none;stroke:var(--linha);stroke-width:1;vector-effect:non-scaling-stroke}
.pc-tab.on{z-index:2;margin-bottom:-1px;padding-bottom:11px;color:var(--chumbo)}
.pc-tab.on .pc-tab-fill{fill:var(--branco)}
.pc-tab:not(.on){z-index:1}
.pc-tab:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.pc-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:28px 28px 32px;background:var(--branco);border:1px solid var(--linha);border-radius:0 18px 18px 18px}
.pc-price{display:flex;align-items:center;justify-content:center;gap:16px}
.pc-now{margin:0;color:var(--verde);font-size:var(--titulo-extra);font-weight:700;white-space:nowrap}
.pc-sep{width:1px;align-self:stretch;background:var(--linha)}
.pc-info p{margin:0;line-height:1.35}
.pc-old{color:#8a9097}
.pc-off{color:var(--verde);font-weight:700}
.pc-once{font-weight:700}
.pc-card .btn{width:100%}
.pc-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:-8px 0 0;color:#8a9097;font-size:1.3rem}
.pc-note span{opacity:.6}
.pc-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}
.pc-pay li{display:grid;place-items:center;width:50px;height:35px;border:1px solid var(--linha);border-radius:6px;background:var(--branco)}
.pc-pay img{height:24px;width:auto}
@media (max-width:478px){
  .pc-tab{margin-right:-26px;padding:9px 44px 10px 20px}
  .pc-card{padding:22px 16px 26px}
  .pc-price{gap:10px}
  .pc-pay li{width:44px;height:32px}
  .pc-pay img{height:20px}
}