.method-page { background: var(--bg); }
.method-hero { padding: 82px 0 75px; background: radial-gradient(circle at 75% 35%, rgba(255,204,68,.18), transparent 31%), linear-gradient(140deg,var(--bg),var(--surface)); }
.method-hero-grid { display:grid; grid-template-columns: 1.05fr .75fr; align-items:center; gap:70px; }
.method-hero h1 { max-width:760px; }
.method-hero h1 strong { color:var(--gold); font-weight:700; }
.method-hero .hero-lead { max-width:650px; }
.hero-note { display:flex; flex-wrap:wrap; gap:18px; margin-top:25px; color:var(--muted); font-size:.84rem; }
.method-cover { position:relative; max-width:400px; margin:0 auto; }
.method-cover::after { content:""; position:absolute; inset:10% -8% -6%; z-index:0; border-radius:50%; background:rgba(255,204,68,.2); filter:blur(45px); }
.method-cover img { position:relative; z-index:1; display:block; width:100%; border-radius:10px; box-shadow:20px 25px 45px rgba(0,0,0,.4); }
.trust-strip { padding:19px 0; border-bottom:1px solid var(--line); border-top:1px solid var(--line); background:var(--surface); }
.trust-items { display:flex; justify-content:center; flex-wrap:wrap; gap:35px; color:var(--muted); font-size:.85rem; }
.trust-items span::before { content:"✓"; margin-right:7px; color:var(--gold); font-weight:bold; }
.method-section { padding:95px 0; }
.method-section.alt { background:var(--surface); }
.method-section h2 { max-width:800px; }
.testimonials-section { background:var(--surface); }
.testimonials-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:38px; }
.testimonial-shot { margin:0; padding:16px; border:1px solid rgba(255,204,68,.3); border-radius:12px; background:var(--surface-2); box-shadow:0 18px 45px rgba(0,0,0,.2); }
.testimonial-shot img { display:block; width:100%; max-height:640px; object-fit:contain; border-radius:7px; background:var(--bg); }
.testimonial-shot figcaption { padding:15px 4px 2px; color:var(--muted); font-size:.85rem; text-align:center; }
.method-section-intro { max-width:720px; margin:22px 0 42px; color:var(--muted); font-size:1.08rem; }
.problem-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-top:35px; }
.problem-item { padding:22px 24px; border-left:2px solid rgba(255,204,68,.55); background:var(--surface-2); color:var(--muted); }
.problem-item strong { display:block; margin-bottom:5px; color:var(--text); }
.compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:38px; }
.compare-card { padding:32px; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.compare-card.good { border-color:rgba(255,204,68,.5); background:linear-gradient(145deg,var(--surface-2),var(--surface)); }
.compare-card h3 { margin-bottom:22px; color:var(--gold); }
.compare-card ul { display:grid; gap:14px; margin:0; padding:0; list-style:none; color:var(--muted); }
.compare-card li::before { margin-right:10px; color:var(--gold); content:"✓"; }
.compare-card:not(.good) li::before { color:var(--muted); content:"×"; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:42px; }
.feature-card { overflow:hidden; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.feature-card img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.feature-card div { padding:20px; }
.feature-card h3 { font-size:1.06rem; margin-bottom:8px; }
.feature-card p { margin:0; color:var(--muted); font-size:.9rem; }
.journey-wrap { display:grid; grid-template-columns:.75fr 1fr; align-items:center; gap:60px; }
.journey-image img { width:100%; border-radius:10px; }
.journey-list { display:grid; gap:15px; margin-top:30px; }
.journey-item { display:grid; grid-template-columns:45px 1fr; gap:16px; align-items:start; padding:18px 0; border-bottom:1px solid var(--line); }
.journey-number { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--gold); color:var(--bg); font-weight:700; }
.journey-item h3 { font-size:1.05rem; margin-bottom:4px; }
.journey-item p { margin:0; color:var(--muted); font-size:.9rem; }
.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:40px; }
.audience-card { overflow:hidden; padding:0; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.audience-card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.audience-card div { padding:22px 24px 25px; }
.audience-card h3 { margin-bottom:8px; font-size:1.1rem; }
.audience-card p { margin:0; color:var(--muted); font-size:.9rem; }
.included-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:38px; }
.included-card { overflow:hidden; padding:0; border:1px solid var(--line); border-radius:9px; background:var(--surface-2); }
.included-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.included-card div { padding:24px 28px 28px; }
.included-card h3 { margin:16px 0 8px; font-size:1.1rem; }
.included-card p { margin:0; color:var(--muted); font-size:.91rem; }
.included-icon { color:var(--gold); font-size:1.5rem; }
.bonus-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:38px; }
.bonus-card { padding:34px; border:1px solid rgba(255,204,68,.38); border-radius:9px; background:linear-gradient(145deg,var(--surface-2),var(--surface)); }
.bonus-card h3 { margin:16px 0 8px; }
.bonus-card p { margin:0; color:var(--muted); }
.bonus-price { margin-top:22px; color:var(--muted); font-size:.95rem; }
.bonus-price span { color:var(--muted); text-decoration-line:line-through; text-decoration-color:var(--price-strike); text-decoration-thickness:2px; }
.bonus-price strong { display:block; margin-top:4px; color:var(--economy); font:700 1.35rem "Space Grotesk",sans-serif; letter-spacing:.04em; }
.offer-section { scroll-margin-top:78px; background:radial-gradient(circle at 50% 75%,rgba(255,204,68,.1),transparent 42%); }
.offer-heading { text-align:left; }
.offer-heading h2 { max-width:760px; }
.price-box { max-width:1050px; margin:40px auto 0; overflow:hidden; border:1px solid var(--gold); border-radius:14px; background:var(--surface-2); box-shadow:0 25px 80px rgba(0,0,0,.35); }
.offer-ribbon { padding:13px 20px; color:var(--bg); background:var(--gold); font-size:.78rem; font-weight:800; letter-spacing:.14em; text-align:center; }
.offer-content { display:grid; grid-template-columns:1.25fr .65fr; }
.method-offer-product { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; align-items:center; padding:38px; min-width:0; }
.method-offer-product > img { display:block; width:100%; height:auto; border-radius:7px; box-shadow:13px 18px 25px rgba(0,0,0,.4); }
.offer-kicker { color:var(--gold); font-size:.75rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.offer-copy h3 { max-width:440px; margin:12px 0 20px; font-size:1.65rem; }
.offer-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; color:var(--muted); }
.offer-list li::before { content:"✓"; margin-right:10px; color:var(--gold); }
.offer-price { display:flex; flex-direction:column; justify-content:center; padding:38px; border-left:1px solid var(--line); text-align:center; background:var(--surface-2); }
.offer-price .button { width:100%; }
.price-highlight { margin:7px 0 6px; color:var(--economy); font:700 clamp(2.65rem,5vw,4rem)/1 "Space Grotesk",sans-serif; }
.price-highlight small { font-size:1rem; color:var(--text); }
.installments { margin-bottom:24px; color:var(--muted); font-size:1.05rem; font-weight:600; }
.payment-methods { display:block; width:min(100%,300px); height:auto; margin:20px auto 0; opacity:.75; }
.price-old { color:var(--muted); text-decoration-line:line-through; text-decoration-color:var(--price-strike); text-decoration-thickness:2px; }
.price-label { margin-top:12px; color:var(--muted); }
.price { margin:4px 0 14px; color:var(--text); font:700 clamp(2.4rem,6vw,4.2rem)/1 "Space Grotesk",sans-serif; }
.price small { font-size:1rem; color:var(--muted); }
.price-note { margin:18px 0 0; color:var(--muted); font-size:.85rem; }
.guarantee-box { display:grid; grid-template-columns:180px 1fr; align-items:center; gap:45px; max-width:900px; margin:0 auto; }
.guarantee-seal { display:grid; place-items:center; }
.guarantee-seal img { display:block; width:180px; height:180px; object-fit:contain; filter:drop-shadow(0 12px 15px rgba(0,0,0,.3)); }
.guarantee-box p { color:var(--muted); }
.author-box { display:grid; grid-template-columns:.55fr 1fr; gap:60px; align-items:center; }
.author-box img { width:100%; max-height:540px; object-fit:cover; border-radius:10px; }
.author-box p { color:var(--muted); }
.faq-list { max-width:880px; margin:35px auto 0; }
.faq-list details { padding:20px 0; border-bottom:1px solid var(--line); }
.faq-list summary { cursor:pointer; list-style:none; font-weight:700; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { float:right; color:var(--gold); content:"+"; font-size:1.4rem; }
.faq-list details[open] summary::after { content:"−"; }
.faq-list details p { max-width:800px; margin:14px 0 0; color:var(--muted); }
.final-cta { text-align:center; background:radial-gradient(circle at 50% 0,rgba(255,204,68,.15),transparent 45%),var(--surface); }
.final-cta h2 { max-width:850px; margin-right:auto; margin-left:auto; }
.final-cta p { max-width:650px; margin:20px auto 28px; color:var(--muted); }
.whatsapp-link { display:inline-block; margin-top:18px; color:var(--decline); font-size:.9rem; }
.whatsapp-link:hover { color:var(--text); }
.whatsapp-link:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }

@media (max-width:800px) {
  .method-hero-grid,.journey-wrap,.author-box { grid-template-columns:1fr; gap:40px; }
  .method-hero { padding-top:60px; }
  .method-cover { max-width:290px; order:-1; }
  .problem-grid,.compare-grid,.bonus-grid,.testimonials-grid,.offer-content { grid-template-columns:1fr; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .audience-grid,.included-grid { grid-template-columns:1fr; }
  .method-section { padding:70px 0; }
  .method-page .hero-actions { align-items:center; }
  .method-page .hero-actions .button,
  .method-page .price-box .button,
  .method-page .final-cta .button { width:100%; }
  .method-offer-product { grid-template-columns:1fr; gap:30px; padding:30px 22px; }
  .method-offer-product > img { width:min(100%,190px); justify-self:center; }
  .offer-price { padding:30px 22px; border-top:1px solid var(--line); border-left:0; }
  .testimonials-grid { gap:15px; }
  .site-footer { text-align:center; }
  .site-footer .footer-grid { align-items:center; }
  .site-footer .footer-links { align-items:center; width:100%; }
  .site-footer .footer-bottom { align-items:center; width:100%; text-align:center; }
  .guarantee-box { grid-template-columns:1fr; text-align:center; justify-items:center; gap:25px; }
  .author-box img { max-height:420px; max-width:340px; justify-self:center; }
  .method-page .hero-note, .method-page .trust-items { justify-content:center; }
  .method-page .offer-price { text-align:center; }
}
