/* ESTILOS MÉTODO APÊ DO GATO */
:root {
  --primary-dark: #153C35;
  --primary-accent: #DE4E26;
  --accent-warm: #E2793D;
  --bg-cream: #FBF8F2;
  --bg-white: #FFFFFF;
  --bg-card: #F4EFE6;
  --text-dark: #1F2421;
  --text-muted: #5A625D;
  --text-light: #FBF8F2;
  --border-subtle: #E8E1D5;
  --font-main: 'Plus Jakarta Sans', sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-main);
  background-color: var(--bg-cream);
  color: var(--text-dark);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

h1, h2, h3, h4 {
  font-weight: 800;
  line-height: 1.25;
  color: var(--text-dark);
}

.highlight-accent {
  color: var(--primary-accent);
}

.text-center {
  text-align: center;
}

/* BUTTONS */
.cta-btn {
  display: inline-block;
  background-color: var(--primary-accent);
  color: #FFF;
  font-weight: 800;
  font-size: 1.15rem;
  text-decoration: none;
  padding: 20px 36px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(222, 78, 38, 0.35);
  transition: all 0.3s ease;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.cta-btn:hover {
  background-color: #C83F1A;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(222, 78, 38, 0.45);
}

.btn-full {
  width: 100%;
}

/* SEÇÃO 1: HERO */
.section-hero {
  background-color: var(--primary-dark);
  color: var(--text-light);
  padding: 80px 0 90px;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}

.hero-content h1 {
  color: #FFF;
  font-size: 2.85rem;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}

.hero-content p {
  font-size: 1.2rem;
  color: #D3DDD8;
  line-height: 1.65;
}

.hero-mockup-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-mockup {
  width: 100%;
  max-width: 440px;
  border-radius: 20px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  border: 4px solid rgba(255, 255, 255, 0.1);
  display: block;
}

/* SEÇÃO 2: POR DENTRO / PREVIEW */
.section-preview {
  padding: 90px 0;
  background-color: var(--bg-cream);
}

.section-header {
  max-width: 760px;
  margin: 0 auto 50px;
}

.section-header h2 {
  font-size: 2.3rem;
  margin-bottom: 16px;
}

.section-header p {
  font-size: 1.15rem;
  color: var(--text-muted);
}

.preview-carousel-box {
  max-width: 580px;
  margin: 0 auto;
  background: var(--bg-white);
  padding: 20px;
  border-radius: 28px;
  box-shadow: 0 15px 40px rgba(21, 60, 53, 0.08);
  border: 1px solid var(--border-subtle);
}

.preview-display {
  width: 100%;
  aspect-ratio: 1 / 1.414;
  border-radius: 16px;
  overflow: hidden;
  background-color: #EEE;
}

.preview-display img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.carousel-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
}

.carousel-btn {
  background: var(--primary-dark);
  color: #FFF;
  border: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  cursor: pointer;
  transition: background 0.2s;
}

.carousel-btn:hover {
  background: var(--primary-accent);
}

.carousel-dots {
  display: flex;
  gap: 8px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--border-subtle);
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: var(--primary-accent);
  width: 24px;
  border-radius: 10px;
}

.carousel-hint {
  margin-top: 14px;
  font-size: 0.85rem;
  color: var(--text-muted);
}

/* SEÇÃO 3: PARA QUEM É */
.section-audience {
  padding: 90px 0;
  background-color: var(--bg-white);
}

.audience-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
  margin-bottom: 48px;
}

.audience-card {
  background-color: var(--bg-cream);
  padding: 32px 24px;
  border-radius: 20px;
  border: 1px solid var(--border-subtle);
  transition: transform 0.3s ease;
}

.audience-card:hover {
  transform: translateY(-5px);
}

.audience-icon {
  font-size: 2rem;
  margin-bottom: 16px;
  display: inline-block;
}

.audience-card h3 {
  font-size: 1.25rem;
  margin-bottom: 12px;
  color: var(--primary-dark);
}

.audience-card p {
  font-size: 0.95rem;
  color: var(--text-muted);
  line-height: 1.55;
}

.audience-statement {
  background-color: var(--bg-card);
  border-left: 5px solid var(--primary-accent);
  padding: 24px 32px;
  border-radius: 12px;
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--primary-dark);
  text-align: center;
}

/* SEÇÃO 4: O QUE VAI APRENDER */
.section-outcomes {
  padding: 90px 0;
  background-color: var(--primary-dark);
  color: var(--text-light);
}

.outcomes-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 56px;
  align-items: center;
}

.outcomes-grid h2 {
  color: #FFF;
  font-size: 2.2rem;
  margin-bottom: 12px;
}

.outcomes-sub {
  color: #D3DDD8;
  font-size: 1.15rem;
}

.outcomes-img {
  width: 100%;
  max-width: 420px;
  border-radius: 24px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
  display: block;
}

.outcomes-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}

.outcomes-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.check-badge {
  background-color: #2BA06B;
  color: #FFF;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex-shrink: 0;
  font-size: 0.9rem;
  margin-top: 2px;
}

/* SEÇÃO 5: CONTEÚDO PRÁTICO */
.section-curriculum {
  padding: 90px 0;
  background-color: var(--bg-cream);
}

.curriculum-box {
  background: var(--bg-white);
  border: 1px solid var(--border-subtle);
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.curriculum-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
  gap: 24px;
}

.curriculum-item {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-subtle);
}

.curriculum-item strong {
  display: block;
  color: var(--primary-dark);
  font-size: 1.05rem;
  margin-bottom: 4px;
}

.curriculum-item p {
  font-size: 0.95rem;
  color: var(--text-muted);
}

/* SEÇÃO 6: BÔNUS */
.section-bonuses {
  padding: 90px 0;
  background-color: var(--bg-white);
}

.bonuses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
}

.bonus-card {
  background: var(--bg-cream);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

.bonus-card:hover {
  transform: translateY(-5px);
}

.bonus-tag {
  background: var(--primary-accent);
  color: #FFF;
  font-size: 0.75rem;
  font-weight: 800;
  padding: 8px 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.bonus-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.bonus-body h3 {
  font-size: 1.3rem;
  margin-bottom: 8px;
  color: var(--primary-dark);
}

.bonus-subtitle {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--primary-accent);
  margin-bottom: 12px;
  text-transform: uppercase;
}

.bonus-body p {
  font-size: 0.92rem;
  color: var(--text-muted);
  line-height: 1.5;
}

/* SEÇÃO 7: OFERTA & PREÇO */
.section-offer {
  padding: 100px 0;
  background: var(--primary-dark);
  color: var(--text-light);
}

.offer-card {
  background: #FFF;
  color: var(--text-dark);
  max-width: 680px;
  margin: 0 auto;
  border-radius: 32px;
  padding: 48px;
  text-align: center;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
}

.offer-card h2 {
  font-size: 2rem;
  margin-bottom: 8px;
}

.offer-sub {
  color: var(--text-muted);
  margin-bottom: 24px;
}

.price-anchor {
  font-size: 1.15rem;
  color: #888;
  text-decoration: line-through;
  font-weight: 600;
  margin-bottom: 4px;
}

.price-main {
  font-size: 3.5rem;
  font-weight: 800;
  color: var(--primary-dark);
  line-height: 1;
  margin-bottom: 8px;
}

.price-main span {
  font-size: 1.5rem;
}

.price-note {
  font-size: 1rem;
  color: #2BA06B;
  font-weight: 700;
  margin-bottom: 28px;
}

.offer-stack {
  text-align: left;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 36px;
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  padding: 24px 0;
}

.offer-stack li {
  font-size: 0.98rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

.check-item {
  color: #2BA06B;
  font-weight: 800;
}

.badges-trust {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 24px;
  font-size: 0.82rem;
  color: var(--text-muted);
  flex-wrap: wrap;
}

/* SEÇÃO 8: GARANTIA */
.section-guarantee {
  padding: 80px 0;
  background: var(--bg-card);
  border-top: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
}

.guarantee-box {
  display: flex;
  gap: 40px;
  align-items: center;
  max-width: 860px;
  margin: 0 auto;
}

.seal-badge {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--primary-accent);
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  flex-shrink: 0;
  box-shadow: 0 10px 20px rgba(222, 78, 38, 0.3);
  text-align: center;
  line-height: 1.1;
}

.seal-badge strong {
  font-size: 2.4rem;
}

.seal-badge span {
  font-size: 0.8rem;
  text-transform: uppercase;
}

.guarantee-text h2 {
  font-size: 1.8rem;
  margin-bottom: 12px;
  color: var(--primary-dark);
}

.guarantee-text p {
  font-size: 1.05rem;
  color: var(--text-muted);
}

/* SEÇÃO 9: AGIR AGORA */
.section-urgency {
  padding: 90px 0;
  background: var(--primary-dark);
  color: #FFF;
  text-align: center;
}

.urgency-box {
  max-width: 760px;
  margin: 0 auto;
}

.urgency-box h2 {
  color: #FFF;
  font-size: 2.3rem;
  margin-bottom: 20px;
}

.urgency-box p {
  font-size: 1.2rem;
  color: #D3DDD8;
  margin-bottom: 36px;
  line-height: 1.6;
}

/* SEÇÃO 10: FAQ */
.section-faq {
  padding: 90px 0;
  background: var(--bg-cream);
}

.faq-container {
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq-item {
  background: var(--bg-white);
  border-radius: 16px;
  border: 1px solid var(--border-subtle);
  overflow: hidden;
}

.faq-question {
  padding: 22px 28px;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--primary-dark);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.faq-toggle {
  font-size: 1.4rem;
  color: var(--primary-accent);
  transition: transform 0.3s;
}

.faq-answer {
  padding: 0 28px 22px;
  color: var(--text-muted);
  font-size: 1rem;
  display: none;
  line-height: 1.6;
}

.faq-item.open .faq-answer {
  display: block;
}

.faq-item.open .faq-toggle {
  transform: rotate(45deg);
}

/* FOOTER */
footer {
  background: #0E2924;
  color: #7E8D88;
  padding: 40px 0;
  text-align: center;
  font-size: 0.85rem;
}

.footer-disclaimer {
  margin-top: 8px;
  font-size: 0.78rem;
}

/* RESPONSIVIDADE */
@media (max-width: 860px) {
  .hero-grid, .outcomes-grid, .guarantee-box {
    grid-template-columns: 1fr;
    flex-direction: column;
    text-align: center;
  }

  .hero-content h1 {
    font-size: 2.2rem;
  }

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

  .outcomes-list {
    text-align: left;
  }

  .offer-card {
    padding: 32px 20px;
  }
}


/* OTIMIZAÇÃO DE CONVERSÃO — PRIMEIRA DOBRA */
.section-hero { background: #153C35; padding: 54px 0 64px; }
.hero-grid { grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 32px; }
.hero-eyebrow { color: #F7D8B9; font-size: .75rem; font-weight: 800; letter-spacing: .09em; margin-bottom: 16px; }
.hero-content h1 { font-size: clamp(2rem,3.5vw,3rem); line-height: 1.13; margin-bottom: 18px; }
.hero-lead { font-size: 1.06rem !important; line-height: 1.58 !important; }
.hero-benefits { list-style: none; display: grid; gap: 10px; margin: 22px 0; }
.hero-benefits li { color: #fff; font-size: .93rem; display: flex; align-items: flex-start; gap: 10px; }
.hero-benefits li span { color: #A9E6BE; font-weight: 800; }
.hero-purchase { max-width: 480px; }
.hero-cta { display: block; padding: 17px 22px; font-size: .98rem; border-radius: 12px; }
.hero-trust { margin-top: 10px; color: #D3DDD8; font-size: .72rem; text-align: center; }
.hero-mockup { max-height: 480px; object-fit: contain; }
.price-intro { font-weight: 700; color: var(--text-muted); margin-bottom: 7px; }
@media (max-width: 860px) {
  .section-hero { padding: 30px 0 44px; }
  .hero-grid { display: flex; flex-direction: column; gap: 20px; text-align: left; }
  .hero-content h1 { font-size: clamp(1.8rem,7.2vw,2.35rem); }
  .hero-content { width: 100%; }
  .hero-lead { font-size: 1rem !important; }
  .hero-mockup-wrapper { width: 100%; }
  .hero-mockup { max-height: 280px; width: auto; max-width: 100%; }
  .hero-purchase { width: 100%; }
  .hero-cta { font-size: .89rem; }
  .hero-trust { font-size: .7rem; }
}
@media (max-width: 380px) {
  .container { padding-left: 18px; padding-right: 18px; }
  .hero-content h1 { font-size: 1.78rem; }
  .hero-cta { padding: 16px 10px; font-size: .8rem; }
}


/* VITRINE REAL DOS PDFs — 5 PILARES + 4 BÔNUS */
.eyebrow-pill { display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.11em; color:#174A38; background:#E8EEE5; padding:8px 13px; border-radius:99px; margin-bottom:14px; }
.preview-display img { width:auto; max-width:100%; max-height:590px; object-fit:contain; border-radius:12px; }
.preview-caption { font-size:.9rem; font-weight:700; color:#174A38; margin:10px 0 0; }
.preview-link { display:inline-block; color:#174A38; font-weight:800; margin-top:14px; text-underline-offset:4px; }
.carousel-dots .dot { border:0; cursor:pointer; padding:0; }
.pillar-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-top:30px; }
.pillar-card { background:#F6F4EE; border:1px solid #E4E8DF; border-radius:17px; padding:20px 16px; text-align:left; }
.pillar-num { display:inline-block; color:#C84B2A; font-size:1.45rem; font-weight:800; margin-bottom:8px; }
.pillar-card h3 { color:#174A38; font-size:1.1rem; margin:0 0 10px; }
.pillar-card p { font-size:.87rem; line-height:1.55; margin:0; }
.pillar-note { text-align:center; margin:22px auto 0; max-width:700px; font-size:.92rem; }
.bonus-card-real { overflow:hidden; }
.bonus-card-real > img { display:block; width:100%; height:220px; object-fit:contain; padding:16px; background:#F6F4EE; }
.bonus-card-real .bonus-body { text-align:left; }
@media(max-width:960px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.pillar-grid{grid-template-columns:1fr;gap:10px}.pillar-card{padding:15px 18px}.bonus-card-real > img{height:190px}.preview-display img{max-height:470px}}