/* Béton Blanc Déco — site-v2, tokens medidos na original (CSS computado, 12/11/2026) */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --pink:#ED2588;
  --pink-ink:#C8146F;
  --black:#000;
  --black-2:#020101;
  --white:#FFF;
  --text:#000;
  --body-text:#333;
  --muted:#7A7A7A;
  --line:#e6e6e6;
  --max:1050px;
}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-400.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-700.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:italic;font-weight:700;font-display:swap;src:url(fonts/montserrat-700-italic.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-800.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(fonts/poppins-700-italic.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/roboto-300.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-400.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-700.woff2) format("woff2")}
@font-face{font-family:Roboto;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/roboto-800.woff2) format("woff2")}

html{scroll-behavior:smooth}
body{font-family:Roboto,system-ui,sans-serif;color:var(--body-text);line-height:1.6;background:#fff}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:911px;margin:0 auto;padding:0 20px}
section{position:relative}
.dark{background:var(--black);color:#fff}
.dark-2{background:var(--black-2);color:#fff}
.light{background:#fff;color:var(--text)}
.pink{color:var(--pink)}
.center{text-align:center}

/* Divisores (SVG Elementor: tilt / triangle / wave-brush) */
.shape{position:absolute;left:0;width:100%;line-height:0;overflow:hidden;pointer-events:none;z-index:2}
.shape-top{top:-1px}
.shape-bottom{bottom:-1px}
.shape svg{display:block;width:calc(130% + 1.3px);height:27px;position:relative;left:50%;transform:translateX(-50%) rotateY(180deg)}
.shape-tilt svg{height:27px}
.shape-triangle svg{height:80px;width:calc(100% + 1.3px);transform:translateX(-50%)}
.shape-wave svg{height:80px;width:calc(100% + 1.3px);transform:translateX(-50%)}
.shape-fill{fill:#fff}

/* Botão pílula — medido: #ED2588, Montserrat 700, radius 65px, shadow 0 0 10px, grow 1.1 / .3s. text-transform none (computado). */
.btn{
  display:inline-block;background:var(--pink);color:#fff;font-family:Montserrat,sans-serif;font-weight:700;
  font-size:18px;line-height:1;text-decoration:none;border-radius:65px;border:0;cursor:pointer;
  box-shadow:0 0 10px 0 #ED2588;padding:20px 120px;transition:transform .3s;text-align:center
}
.btn:hover,.btn:focus-visible{transform:scale(1.1);color:#fff}
.btn-invert{background:#fff;color:#000;box-shadow:none}
.btn-invert:hover,.btn-invert:focus-visible{color:#000}
.btn-block{width:100%}

/* Hero */
.hero{text-align:center;padding:90px 0;background:#000;color:#fff}
.hero .pre{font-family:Roboto,sans-serif;font-weight:400;font-size:26px;line-height:1.2;color:#fff;margin:0 auto 8px;max-width:900px}
.hero-kicker{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.6em;line-height:1;color:#fff;margin:0}
.hero-name{font-family:Poppins,sans-serif;font-weight:700;font-style:italic;font-size:2.9em;line-height:1;text-transform:uppercase;color:var(--pink);text-shadow:0 0 3px #ED2588;margin:-14px 0 0}
.hero .sub{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:1.2;color:#fff;margin:12px auto 0;max-width:720px}
.hero .btn{margin-top:24px}
.hero .note{font-family:Roboto,sans-serif;font-weight:300;font-size:14px;line-height:1.4;color:#bbb;margin:14px auto 0;max-width:640px;font-style:normal}

/* Aperçu */
.apercu{background:#000;color:#fff;padding:90px 0 70px}
.apercu-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.apercu h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.2em;line-height:1.1;color:#fff;text-align:left;margin:0 0 16px;text-transform:none}
.apercu .lead{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:1.2;color:#fff;margin:0 0 20px}
.apercu .btn{padding:20px 48px}
.features{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px;text-align:center}
.features li{list-style:none;font-family:Roboto,sans-serif;font-weight:400;font-size:15px;line-height:1.3;color:#fff}
.features .ico{width:48px;height:48px;margin:0 auto 10px;color:#fff}
.features .ico svg{width:48px;height:48px;stroke:currentColor;fill:none;stroke-width:1.6}
.print-note{font-family:Roboto,sans-serif;font-weight:300;font-size:15px;line-height:1.4;color:#ddd;text-align:center;margin-top:20px}

/* Carrossel */
.carousel{background:#fff;padding:10px;--slides:3;--gap:8px}
.carousel-viewport{overflow:hidden;position:relative}
.carousel-track{display:flex;gap:var(--gap);transition:transform .5s ease}
.carousel-slide{flex:0 0 calc((100% - (var(--slides) - 1) * var(--gap)) / var(--slides));min-width:0}
.carousel-slide img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f3f3f3}
.carousel-slide figcaption{font-family:Roboto,sans-serif;font-size:12px;line-height:1.3;color:#555;text-align:center;padding:6px 4px 2px}
.carousel-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.carousel-btn{background:transparent;border:0;color:#111;width:36px;height:36px;cursor:pointer;font-size:22px;line-height:1;border-radius:50%}
.carousel-btn:hover,.carousel-btn:focus-visible{color:var(--pink)}
.carousel-dots{display:flex;gap:6px;justify-content:center;align-items:center}
.carousel-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#000;opacity:1;cursor:pointer}
.carousel-dots button[aria-current="true"]{background:var(--pink)}

/* História (layout pronto, hidden até autoria real) */
.story{background:#fff;color:#000;padding:40px 0;text-align:center}
.story p{margin:0 auto 18px;max-width:820px}
.story .s1{font-family:Roboto,sans-serif;font-weight:400;font-size:1.8em;line-height:1.1}
.story .s2{font-family:Roboto,sans-serif;font-weight:300;font-size:31px;line-height:1.15}
.story .s3{font-family:Roboto,sans-serif;font-weight:700;font-size:37px;line-height:1.15;color:var(--pink)}
.story .s4{font-family:Roboto,sans-serif;font-weight:400;font-size:37px;line-height:1.15}
.story .s5{font-family:Roboto,sans-serif;font-weight:300;font-size:38px;line-height:1.3}

/* Qui va vous guider */
.guide{background:#fff;color:#000;padding:40px 0 50px}
.guide h2{font-family:Montserrat,sans-serif;font-weight:700;font-style:italic;font-size:46px;line-height:1;color:var(--pink);text-align:center;margin:0 0 24px;text-transform:none}
.guide-grid{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start;max-width:900px;margin:0 auto}
.guide .portrait{width:100%;aspect-ratio:1;background:#f0f0f0;border:1px dashed #ccc}
.guide .bio{font-family:Roboto,sans-serif;font-weight:300;font-size:18px;line-height:1.2;color:#000}

/* Checklist */
.learn{background:var(--black-2);color:#fff;padding:80px 0 60px}
.learn h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.2em;line-height:1;color:#fff;text-align:center;margin:0 0 28px;text-transform:none}
.checks{list-style:none;max-width:560px;margin:0 auto}
.checks li{display:flex;align-items:flex-start;gap:12px;font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;margin:0 0 10px}
.checks svg{width:14px;height:14px;flex:0 0 14px;margin-top:5px;fill:var(--pink)}
.parts-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto 0;max-width:720px}
.parts-legend span{font-family:Roboto,sans-serif;font-size:12px;color:#bbb;border:1px solid #333;padding:4px 8px;border-radius:20px}

/* Témoignages (hidden) */
.quotes{margin-top:48px;text-align:center}
.quotes h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.2em;text-transform:uppercase}
.quotes .slots{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:20px auto 0}
.quotes .slot{min-height:160px;background:#111;border-radius:15px}

/* Bonus compacto */
.bonus{background:var(--black-2);color:#fff;padding:20px 0 70px}
.bonus-grid{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:center;max-width:820px;margin:0 auto}
.bonus h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.5em;line-height:1.2;color:#fff;text-align:left;margin:0 0 12px;text-transform:none}
.bonus p,.bonus li{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:#fff}
.bonus ul{margin:10px 0 0 20px}
.bonus li{margin:4px 0}
.bonus .small{font-size:13px;color:#bbb;font-style:italic;margin-top:12px}

/* Garantia + preço */
.guarantee-sec{background:#000;color:#fff;padding:50px 0 60px;text-align:center}
.seal{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border:3px solid var(--pink);border-radius:50%;margin:0 auto 18px;color:var(--pink)}
.seal strong{font-family:Montserrat,sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.15;text-align:center}
.guarantee-sec h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.6em;line-height:1.2;color:#fff;text-transform:none;margin:0 0 16px}
.guarantee-sec .gtext{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:1.35;color:#fff;max-width:720px;margin:0 auto}
.price-lockup{font-family:Montserrat,sans-serif;font-weight:800;font-size:72px;line-height:1;color:var(--pink);margin:22px 0 4px;text-shadow:0 0 10px rgba(237,37,136,.45)}
.price-note{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;color:#ddd;margin:0 0 8px}
.guarantee-sec .btn{margin-top:18px}

/* Contato — alto contraste, NÃO WhatsApp verde */
.contact{background:var(--pink);color:#fff;padding:40px 20px 36px;text-align:center}
.contact h2,.contact p{font-family:Roboto,sans-serif;font-weight:300;font-size:28px;line-height:1.25;color:#fff;max-width:800px;margin:0 auto 16px}
.contact p{font-size:20px;margin-bottom:20px}
.contact a.mail{color:#fff;text-decoration:underline}

/* FAQ */
.faq{background:#fff;color:#000;padding:70px 0 80px}
.faq h2{font-family:Roboto,sans-serif;font-weight:800;font-size:46px;line-height:1;color:#000;text-align:center;margin:0 0 28px;text-transform:none}
.faq-list{max-width:800px;margin:0 auto}
.faq details{border-bottom:1px solid #e6e6e6}
.faq summary{font-family:Roboto,sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:50%;width:10px;height:10px;border-right:2px solid var(--pink);border-bottom:2px solid var(--pink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.5;padding:0 0 16px}

/* Footer compacto, links legais mantidos */
footer{background:#000;color:#bbb;font-family:Roboto,sans-serif;font-weight:300;font-size:13px;line-height:1.4;padding:22px 0;text-align:center}
footer p{margin:6px 0}
footer a{color:#fff}
footer nav{margin:8px 0;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center}
.linkbtn{background:none;border:0;color:#fff;text-decoration:underline;font:inherit;cursor:pointer;padding:0}
footer a.footer-cta{background:var(--pink);color:#fff;padding:2px 12px;border-radius:20px;text-decoration:none;font-weight:700}

/* Links contraste */
a{color:var(--pink-ink);text-decoration:underline;text-underline-offset:2px}
.dark a:not(.btn),.dark-2 a:not(.btn),.contact a:not(.btn){color:#fff}
.legal-body a,#cookie-banner a{color:var(--pink-ink)}
a:not(.btn):not(.footer-cta):hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}

/* Upsell */
.upsell{background:#000;color:#fff;padding:70px 0 40px;text-align:center}
.upsell .hero-kicker{font-size:1.6em}
.upsell .hero-name{font-size:1.8em;margin-top:-8px}
.upsell .sub{font-family:Montserrat,sans-serif;font-weight:400;font-size:18px;line-height:1.3;color:#fff;margin:14px auto 0;max-width:640px}
.upsell-cover{max-width:280px;margin:28px auto 0}
.upsell-body{background:#000;color:#fff;padding:10px 0 50px}
.upsell-body .wrap{max-width:760px}
.upsell-body h2{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.6em;line-height:1.2;color:#fff;text-align:center;margin:28px 0 12px;text-transform:none}
.upsell-body h3{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.15em;color:var(--pink);margin:24px 0 10px;text-align:left;text-transform:none}
.upsell-body p,.upsell-body li{font-family:Roboto,sans-serif;font-weight:400;font-size:17px;line-height:1.5;color:#fff}
.upsell-body ul{margin:0 0 8px 22px}
.upsell-body li{margin:6px 0}
.upsell-cta-label{font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;color:#fff;text-align:center;margin:32px 0 10px}
.widget-wrap{margin:0 auto;max-width:520px;min-height:60px}
.upsell-notes{text-align:center;margin-top:16px}
.upsell-notes p{font-size:15px;color:#ddd;margin:8px 0}
.decline{margin-top:16px;font-size:15px;text-align:center}
.decline a{color:#ccc}
.upsell-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
.upsell-legal{font-size:13px;color:#aaa;text-align:center;margin-top:28px}

/* Merci: alinha fontes, sem o título de duas linhas do hero da home */
.merci{background:#000;color:#fff;padding:80px 20px;text-align:center}
.merci h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:2.4em;color:#fff;font-style:normal;text-transform:none;margin:0 0 12px}
.merci .sub{font-family:Montserrat,sans-serif;font-size:1.15em;color:#fff}
.merci .desc,.merci .note{font-family:Roboto,sans-serif;font-weight:400;max-width:640px;margin:12px auto 0;color:#ddd}
.merci .btn{margin-top:24px;padding:20px 48px}

/* Legal */
.legal-head{padding:14px 0}.legal-head a{color:#fff;text-decoration:none;font-weight:700}
.legal main{padding:40px 0}
.legal h1{font-family:Montserrat,sans-serif;font-size:1.6rem;margin-bottom:18px;text-transform:none;color:#000;font-weight:800}
.legal-body{max-width:820px}
.legal-body h2{font-family:Montserrat,sans-serif;text-align:left;font-size:1.25rem;margin:28px 0 10px;text-transform:none;color:#000;font-weight:700}
.legal-body h3{margin:18px 0 6px;font-family:Montserrat,sans-serif}
.legal-body p,.legal-body ul,.legal-body ol,.legal-body table,.legal-body blockquote{margin:10px 0;font-family:Roboto,sans-serif}
.legal-body ul,.legal-body ol{padding-left:22px}
.legal-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.legal-body td,.legal-body th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.legal-body blockquote{border-left:3px solid var(--pink);padding-left:12px;color:var(--muted)}

/* Cookie banner */
#cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:999;background:#fff;color:#222;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.25);padding:16px;max-width:720px;margin:0 auto;font-size:.9rem;font-family:Roboto,sans-serif}
#cookie-banner a{color:var(--pink-ink)}
#cookie-banner .cb-actions{display:flex;gap:10px;margin-top:12px}
#cookie-banner button{flex:1;padding:12px;border-radius:30px;border:2px solid #222;background:#222;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;font-family:Montserrat,sans-serif}
.form{display:grid;gap:14px;margin:20px 0}.form label{font-weight:700;display:grid;gap:6px}
.form input{font:inherit;padding:12px;border:1px solid #bbb;border-radius:8px;width:100%}
.form .decl{background:#fafafa;border-left:3px solid var(--pink);padding:12px;font-style:italic}
.form .err{color:#c00;font-weight:600;min-height:1.2em}
.form button{justify-self:start;border:0;cursor:pointer;font:inherit;font-weight:800}

@media (max-width:1024px){
  .btn{padding:15px 50px}
  .hero{padding:50px 0 40px}
  .apercu{padding:50px 0 40px}
  .shape-tilt svg{height:24px}
}
@media (max-width:767px){
  .hero{padding:50px 10px 30px}
  .hero .pre{font-size:19px}
  .hero-kicker{font-size:24px}
  .hero-name{font-size:29px;margin-top:-8px}
  .hero .sub{font-size:16px}
  .btn{font-size:21px;padding:15px 15px;width:100%;max-width:100%}
  .apercu{padding:18px 10px 50px}
  .apercu-grid{grid-template-columns:1fr;gap:20px;min-width:0}
  .apercu h2{font-size:1.6em;text-align:center}
  .apercu .lead{text-align:center}
  .apercu-grid .copy,.apercu-grid .media,.carousel{min-width:0;max-width:100%}
  .apercu .btn{padding:15px 15px;width:100%;max-width:100%;box-sizing:border-box}
  .apercu-grid .copy{order:2}
  .apercu-grid .media{order:1}
  .carousel{--slides:1;border-radius:20px}
  .carousel-slide img{border-radius:20px}
  .features{grid-template-columns:1fr;gap:18px;max-width:280px;margin:36px auto 0}
  .features li{display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;gap:12px}
  .features .ico{margin:0}
  .story .s1{font-size:19px}
  .story .s2,.story .s3,.story .s4,.story .s5{font-size:20px;line-height:1.3}
  .guide h2{font-size:28px}
  .guide-grid{grid-template-columns:1fr;justify-items:center}
  .guide .portrait{max-width:220px}
  .learn{padding:50px 16px}
  .learn h2{font-size:33px}
  .bonus-grid{grid-template-columns:1fr;justify-items:center}
  .bonus h2{text-align:center}
  .price-lockup{font-size:52px}
  .contact h2,.contact p{font-size:17px}
  .faq{padding:50px 16px 60px}
  .faq h2{font-size:26px}
  .faq summary{font-size:14px}
  .shape-tilt svg{height:20px}
  .shape-triangle svg{height:56px}
  .shape-wave svg{height:48px}
  .upsell{padding:50px 16px 24px}
  .upsell .hero-kicker{font-size:22px}
  .upsell .hero-name{font-size:24px}
  .upsell-extras{grid-template-columns:1fr}
  .quotes .slots{grid-template-columns:1fr}
  #cookie-banner{left:8px;right:8px;bottom:8px;padding:10px 12px;font-size:.74rem;line-height:1.4;max-height:35vh;overflow-y:auto;border-radius:10px}
  #cookie-banner .cb-actions{margin-top:8px;gap:8px}
  #cookie-banner button{padding:9px 6px;font-size:.88rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.carousel-track,.faq summary::after{transition:none}
  .btn:hover,.btn:focus-visible{transform:none}
}

/* Upsell v3 */
.upsell .hero-name{text-transform:none;font-size:1.85em;margin-top:-6px}
.upsell-cover{max-width:320px;margin:28px auto 0}
.piece-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 8px}
.piece-grid figure{margin:0;background:#111;border-radius:12px;overflow:hidden}
.piece-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}
.piece-grid figcaption{font-family:Roboto,sans-serif;font-size:13px;line-height:1.35;color:#ddd;padding:8px 10px 10px;text-align:center}
.compare-wrap{overflow-x:auto;margin:16px 0 8px;-webkit-overflow-scrolling:touch}
.compare{width:100%;border-collapse:collapse;color:#fff;font-family:Roboto,sans-serif;font-size:15px;line-height:1.45;text-align:left}
.compare caption{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.15em;color:var(--pink);text-align:left;margin:0 0 10px;caption-side:top}
.compare th,.compare td{border-bottom:1px solid #333;padding:10px 12px;vertical-align:top}
.compare thead th{font-family:Montserrat,sans-serif;font-weight:700;color:#fff;background:#111;width:42%}
.compare thead th:first-child{width:16%;background:transparent}
.compare tbody th{font-weight:700;color:var(--pink);font-family:Montserrat,sans-serif;font-size:14px}
.compare td{font-weight:400;color:#eee}
@media (max-width:767px){
  .upsell .hero-kicker{font-size:22px}
  .upsell .hero-name{font-size:1.35em}
  .compare caption{display:block;width:100%;max-width:100%;text-align:left;margin:0 0 12px}
  .piece-grid{grid-template-columns:1fr;gap:12px}
  .compare,.compare thead,.compare tbody,.compare th,.compare td,.compare tr{display:block;width:100%}
  .compare thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .compare tr{border:1px solid #333;border-radius:10px;margin:0 0 12px;padding:8px 10px 4px;background:#111}
  .compare tbody th{border:0;padding:6px 4px 4px;font-size:15px}
  .compare td{border:0;padding:4px 4px 8px}
  .compare td::before{content:attr(data-label);display:block;color:var(--pink);font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;margin-bottom:2px}
}
/* Bande contact : le texte ne passe plus sous le séparateur triangle */
.contact{padding-top:104px}
@media(max-width:767px){.contact{padding-top:72px}}