/* ============================================================ LP.CSS — Framework de Landing Pages para datas comemorativas Reaproveitável entre Setembro Amarelo / Outubro Rosa / Novembro Azul Herda tokens de styles.css (--navy, --green, --cream, --muted) Cada LP define --accent e --accent-deep no ou :root inline ============================================================ */ *{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{font-family:'Manrope',sans-serif;background:var(--cream);color:var(--navy);-webkit-font-smoothing:antialiased;} img{max-width:100%;display:block;} a{text-decoration:none;color:inherit;} .wrap{max-width:1180px;margin:0 auto;padding:0 32px;} h1,h2,h3{font-family:'Sora',sans-serif;font-weight:800;line-height:1.12;letter-spacing:-0.01em;} section{padding:88px 0;} /* ---------- LP NAV (enxuta, foco único em conversão) ---------- */ .lp-nav{padding:22px 0;border-bottom:1px solid rgba(14,25,45,0.08);display:block;} .lp-nav .wrap{display:flex;align-items:center;justify-content:space-between;} .lp-nav img{height:34px;width:auto;} .lp-nav .btn{padding:11px 22px;font-size:14.5px;} /* ---------- BUTTONS ---------- */ .btn{display:inline-flex;align-items:center;gap:8px;font-family:'Sora',sans-serif;font-weight:700;border-radius:10px;cursor:pointer;border:none;font-size:15px;transition:transform .15s ease, box-shadow .15s ease;} .btn:hover{transform:translateY(-2px);} .btn-accent{background:var(--accent);color:var(--navy-deep);padding:16px 30px;font-size:16px;box-shadow:0 14px 30px -12px var(--accent-shadow);} .btn-accent:hover{box-shadow:0 18px 36px -12px var(--accent-shadow);} .btn-outline{border:1.5px solid rgba(255,255,255,0.35);color:#fff;padding:16px 30px;font-size:16px;} /* ---------- HERO ---------- */ .lp-hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;padding:72px 0 100px;position:relative;overflow:hidden;} .lp-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center;} .lp-hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);padding:8px 16px;border-radius:99px;font-size:13px;font-weight:700;letter-spacing:0.03em;color:var(--accent);margin-bottom:24px;} .lp-hero-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);} .lp-hero h1{font-size:clamp(34px,4.4vw,54px);margin-bottom:14px;} .lp-hero h1 .accent{color:var(--accent);} .lp-hero .hero-hook{font-family:'Sora',sans-serif;font-weight:600;font-size:clamp(19px,2vw,23px);color:rgba(255,255,255,0.72);margin-bottom:20px;line-height:1.4;max-width:540px;} .lp-hero h1 em{font-style:normal;color:var(--accent);} .lp-hero p.lead{font-size:16px;color:rgba(255,255,255,0.68);margin-bottom:32px;max-width:520px;line-height:1.55;} .lp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;} .lp-hero-trust{display:flex;gap:28px;flex-wrap:wrap;padding-top:28px;border-top:1px solid rgba(255,255,255,0.12);} .lp-hero-trust div{font-size:13px;color:rgba(255,255,255,0.55);} .lp-hero-trust strong{display:block;font-family:'Sora',sans-serif;font-size:22px;color:#fff;font-weight:800;} /* ---------- GAUGE (elemento assinatura) ---------- */ .gauge-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:22px;padding:32px 28px 26px;} .gauge-card-label{font-size:12.5px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.5);font-weight:700;margin-bottom:6px;} .gauge-card-title{font-family:'Sora',sans-serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:22px;} .gauge-svg{width:100%;height:auto;display:block;} .gauge-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;} .gauge-legend div{display:flex;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,0.68);} .gauge-legend span.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;} .gauge-factors{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.1);font-size:12px;color:rgba(255,255,255,0.5);line-height:1.6;} .gauge-factors strong{color:rgba(255,255,255,0.75);} /* ---------- SIPAT: CRONOGRAMA SEMANAL (elemento assinatura) ---------- */ .week-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:22px;padding:30px 26px;} .week-card-label{font-size:12.5px;text-transform:uppercase;letter-spacing:0.08em;color:rgba(255,255,255,0.5);font-weight:700;margin-bottom:6px;} .week-card-title{font-family:'Sora',sans-serif;font-weight:700;font-size:17px;color:#fff;margin-bottom:22px;} .week-days{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;} .week-day{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:11px;padding:11px 14px;} .week-day .dow{font-family:'Sora',sans-serif;font-weight:800;font-size:12.5px;color:rgba(255,255,255,0.4);width:34px;flex-shrink:0;} .week-day .theme{font-size:13.5px;color:rgba(255,255,255,0.88);font-weight:600;flex-grow:1;} .week-day .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;} .week-card p{font-size:13px;color:rgba(255,255,255,0.55);line-height:1.5;} /* ---------- DIFERENCIAL (comparativo) ---------- */ .diff-section{background:#fff;} .diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;} .diff-card{border-radius:18px;padding:30px 28px;} .diff-card.bad{background:var(--cream);border:1px solid rgba(14,25,45,0.08);} .diff-card.good{background:var(--navy);border:1px solid rgba(30,139,97,0.3);} .diff-card-tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin-bottom:16px;} .diff-card.bad .diff-card-tag{background:rgba(224,98,44,0.12);color:#B84A1E;} .diff-card.good .diff-card-tag{background:rgba(30,139,97,0.18);color:var(--green-bright);} .diff-card h3{font-family:'Sora',sans-serif;font-size:17px;margin-bottom:16px;} .diff-card.bad h3{color:var(--navy);} .diff-card.good h3{color:#fff;} .diff-card ul{list-style:none;} .diff-card li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;padding:8px 0;} .diff-card.bad li{color:var(--muted);} .diff-card.good li{color:rgba(255,255,255,0.82);} .diff-card.bad li::before{content:"✕";color:#B84A1E;font-weight:800;flex-shrink:0;} .diff-card.good li::before{content:"✓";color:var(--green-bright);font-weight:800;flex-shrink:0;} @media (max-width:760px){.diff-grid{grid-template-columns:1fr;}} /* ---------- CATÁLOGO DE TEMAS ---------- */ .catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .catalog-card{background:#fff;border:1px solid rgba(14,25,45,0.08);border-radius:16px;padding:26px 24px;box-shadow:0 20px 40px -30px rgba(14,25,45,0.18);} .catalog-card h3{font-size:16px;margin-bottom:8px;} .catalog-card p{font-size:13.5px;color:var(--muted);line-height:1.5;} @media (max-width:760px){.catalog-grid{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.catalog-grid{grid-template-columns:1fr;}} /* ---------- BLITZ POSTURAL ---------- */ .blitz-section{background:var(--cream);padding:88px 0;} .blitz-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;} .blitz-section h2{color:var(--navy);font-size:clamp(24px,2.8vw,32px);margin:16px 0 18px;} .blitz-section > .wrap > div:first-child p{color:var(--muted);font-size:15.5px;line-height:1.6;margin-bottom:22px;} .blitz-section .sipat-checks li{color:var(--navy);} .blitz-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .blitz-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:top center;border-radius:14px;display:block;box-shadow:0 20px 40px -22px rgba(14,25,45,0.28);cursor:zoom-in;} @media (max-width:900px){.blitz-grid{grid-template-columns:1fr;}.blitz-gallery{max-width:420px;margin:0 auto;}} /* ---------- SPEAKER / SOBRE ---------- */ .speaker-section{background:var(--cream);} .speaker-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:56px;align-items:center;} .about-photo-wrap{position:relative;max-width:320px;margin:0 auto;} .photo-frame{display:block;overflow:hidden;border-radius:18px;box-shadow:0 30px 60px -20px rgba(14,25,45,0.25);} .about-photo-wrap img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:top center;display:block;} .speaker-tag{position:absolute;top:-14px;left:-14px;z-index:2;background:var(--accent);color:var(--navy-deep);font-family:'Sora',sans-serif;font-weight:700;font-size:12.5px;padding:9px 16px;border-radius:9px;box-shadow:0 10px 22px -8px var(--accent-shadow);} .speaker-section h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:16px;} .speaker-section p{font-size:15.5px;color:var(--muted);margin-bottom:14px;line-height:1.6;} .speaker-credentials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;} .speaker-credentials span{background:#fff;border:1px solid rgba(14,25,45,0.1);border-radius:99px;padding:8px 16px;font-size:12.5px;font-weight:700;color:var(--navy);} /* ---------- ESTEIRA DE FOTOS (MARQUEE) ---------- */ .marquee-section{background:var(--cream);padding:40px 0 76px;overflow:hidden;} .marquee-section .section-head{text-align:center;max-width:600px;margin:0 auto 40px;} .marquee-section .section-head p{margin:0 auto;} .marquee-track-wrap{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);} .marquee-track{display:flex;gap:20px;width:max-content;animation:marquee-scroll 38s linear infinite;} .marquee-track:hover{animation-play-state:paused;} .marquee-track img{height:260px;width:auto;border-radius:14px;box-shadow:0 20px 40px -22px rgba(14,25,45,0.28);flex-shrink:0;display:block;} @keyframes marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}} .marquee-cta{text-align:center;margin-top:36px;} .marquee-cta p{font-size:14.5px;color:var(--muted);margin-bottom:16px;} @media (max-width:640px){.marquee-track img{height:190px;}} /* ---------- MITOS E VERDADES ---------- */ .myths-section{background:#fff;} .myths-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;} .myth-card{background:var(--cream);border:1px solid rgba(14,25,45,0.08);border-radius:16px;padding:26px 24px;} .myth-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;} .myth-row.mito{border-bottom:1px dashed rgba(14,25,45,0.12);padding-bottom:14px;margin-bottom:10px;} .myth-badge{flex-shrink:0;font-family:'Sora',sans-serif;font-weight:800;font-size:10.5px;letter-spacing:0.06em;padding:4px 10px;border-radius:99px;margin-top:1px;} .myth-badge.mito{background:rgba(224,98,44,0.12);color:#B84A1E;} .myth-badge.verdade{background:var(--accent-soft);color:var(--accent-text,var(--green));} .myth-row p{font-size:14.5px;color:var(--navy);line-height:1.5;margin:0;} .myth-row.mito p{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(75,90,114,0.4);} @media (max-width:760px){.myths-grid{grid-template-columns:1fr;}} /* ---------- LEGAL CALLOUT ---------- */ .legal-section{background:#fff;} .legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;} .legal-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-text,var(--navy));margin-bottom:18px;} .legal-eyebrow::before{content:"";width:24px;height:2px;background:var(--accent);} .legal-section h2{font-size:clamp(26px,3vw,34px);margin-bottom:18px;} .legal-section p{font-size:16px;color:var(--muted);margin-bottom:16px;line-height:1.6;} .legal-card{background:var(--cream);border:1px solid rgba(14,25,45,0.08);border-radius:18px;padding:32px;} .legal-card ul{list-style:none;} .legal-card li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(14,25,45,0.07);font-size:14.5px;color:var(--navy);line-height:1.5;} .legal-card li:last-child{border-bottom:none;} .legal-card li .num{font-family:'Sora',sans-serif;font-weight:800;color:var(--accent-text,var(--green));flex-shrink:0;font-size:14px;} /* ---------- FACTORS GRID ---------- */ .factors-section{background:var(--navy);color:#fff;} .factors-section .section-head{text-align:center;max-width:640px;margin:0 auto 52px;} .factors-section .eyebrow{color:var(--accent);} .factors-section h2{color:#fff;font-size:clamp(26px,3vw,34px);margin-bottom:14px;} .factors-section .section-head p{color:rgba(255,255,255,0.6);font-size:16px;} .factors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;} .factor-chip{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:18px 16px;font-size:13.5px;color:rgba(255,255,255,0.78);line-height:1.4;} .factor-chip strong{display:block;color:#fff;font-family:'Sora',sans-serif;font-size:14px;margin-bottom:4px;} /* ---------- FORMAT / AGENDA ---------- */ .section-head{margin-bottom:48px;} .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-text,var(--green));margin-bottom:14px;} .eyebrow::before{content:"";width:24px;height:2px;background:var(--accent);} .section-head h2{font-size:clamp(26px,3.1vw,36px);margin-bottom:12px;} .section-head p{color:var(--muted);font-size:16px;max-width:560px;} .agenda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;} .agenda-card{background:#fff;border:1px solid rgba(14,25,45,0.08);border-radius:16px;padding:28px 24px;box-shadow:0 20px 40px -30px rgba(14,25,45,0.18);} .agenda-card .icn{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-text,var(--navy));} .agenda-card h3{font-size:16.5px;margin-bottom:8px;} .agenda-card p{font-size:14px;color:var(--muted);line-height:1.55;} /* ---------- SOCIAL PROOF ---------- */ .proof-section{background:var(--navy-deep);color:#fff;} .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .proof-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:26px;display:flex;flex-direction:column;justify-content:center;} .proof-card p.quote{font-size:16.5px;color:rgba(255,255,255,0.85);font-style:italic;margin-bottom:20px;line-height:1.65;} .proof-card .author strong{display:block;font-size:14px;} .proof-card .author span{font-size:12.5px;color:rgba(255,255,255,0.5);} .proof-card-video{padding:12px;} .proof-card-video video{width:100%;border-radius:10px;display:block;margin-bottom:12px;background:#000;} .proof-card-video .author{padding:0 10px 4px;} .logos-strip{margin-top:44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px;opacity:0.55;} .logos-strip img{height:26px;width:auto;filter:brightness(0) invert(1);} /* ---------- FAQ ---------- */ .lp-faq-item{border-bottom:1px solid rgba(14,25,45,0.1);} .lp-faq-q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:22px 4px;cursor:pointer;font-family:'Sora',sans-serif;font-weight:700;font-size:15.5px;background:none;border:none;color:var(--navy);text-align:left;} .lp-faq-q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;} .lp-faq-q .plus{color:var(--accent-text,var(--green));font-size:20px;flex-shrink:0;margin-left:16px;transition:transform .25s ease;} .lp-faq-item.open .plus{transform:rotate(45deg);} .lp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .lp-faq-a p{padding:0 4px 20px;font-size:14.5px;color:var(--muted);line-height:1.6;} /* ---------- FINAL CTA / FORM ---------- */ .lp-final{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;} .lp-final-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:56px;align-items:start;} .lp-final h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:16px;} .lp-final p.lead{color:rgba(255,255,255,0.7);font-size:16px;margin-bottom:26px;line-height:1.6;} .urgency-box{background:rgba(255,255,255,0.06);border:1px solid var(--accent);border-radius:12px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:rgba(255,255,255,0.85);line-height:1.5;} .urgency-box .dot-pulse{width:9px;height:9px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px;box-shadow:0 0 0 0 var(--accent);animation:pulse 1.8s infinite;} @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.35);}70%{box-shadow:0 0 0 10px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}} .lp-form{background:#fff;border-radius:18px;padding:36px;box-shadow:0 40px 80px -30px rgba(0,0,0,0.4);} .lp-form h3{color:var(--navy);font-size:19px;margin-bottom:6px;} .lp-form .sub{color:var(--muted);font-size:13.5px;margin-bottom:22px;} .lp-field{margin-bottom:16px;} .lp-field label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;} .lp-field input,.lp-field select,.lp-field textarea{width:100%;padding:12px 14px;border:1.5px solid rgba(14,25,45,0.14);border-radius:9px;font-family:'Manrope',sans-serif;font-size:14.5px;color:var(--navy);background:var(--cream);} .lp-field input:focus,.lp-field select:focus,.lp-field textarea:focus{outline:none;border-color:var(--accent);} .lp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .lp-consent{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted);cursor:pointer;font-weight:400;margin-bottom:18px;} .lp-consent input{width:15px;height:15px;margin-top:2px;flex-shrink:0;accent-color:var(--accent-text,var(--green));} .lp-consent a{color:var(--accent-text,var(--green));font-weight:600;text-decoration:underline;} .lp-form-status{font-size:13.5px;margin-top:12px;min-height:18px;} .lp-form button[type="submit"]{width:100%;justify-content:center;padding:15px;} /* ---------- FOOTER (herda do site principal) ---------- */ footer{background:var(--navy-deep);color:#fff;padding:44px 0;text-align:center;} .footer-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;} .footer-links a{color:rgba(255,255,255,0.65);font-weight:600;} .footer-links a:hover{color:var(--accent);} .footer-dot{color:rgba(255,255,255,0.3);} footer .copy{font-size:13px;color:rgba(255,255,255,0.4);} /* ---------- WHATSAPP FLOAT ---------- */ .wa-float{position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -6px rgba(37,211,102,0.55);z-index:100;} .wa-float svg{width:28px;height:28px;fill:#fff;} /* ---------- REVEAL ---------- */ .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;} .reveal.visible{opacity:1;transform:translateY(0);} /* ---------- RESPONSIVE ---------- */ @media (max-width:960px){ .lp-hero .wrap{grid-template-columns:1fr;} .legal-grid{grid-template-columns:1fr;} .agenda-grid{grid-template-columns:1fr 1fr;} .proof-grid{grid-template-columns:1fr;} .lp-final-grid{grid-template-columns:1fr;} } @media (max-width:640px){ section{padding:60px 0;} .wrap{padding:0 20px;} .agenda-grid{grid-template-columns:1fr;} .lp-field-row{grid-template-columns:1fr;} .lp-hero-trust{gap:18px;} .factors-grid{grid-template-columns:1fr 1fr;} }