/* YuGo — LPs de brindes (shakeiras, marmitas): tema escuro, Poppins fina + Questrial, botão verde */
.lp{background:#222323;color:#fff;font-family:"Questrial","Helvetica Neue",Arial,sans-serif}
.lp h1,.lp h2,.lp .big{font-family:"Poppins",sans-serif;font-weight:300;letter-spacing:-.01em}
.lp .btn.green{background:#76de13;color:#fff;font-family:"Questrial",sans-serif;font-weight:400;box-shadow:0 0 22px rgba(118,222,19,.45)}
.lp .btn.green:hover{background:#63c20b}
.lp .eyebrow{display:flex;align-items:center;gap:14px;text-transform:uppercase;letter-spacing:.18em;font-size:13px}
.lp .eyebrow img{width:56px}
.lp-sec{padding-block:clamp(56px,8vw,96px);position:relative;overflow:hidden}
.lp-title{font-size:clamp(34px,4.6vw,52px);line-height:1.1;text-align:center}

/* Topo da LP */
.lp-hero{background:#120c22 url(/img/fundo-roxo.webp) center/cover no-repeat;min-height:560px;display:flex;align-items:center}
.lp-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;width:100%}
.lp-hero .kicker{font-family:"Poppins",sans-serif;font-weight:300;font-size:18px}
.lp-hero h1{font-size:clamp(46px,6.4vw,90px);line-height:1;margin:14px 0 10px}
.lp-hero .sub{font-family:"Poppins",sans-serif;font-weight:300;font-size:clamp(22px,2.6vw,36px)}
.lp-hero .btn{margin-top:30px}
.lp-hero .min{font-size:13px;margin-top:14px;opacity:.85}
.lp-hero img{max-height:620px;width:auto;margin:0 auto}
@media (max-width:760px){.lp-hero .wrap{grid-template-columns:1fr;text-align:center;padding-block:40px}.lp-hero img{max-height:380px}}

/* Selos */
.selos{background:#fbf8f5;padding-block:40px}
.selos ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px;max-width:780px}
.selos li{width:120px}
.selos img{width:100%}

/* Produto com foto de fundo */
.uso{background:#000;min-height:640px;display:flex;align-items:center}
.uso .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.uso::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2) 60%,transparent)}
.uso .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;width:100%}
.uso .big{font-size:clamp(32px,3.8vw,44px);line-height:1.15;margin:22px 0}
.uso p{max-width:450px;font-size:17px}
.uso .btn{margin-top:26px}
.uso .prod{max-height:620px;width:auto;margin-left:auto}
@media (max-width:760px){.uso .wrap{grid-template-columns:1fr}.uso .prod{max-height:360px;margin:0 auto}}

/* Conheça: produto + recursos */
.conheca{background:#c9c7c5 url(/img/fundo-cinza.webp) center/cover no-repeat}
.recursos{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:36px}
.recursos .col{display:grid;gap:120px}
.recursos .card{background:rgba(70,70,70,.55);backdrop-filter:blur(8px);border-radius:12px;padding:18px 20px;max-width:330px}
.recursos .col:first-child .card{justify-self:end}
.recursos .card h3{display:flex;align-items:center;gap:10px;font-family:"Poppins",sans-serif;font-weight:300;font-size:22px}
.recursos .card h3 img{width:34px}
.recursos .card p{margin-top:6px;opacity:.9}
.recursos .prod{max-height:640px;width:auto}
@media (max-width:860px){.recursos{grid-template-columns:1fr}.recursos .col{gap:14px}.recursos .card{justify-self:center!important;max-width:none;width:100%}.recursos .prod{max-height:420px;margin:0 auto;order:-1}}
.modelos{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 0 6px;justify-content:center}
.modelos figure{flex:0 0 min(460px,82vw);scroll-snap-align:center;margin:0}
.modelos img{border-radius:16px;width:100%}
.modelos figcaption{text-align:center;margin-top:10px;font-size:18px}

/* Como personalizar */
.passos{background:#111 url(/img/fundo-cinza.webp) center/cover no-repeat}
.passos::before{content:"";position:absolute;inset:0;background:rgba(10,10,12,.82)}
.passos .wrap{position:relative}
.passos .sub{text-align:center;font-size:22px;margin-top:10px}
.passos .sub small{display:block;font-size:14px;opacity:.85}
.passos ol{list-style:none;padding:0;margin:44px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:820px}
.passos li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px;text-align:center}
.passos li h3{font-family:"Poppins",sans-serif;font-weight:300;font-size:22px;margin-bottom:8px}
.passos li p{opacity:.85;font-size:16px}
@media (max-width:700px){.passos ol{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.passos ol{grid-template-columns:1fr}}

/* Projetos e marcas */
.projetos{background:#242425}
.projetos .onda{position:absolute;left:0;right:0;top:46%;width:100%;opacity:.9;pointer-events:none}
.galeria{position:relative;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px;padding-bottom:8px;scrollbar-width:thin}
.galeria img{flex:0 0 auto;width:min(260px,62vw);aspect-ratio:261/464;object-fit:cover;scroll-snap-align:start}
.lp .marcas{background:#242425;padding-block:20px 80px}
.lp .marcas h2{font-weight:300;color:#fff;font-family:"Poppins",sans-serif;font-size:clamp(30px,4vw,50px)}
.lp .marquee li{width:96px;height:96px}

/* Catálogos (dois cartões) */
.cats{background:#242425;padding-top:0}
.cats .wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1240px}
.cat{position:relative;border-radius:6px;overflow:hidden;min-height:620px;display:flex;flex-direction:column;justify-content:space-between;padding:56px 30px 46px;text-align:center}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 45%,rgba(0,0,0,.35));z-index:0}
.cat>*:not(img){position:relative;z-index:1}
.cat small{letter-spacing:.18em;font-size:13px}
.cat h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin-top:12px}
.cat .btn{align-self:center}
@media (max-width:760px){.cats .wrap{grid-template-columns:1fr}.cat{min-height:480px}}

/* Sobre nós */
.sobre .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.sobre .big{font-size:clamp(36px,4.4vw,50px);line-height:1.15;margin:26px 0}
.sobre p{max-width:440px}
.sobre p+p{margin-top:12px}
.sobre .btn{margin-top:28px}
.sobre video{width:100%;max-width:420px;border-radius:6px;background:#000;aspect-ratio:9/16;object-fit:cover}
@media (max-width:760px){.sobre .wrap{grid-template-columns:1fr}.sobre video{margin:0 auto;max-height:70vh}}

/* Formulário */
.lp-form{background:#222323}
.lp-form .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;max-width:1000px}
.lp-form .prod{max-height:600px;width:auto;margin:0 auto}
.lp-form h2{font-size:clamp(32px,4vw,50px);line-height:1.1;margin-bottom:22px}
.lp .form label{color:#fff;font-weight:400}
.lp .form input,.lp .form select,.lp .form textarea{background:#2e2f30;border-color:#4a4b4d;color:#fff}
.lp .form input:focus,.lp .form select:focus,.lp .form textarea:focus{border-color:#76de13;outline-color:rgba(118,222,19,.3)}
.lp .form .priv a{color:#fff}
.lp .done p{opacity:.9}
@media (max-width:760px){.lp-form .wrap{grid-template-columns:1fr}.lp-form .prod{max-height:300px;order:2}}

/* Perguntas frequentes */
.faq{background:#222323}
.faq .wrap{max-width:820px}
.faq details{border-bottom:1px solid rgba(255,255,255,.15)}
.faq details:first-of-type{border-top:1px solid rgba(255,255,255,.15);margin-top:36px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 4px;font-family:"Filson Pro",sans-serif;font-size:19px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:26px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 4px 24px;opacity:.88;max-width:70ch}

/* Rodapé na LP */
.lp .foot{background:#161617}
.lp .wa-float{background:#25d366}