/* =========================================================
   BASE (equivalente ao reset do tema Hello Elementor)
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
h1,h2,h3{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block:.5rem 1rem}
h3{font-size:1.75rem}
p{margin-block:0 .9rem}
a{background-color:transparent;color:#c36;text-decoration:none}
b,strong{font-weight:bolder}
img{border-style:none;height:auto;max-width:100%}
ul{list-style:none;margin:0;padding:0}
figure{margin:0}
img.emoji{display:inline;border:none;box-shadow:none;height:1em;width:1em;margin:0 .07em;vertical-align:-.1em;background:none;padding:0}

/* =========================================================
   LAYOUT (seções boxed 1200px + caixas flex)
   ========================================================= */
.sec{display:flex;flex-direction:column;padding:0 10px;min-width:0}
.sec>.in{display:flex;flex-direction:column;gap:20px;width:100%;max-width:min(100%,1200px);margin:0 auto;padding:10px 0}
.box{display:flex;flex-direction:column;gap:20px;padding:10px;width:100%;min-width:0;flex:0 1 auto}
.row{flex-direction:row}
.rev{flex-direction:row-reverse}
.sec>.in>*,.box>*,.grid>*{min-width:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px;width:100%;align-content:start}
.c{align-self:center}
.jc{justify-content:center}

/* Tipografia base */
.h{margin:0;padding:0;line-height:1;font-family:"Poppins",sans-serif}
.te{font-family:"Poppins",sans-serif}
.te p{margin-bottom:0}
.tc{text-align:center}

/* Imagem */
.img{text-align:center}
.img img{display:inline-block;vertical-align:middle}

/* Botão */
.btn-wrap{text-align:center}
.btn{display:inline-block;background:#1fae5c;color:#fff;fill:#fff;font-family:"Poppins",sans-serif;font-size:15px;font-weight:700;line-height:1;padding:16px;border-radius:8px;text-align:center;transition:.3s}
.btn:hover,.btn:focus,.btn:visited{color:#fff}

/* Divisor tracejado */
.divider{display:flex;padding-block:4px;align-self:center;width:100%}
.divider span{display:flex;width:60%;margin:0 auto;border-top:1px dashed #000}

/* Lista com emoji */
.list li{display:flex;align-items:center;position:relative}
.list li:not(:last-child){padding-block-end:6px}
.list li:not(:first-child){margin-block-start:6px}
.list span{font-family:"Poppins",sans-serif;font-size:18px;font-weight:400}

/* Ícones SVG */
.ic{display:inline-block;font-size:50px;line-height:1;text-align:center;transition:.3s}
.ic svg{display:block;width:1em;height:1em;position:relative}

/* =========================================================
   1. HERO
   ========================================================= */
.s-hero{background:#efefef;padding:0}
.s-hero>.in{padding:30px 0 0;gap:10px}
.hero-title{width:86%;align-self:center;text-align:center;font-size:32px;font-weight:800;line-height:40px;color:#000}
.hl{color:orange}
.hero-sub{width:86%;align-self:center;text-align:center;font-size:20px;font-weight:800;line-height:40px;color:#000}
.pills{display:flex;gap:20px;padding:10px;justify-content:center}
.pill{margin:0;padding:10px;border-radius:15px;background:#fff;display:flex;justify-content:center;align-items:center}
.pill.tc{text-align:center}
.hero-img{width:54%;align-self:center}

/* =========================================================
   2. PROFESORAS
   ========================================================= */
.s-prof{background:#fff}
.s-prof,.s-feat,.s-todo{padding:0}
.s-prof>.in{padding:50px 0}
.prof-title{width:71%;align-self:center;text-align:center;font-size:32px;font-weight:400;line-height:36px;color:#252525}
.prof-grid{grid-template-rows:repeat(1,1fr);width:80%;align-self:center}

/* =========================================================
   3. "ESTO ES LO QUE CASI NADIE TE CONTÓ"
   ========================================================= */
.s-dark1{background:#212120;padding:0}
.s-dark1>.in{padding:50px 0;gap:10px}
.d1-a{width:66%;align-self:center;text-align:center;font-size:28px;font-weight:700;line-height:36px;color:#f7f1e8}
.d1-b{width:70%;align-self:center;text-align:center;font-size:25px;font-weight:600;line-height:36px;color:#f7f1e8}
.d1-text{width:61%;align-self:center;text-align:center;font-size:16px;font-weight:400;line-height:30px;color:#f7f1e8}
.oc{flex-direction:row;justify-content:center;align-items:center;border-radius:24px;padding:32px;background:#f0502f;width:56%;align-self:center}
.oc-img{width:60%}
.oc-text{gap:8px;padding:0}
.oc-h{width:100%;align-self:flex-start;text-align:start;font-size:20px;font-weight:600;line-height:36px;color:#fff}
.d1-c{width:70%;align-self:center;text-align:center;font-size:28px;font-weight:600;line-height:36px;color:#f7f1e8}
.d1-pill{align-self:center;text-align:center;background:#494949;padding:8px 16px;border-radius:20px;font-size:18px;font-weight:400;line-height:36px;color:#fff}
.d1-img{width:54%;align-self:center}
.d1-img img{width:600px}

/* =========================================================
   4. KIT PRIMER ALUMNO + 3 PASOS
   ========================================================= */
.s-kit{background:#efefef;padding:0}
.s-kit>.in{padding:50px 0;gap:24px}
.kit-h{width:100%;align-self:center;text-align:center;font-size:26px;font-weight:400;line-height:36px;color:#1a1a1a}
.kit-logo{margin-top:-20px}
.kit-logo img{width:200px}
.kit-sub{width:80%;align-self:center;text-align:center;font-size:24px;font-weight:400;line-height:31px;color:#1a1a1a}
.ib{background:#fff;padding:1em .5em;border-radius:12px;text-align:center}
.ib-img{display:inline-block;width:200px;margin:0 auto}
.ib-img img{display:block;line-height:0;border-radius:12px;transition-duration:.3s}
.ib-content{width:100%}
.ib-t{font-family:"Roboto",sans-serif;font-weight:600;color:#000;margin:8px 0 0}
.ib-d{font-family:"Roboto",sans-serif;font-weight:400;color:#525252;margin:0}

/* =========================================================
   5. CON EL KIT VAS A
   ========================================================= */
.s-vas{background:#fff;padding:0}
.s-vas>.in{padding:2em 0}
.vas-h{width:56%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#000}
.vas-img img{width:500px}

/* =========================================================
   6. CINCO HERRAMIENTAS
   ========================================================= */
.s-tools{background:#212120;padding:0}
.s-tools>.in{padding:30px 0;gap:8px}
.tools-h{width:70%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#fff}
.tools-p{width:49%;align-self:center;text-align:center;font-size:16px;font-weight:400;line-height:1.1em;color:#fff}

/* =========================================================
   7 e 9. CARDS DE ENTREGÁVEIS / BÔNUS
   ========================================================= */
.s-feat{background:#efefef}
.s-feat>.in{padding:50px 0}
.feat{border-radius:24px;padding:32px;background:#fff;width:80%;align-self:center}
.feat-txt{justify-content:center;gap:0;border-top:4px solid #f0502f}
.feat-h{width:100%;align-self:center;text-align:start;font-size:26px;font-weight:700;line-height:30px;color:#212120}
.feat-te{font-size:15px;font-weight:400;color:#000}
.feat-img{padding:0}

/* =========================================================
   8. Y ADEMÁS
   ========================================================= */
.s-ademas{background:#212120}
.ademas-h{width:56%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#fff}

/* =========================================================
   10. EL KIT ES PARA TI SI
   ========================================================= */
.s-para{background:#1a1a1a;padding:0}
.s-para>.in{padding:50px 0;gap:24px}
.para-h{width:40%;align-self:center;text-align:center;font-size:32px;font-weight:400;line-height:36px;color:#fff}
.para-card{border-radius:24px;padding:32px;background:#fff;width:80%;align-self:center}
.para-list span{color:#181818}

/* =========================================================
   11. TODO LO QUE ENTRA, JUNTO
   ========================================================= */
.s-todo{background:#f3f3f3}
.s-todo>.in{padding:50px 0}
.todo-h{width:46%;align-self:center;text-align:center;font-size:32px;font-weight:400;line-height:36px;color:#252525}
.todo-card{border-radius:24px;padding:32px;background:#fff;width:60%;align-self:center}
.todo-list{gap:2px}
.todo-row{flex-direction:row;justify-content:space-between;border-bottom:2px dotted #000}
.todo-row .list span{color:#252525}
.price{font-size:24px;font-weight:600;color:red}
.todo-total{width:48%;align-self:center;text-align:center;font-size:26px;font-weight:400;line-height:32px;color:#252525}
.todo-note{width:70%;align-self:center;text-align:center;font-size:26px;font-weight:600;line-height:32px;color:#252525}

/* =========================================================
   12 e 16. OFERTA / PREÇO
   ========================================================= */
.s-offer{background:#1a1a1a;padding:0}
.s-offer>.in{padding:50px 0;gap:24px}
.offer-card{gap:0;border-radius:12px;padding:32px 50px;background:#fff;width:80%;align-self:center}
.offer-img{justify-content:center;align-items:flex-start;padding:0;width:50%}
.offer-img .img{width:100%}
.offer-info{justify-content:center;gap:8px;width:50%;align-self:center}
.of-de{text-align:center;font-size:20px;font-weight:400;color:#252525}
.of-price{text-align:center;font-size:60px;font-weight:700;color:#1fae5c}
.of-note{text-align:center;font-size:14px;font-weight:400;color:#252525}
.of-seal{width:60%;align-self:center}

/* =========================================================
   13. RECIBES TODO HOY
   ========================================================= */
.s-steps{background:#efefef;padding:0}
.s-steps>.in{padding:50px 0}
.steps-h{width:54%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#252525}
.steps-grid{grid-template-rows:repeat(1,1fr);gap:6px;padding:0;width:86%;align-self:center}
.step{border-radius:16px;padding:40px;background:#fff}
.ibx-wrap{display:flex;flex-direction:column;gap:12px;text-align:start}
.ibx-icon{display:inline-block;flex:0 0 auto;line-height:0}
.ibx-icon .ic{fill:#f0502f;color:#f0502f}
.ibx-content{flex-grow:1;width:100%}
.ibx-t{font-family:"Poppins",sans-serif;font-size:22px;font-weight:600;color:#303030;margin-block-end:8px}
.ibx-d{font-family:"Poppins",sans-serif;font-size:18px;font-weight:400;line-height:22px;color:#000;margin:0}

/* =========================================================
   14. DOS CAMINOS
   ========================================================= */
.s-cam{background:#efefef;padding:0}
.s-cam>.in{padding:50px 0;gap:30px}
.cam-h{width:59%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#000}
.cam-row{gap:24px;padding:0;width:86%;align-self:center}
.cam-bad{gap:0;border-radius:16px;padding:40px;background:#fff1f4}
.cam-good{justify-content:center;align-items:stretch;align-self:stretch;gap:0;border-radius:16px;padding:15px 24px 16px;background:#f3fffb}
.icon-w{text-align:center}
.cam-bad .ic{fill:#e4343b;color:#e4343b}
.cam-good .ic{fill:#049a6a;color:#049a6a}
.cam-t{text-align:center;font-size:24px;font-weight:600;line-height:36px;color:#f0502f}
.cam-t2{text-align:center;font-size:24px;font-weight:600;line-height:36px;color:#1fae5c}
.cam-te{text-align:center;font-size:18px;font-weight:400;line-height:22px;color:#252525}
.cam-q{width:70%;align-self:center;text-align:center;font-size:26px;font-weight:400;line-height:32px;color:#000}
.btn-lg{font-size:19px}

/* =========================================================
   15. QUIÉN ESTÁ DETRÁS
   ========================================================= */
.s-who{background:#1a1a1a;padding:0}
.s-who>.in{flex-direction:row;padding:50px 0}
.who-h{width:100%;align-self:center;text-align:start;font-size:26px;font-weight:400;line-height:30px;color:#f7f1e8}
.who-te{text-align:start;font-size:18px;font-weight:400;line-height:22px;color:#f7f1e8}

/* =========================================================
   16. LA MISMA CLASE (oferta final)
   ========================================================= */
.s-final{background:#e1e1e1;padding:0}
.s-final>.in{align-items:center;gap:0;padding:50px 0}
.fin-h{text-align:center;font-family:"Roboto",sans-serif;font-size:31px;font-weight:600;color:#000}
.fin-te{width:60%;text-align:center;font-family:"Roboto",sans-serif;font-weight:400;color:#2c2c2c}
.fin-card{justify-content:center;gap:8px;border-radius:12px;background:#fff;width:50%;align-self:center}
.fin-img{width:50%;align-self:center}
.fin-img img{width:200px}

/* =========================================================
   17. FAQ
   ========================================================= */
.s-faq{background:#efefef;padding:0}
.s-faq>.in{padding:50px 0}
.faq-h{width:46%;align-self:center;text-align:center;font-size:32px;font-weight:600;line-height:36px;color:#252525}
.faq{width:80%;align-self:center;--faq-gap:0px;--faq-radius:0px}
.faq-item{display:flex;flex-direction:column;position:relative}
.faq-item:not(:last-child){margin-block-end:var(--faq-gap)}
.faq-item summary{display:flex;flex-direction:row;align-items:center;gap:0 10px;padding:10px;border:1px solid #d5d8dc;border-radius:var(--faq-radius);background:#fff;color:#1f2124;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-q{display:flex;align-items:center;font-family:"Poppins",sans-serif;font-size:1rem}
.faq-ic{display:flex;align-items:center;order:-1;width:fit-content}
.faq-ic span{height:15px;width:auto}
.faq-ic svg{height:15px;width:auto;fill:#1f2124;display:block}
.faq-ic .op{display:none}
.faq-item[open] .faq-ic .op{display:flex}
.faq-item[open] .faq-ic .cl{display:none}
.faq-a{display:flex;flex-direction:column;gap:20px;padding:24px;font-family:"Poppins",sans-serif;font-size:18px;line-height:22px;color:#000}
.faq-a p{margin:0}

/* =========================================================
   18. RODAPÉ
   ========================================================= */
.s-foot{background:#1a1a1a;padding:0}
.s-foot>.in{padding:20px 0;gap:24px}
.foot-te{text-align:center;font-size:12px;font-weight:400;line-height:18px;color:#fff}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:1024px){
  .sec>.in{max-width:min(100%,1024px)}
}

/* =========================================================
   MOBILE (até 767px)
   ========================================================= */
@media (max-width:767px){
  .sec>.in{max-width:min(100%,767px)}
  .box{width:100%}
  .row,.rev,.todo-row,.s-who>.in{flex-wrap:wrap}
  .grid{grid-template-columns:repeat(1,1fr)}

  /* 1 */
  .s-hero{padding:0 10px}
  .s-hero>.in{gap:0}
  .hero-title{width:100%;font-size:17px;line-height:1.4em}
  .hero-sub{width:100%;font-size:13px;line-height:1.4em}
  .pills{flex-wrap:wrap;gap:10px;align-items:center}
  .pill{font-size:13px;padding:5px}
  .hero-img{width:100%}

  /* 2 */
  .s-prof{padding:0 20px}
  .s-prof>.in{padding:30px 0}
  .prof-title{width:100%;font-size:24px;line-height:1.1em}
  .prof-grid{grid-template-rows:repeat(3,1fr);gap:8px;width:100%}

  /* 3 */
  .s-dark1{padding:0 10px}
  .s-dark1>.in{padding:30px 0}
  .d1-a{width:100%;font-size:19px;line-height:1em}
  .d1-b{font-size:24px}
  .d1-text{width:100%;font-size:24px;line-height:1.2em}
  .oc{gap:0;padding:10px;flex-wrap:wrap;width:100%}
  .oc-img{margin:0;padding:0;width:100%}
  .oc-img img{width:43%}
  .oc-h{align-self:center;text-align:center;font-size:16px}
  .d1-c{font-size:24px}
  .d1-pill{font-size:22px}
  .d1-img{width:100%}

  /* 4 */
  .s-kit{padding:0 10px}
  .s-kit>.in{padding:30px 0}
  .kit-h{font-size:24px;line-height:1.2em}
  .kit-sub{width:100%;font-size:24px;line-height:1.2em}

  /* 5 */
  .s-vas{padding:0 20px}
  .s-vas>.in{padding:50px 0}
  .vas-h{width:78%;font-size:24px;line-height:1.2em}

  /* 6 */
  .s-tools{padding:0 30px}
  .tools-h{font-size:24px}
  .tools-p{width:100%;font-size:24px;line-height:1.2em}

  /* 7 e 9 */
  .s-feat{padding:0 30px}
  .feat{width:100%;flex-direction:column}
  .feat-txt{padding:0}
  .feat-h{text-align:center;font-size:24px}

  /* 8 */
  .ademas-h{width:100%;font-size:24px}

  /* 10 */
  .s-para{padding:0 30px}
  .para-h{width:100%;font-size:24px;line-height:1.2em}
  .para-card{padding:24px;width:100%}

  /* 11 */
  .s-todo{padding:0 20px}
  .todo-h{width:100%;font-size:24px;line-height:1.2em}
  .todo-card{padding:24px;width:100%}
  .todo-list{gap:12px;padding:0}
  .todo-row{padding:0}
  .todo-row.ai-c{align-items:center}
  .price{font-size:16px}
  .todo-total{width:100%;font-size:22px}
  .todo-note{width:94%;font-size:20px;line-height:1.2em}

  /* 12 */
  .s-offer{padding:0 30px}
  .s-offer>.in{padding:30px 0}
  .offer-card{gap:16px;padding:32px;width:100%}
  .offer-img,.offer-info{width:100%}
  .offer-info{padding:0}
  .of-price{font-size:46px}
  .btn{font-size:16px}
  .of-seal{width:90%}

  /* 13 */
  .s-steps{padding:0 30px}
  .steps-h{width:92%;font-size:24px;line-height:1.2em}
  .steps-grid{width:100%}
  .step{flex-wrap:wrap-reverse}
  .ibx-d{font-size:16px}

  /* 14 */
  .s-cam{padding:0 30px}
  .s-cam>.in{gap:20px}
  .cam-h{width:70%;font-size:24px;line-height:1.2em}
  .cam-row{gap:12px;width:100%}
  .cam-bad,.cam-good{padding:24px}
  .cam-t{width:100%;font-size:22px;line-height:1.4em}
  .cam-t2{line-height:1.1em}
  .cam-q{width:100%;font-size:22px}

  /* 15 */
  .s-who{padding:0 30px}
  .who-h{text-align:center;font-size:24px}
  .who-te{text-align:center}

  /* 16 */
  .s-final{padding:0 30px}
  .s-final>.in{padding:30px 0}
  .fin-card{padding:0;width:100%}

  /* 17 */
  .s-faq{padding:0 30px}
  .s-faq>.in{padding:30px 0}
  .faq-h{width:80%;font-size:24px}
  .faq{width:100%;--faq-gap:6px;--faq-radius:24px}

  /* 18 */
  .s-foot{padding:0 30px}
  .s-foot>.in{padding:30px 0}
  .foot-te{text-align:start}
}