:root{
  --azul: #2B2C6A;
  --azul-claro: #3B3D8F;
  --verde: #69BC49;
  --verde-claro: #EAF6E4;
  --branco: #FDFDFD;
  --texto: #1A1B3A;
  --texto-suave: #5A5C7A;
  --cinza-bg: #F2F4F9;
  --borda: #DFE3EE;
  --borda-forte: #9BA3BD;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--branco);color:var(--texto);font-family:'Jost','Futura',sans-serif;line-height:1.5;}
h1,h2,h3,.hv{font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
a{color:var(--azul);}
a:hover{color:var(--texto);}
img{max-width:100%;display:block;}
.container{max-width:1280px;margin:0 auto;padding:0 56px;}

/* Header */
header.site{height:88px;background:var(--azul);display:flex;align-items:center;justify-content:space-between;padding:0 56px;}
header.site .logo-link{display:flex;align-items:center;}
header.site img.logo{height:38px;width:auto;}
header.site nav{display:flex;align-items:center;gap:30px;}
header.site nav a{color:var(--branco);text-decoration:none;font-size:15px;}
header.site nav a.btn-nav{background:var(--verde);color:var(--azul);font-weight:600;padding:13px 24px;border-radius:6px;}
header.site .menu-btn{display:none;background:none;border:none;padding:12px;cursor:pointer;}
header.site .menu-btn svg{display:block;}

/* Breadcrumb */
.breadcrumb{padding:22px 56px 0;max-width:1280px;margin:0 auto;}
.breadcrumb p{margin:0;font-size:14px;color:var(--texto-suave);}
.breadcrumb a{color:var(--texto-suave);text-decoration:none;}

/* Buttons */
.btn{display:inline-block;text-decoration:none;font-size:17px;font-weight:600;padding:18px 34px;border-radius:8px;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;border:none;cursor:pointer;text-align:center;}
.btn-primary{background:var(--azul);color:var(--branco);}
.btn-primary:hover{background:var(--azul-claro);color:var(--branco);}
.btn-secondary{background:var(--verde);color:var(--azul);}
.btn-secondary:hover{background:#5aa63e;color:var(--azul);}
.btn-outline{border:1.5px solid var(--azul);color:var(--azul);padding:16.5px 34px;background:transparent;}
.btn-outline:hover{background:var(--azul);color:var(--branco);}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;}

/* Badge */
.badge{display:inline-flex;align-items:center;gap:9px;background:var(--verde-claro);padding:8px 16px;border-radius:40px;margin-bottom:26px;font-size:14px;font-weight:500;color:var(--azul);}
.badge .dot{width:9px;height:9px;border-radius:50%;background:var(--verde);display:inline-block;}

/* Sections */
section{padding:84px 0;}
section.tight{padding-top:40px;padding-bottom:56px;}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;margin-bottom:18px;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
h1{font-size:54px;line-height:1.08;font-weight:700;color:var(--azul);letter-spacing:-0.02em;}
h2{font-size:40px;line-height:1.1;font-weight:700;color:var(--azul);letter-spacing:-0.015em;}
h2.grande{font-size:46px;}
h3{font-size:20px;font-weight:700;color:var(--azul);}
p.lead{font-size:19px;line-height:1.5;color:var(--texto-suave);font-weight:300;max-width:760px;}

/* Hero */
.hero{padding:72px 0 64px;}
.hero-grid{display:flex;gap:56px;align-items:flex-start;}
.hero-texto{flex-grow:1;max-width:660px;}
.hero-texto h1{margin-bottom:24px;}
.hero-texto p.intro{margin:0 0 18px;font-size:21px;line-height:1.5;color:var(--texto);font-weight:300;}
.hero-texto p.sub{margin:0 0 34px;font-size:17px;line-height:1.55;color:var(--texto-suave);}
.hero-card{width:400px;flex-shrink:0;background:linear-gradient(160deg,var(--azul) 0%,var(--azul-claro) 100%);border-radius:16px;padding:36px;color:var(--branco);}
.hero-card .titulo{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--verde);margin-bottom:20px;}
.hero-card .linhas{display:flex;flex-direction:column;gap:20px;}
.hero-card .linha{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(253,253,253,.18);padding-bottom:16px;}
.hero-card .linha:last-child{border-bottom:none;padding-bottom:0;}
.hero-card .linha span:first-child{font-size:16px;color:rgba(253,253,253,.8);}
.hero-card .linha span:last-child{font-size:17px;font-weight:600;}
.hero-card .aviso{margin-top:26px;background:rgba(105,188,73,.16);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.45;}

/* Preço destaque (secagem/edredom) */
.preco-card{width:400px;flex-shrink:0;background:var(--verde);border-radius:16px;padding:36px;color:var(--azul);}
.preco-card .rotulo{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:.06em;}
.preco-card .valor{font-size:72px;font-weight:700;line-height:1;margin-bottom:4px;}
.preco-card .detalhe{margin:0 0 24px;font-size:18px;font-weight:500;}
.preco-card .rodape{border-top:1px solid rgba(43,44,106,.25);padding-top:20px;}
.preco-card .rodape p{margin:0 0 10px;font-size:16px;line-height:1.5;}
.preco-card .rodape p:last-child{margin-bottom:0;}

/* Faixa de diferenciais */
.faixa{background:var(--verde);padding:30px 0;}
.faixa .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}
.faixa-item{display:flex;align-items:center;gap:13px;}
.faixa-item span{font-size:16px;font-weight:600;color:var(--azul);line-height:1.25;}

/* Cards genéricos */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.card{border:1.5px solid var(--borda);border-radius:14px;padding:28px;background:var(--branco);}
.card h3{margin-bottom:8px;}
.card p{font-size:16px;line-height:1.5;color:var(--texto-suave);}

/* Preços */
.card-preco{border:1.5px solid var(--borda);border-radius:16px;padding:34px;background:var(--branco);}
.card-preco.destaque{border:1.5px solid var(--azul);background:var(--cinza-bg);}
.card-preco .topo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}
.card-preco h3{font-size:26px;margin:0;}
.card-preco .tag{background:var(--verde-claro);color:var(--azul);font-size:13px;font-weight:600;padding:7px 13px;border-radius:20px;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
.card-preco.destaque .tag{background:var(--verde);}
.card-preco p.desc{margin:0 0 26px;font-size:16px;line-height:1.5;color:var(--texto-suave);}
.card-preco .linha{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--borda);font-size:17px;}
.card-preco .linha strong{font-weight:600;}
.card-preco .total{display:flex;justify-content:space-between;padding:18px 0 0;border-top:2px solid var(--azul);margin-top:4px;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
.card-preco .total span:first-child{font-size:18px;font-weight:600;color:var(--azul);}
.card-preco .total span:last-child{font-size:24px;font-weight:700;color:var(--azul);}
.aviso-pagamento{margin-top:24px;display:flex;align-items:center;gap:14px;background:var(--cinza-bg);border-left:4px solid var(--verde);border-radius:8px;padding:20px 24px;}
.aviso-pagamento svg{flex-shrink:0;}
.aviso-pagamento p{margin:0;font-size:16px;line-height:1.5;}

/* Pode / não pode lavar */
.card-lista{background:var(--branco);border-radius:16px;padding:34px;}
.card-lista.pode{border:2px solid var(--verde);}
.card-lista.nao-pode{border:2px solid var(--azul);}
.card-lista .cabecalho{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.card-lista .selo{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.card-lista.pode .selo{background:var(--verde);}
.card-lista.nao-pode .selo{background:var(--azul);}
.card-lista h3{font-size:24px;margin:0;}
.card-lista ul{list-style:none;}
.card-lista li{font-size:17px;line-height:1.5;color:var(--texto);padding:12px 0;border-top:1px solid var(--borda);}

.aviso-dupla{margin-top:24px;display:flex;gap:22px;flex-wrap:wrap;}
.aviso-caixa{flex:1 1 300px;border-radius:12px;padding:26px 30px;display:flex;gap:16px;align-items:flex-start;}
.aviso-caixa.escuro{background:var(--azul);}
.aviso-caixa.claro{background:var(--branco);border:1.5px solid var(--borda);}
.aviso-caixa svg{flex-shrink:0;margin-top:2px;}
.aviso-caixa h3{font-size:19px;margin:0 0 7px;}
.aviso-caixa.escuro h3{color:var(--branco);}
.aviso-caixa p{margin:0;font-size:16px;line-height:1.55;}
.aviso-caixa.escuro p{color:rgba(253,253,253,.85);}
.aviso-caixa.claro p{color:var(--texto-suave);}

/* Como funciona */
.passos-lista{display:flex;flex-direction:column;gap:16px;}
.passo{display:flex;gap:14px;align-items:flex-start;}
.passo .num{width:28px;height:28px;border-radius:50%;background:var(--verde-claro);color:var(--azul);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
.passo .num.ultimo{background:var(--verde);}
.passo span.texto{font-size:17px;line-height:1.45;color:var(--texto);}
.caixa-dica{margin-top:26px;background:var(--verde-claro);border-left:4px solid var(--verde);border-radius:10px;padding:22px 26px;}
.caixa-dica h3{font-size:18px;margin:0 0 7px;}
.caixa-dica p{margin:0;font-size:16px;line-height:1.55;color:var(--texto);}

/* Vídeo placeholder */
.video-placeholder{position:relative;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--azul) 0%,var(--azul-claro) 100%);aspect-ratio:660/371;}
.video-placeholder button{width:84px;height:84px;border-radius:50%;background:var(--verde);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.video-placeholder .legenda{position:absolute;bottom:20px;left:24px;right:24px;font-size:14px;color:rgba(253,253,253,.75);}

/* Split (duas colunas) */
.split{display:flex;gap:56px;align-items:center;}
.split.top{align-items:flex-start;}
.split > *{flex-grow:1;}
.split > .fixo-660{width:660px;flex-shrink:0;}
.split > .fixo-520{width:520px;flex-shrink:0;}
.split > .fixo-480{width:480px;flex-shrink:0;}
.split > .fixo-460{width:460px;flex-shrink:0;}
.split > .fixo-440{width:440px;flex-shrink:0;flex-direction:column;display:flex;gap:16px;}
.split > .fixo-300{width:300px;flex-shrink:0;}
.split > .fixo-260{width:260px;flex-shrink:0;}

/* Foto placeholder */
.foto-placeholder{background:var(--borda);border:1.5px dashed var(--borda-forte);border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;min-height:280px;}
.foto-placeholder span{font-size:15px;color:var(--texto-suave);line-height:1.5;}

/* Seções escuras */
.secao-escura{background:var(--azul);color:var(--branco);}
.secao-escura h2{color:var(--branco);}
.secao-escura p{color:rgba(253,253,253,.88);}
.stat-caixa{background:rgba(253,253,253,.07);border:1px solid rgba(253,253,253,.16);border-radius:12px;padding:26px;}
.stat-caixa .numero{font-size:40px;font-weight:700;color:var(--verde);line-height:1;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
.stat-caixa p{margin:10px 0 0;font-size:16px;color:rgba(253,253,253,.8);}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:9px;}
.chip{background:var(--branco);border:1px solid var(--borda);color:var(--azul);font-size:15px;padding:9px 16px;border-radius:20px;}
.chip.escuro{background:rgba(105,188,73,.2);color:var(--branco);border:none;}

/* Avaliações */
.avaliacoes{background:var(--azul);border-radius:18px;padding:56px;}
.avaliacoes .cabecalho{display:flex;align-items:center;gap:12px;margin-bottom:34px;}
.avaliacoes .estrelas{display:flex;gap:3px;}
.avaliacoes .cabecalho span{font-size:17px;color:var(--branco);font-weight:500;}
.avaliacao-card{background:rgba(253,253,253,.07);border-radius:12px;padding:26px;}
.avaliacao-card p{margin:0 0 18px;font-size:17px;line-height:1.55;color:var(--branco);}
.avaliacao-card span{font-size:15px;color:var(--verde);font-weight:500;}

/* Como chegar */
.mapa{border-radius:16px;overflow:hidden;min-height:320px;}
.mapa iframe{width:100%;height:100%;min-height:320px;border:0;display:block;}
.contato-card{width:400px;flex-shrink:0;background:var(--azul);border-radius:16px;padding:36px;color:var(--branco);display:flex;flex-direction:column;justify-content:center;}
.contato-card .titulo{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--verde);margin-bottom:20px;}
.contato-card .endereco{margin:0 0 4px;font-size:26px;line-height:1.25;color:var(--branco);font-weight:600;}
.contato-card .cidade{margin:0 0 24px;font-size:18px;line-height:1.5;color:rgba(253,253,253,.8);}
.contato-card .rodape{border-top:1px solid rgba(253,253,253,.2);padding-top:22px;}
.contato-card .rodape p{margin:0 0 14px;font-size:16px;line-height:1.5;color:rgba(253,253,253,.88);}
.contato-card .rodape p:last-child{margin-bottom:0;}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;}
.faq-item{border-top:2px solid var(--borda);padding-top:20px;}
.faq-item h3{font-size:19px;margin:0 0 9px;}
.faq-item p{margin:0;font-size:16px;line-height:1.55;color:var(--texto-suave);}

/* Comparação */
.comparacao-item{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--borda);align-items:flex-start;}
.comparacao-item svg{flex-shrink:0;margin-top:2px;}
.comparacao-item span{font-size:17px;line-height:1.45;color:var(--texto);}

/* Footer */
footer.site{background:var(--azul);padding:48px 0;}
footer.site .footer-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;}
footer.site .marca{display:flex;align-items:center;gap:18px;}
footer.site img.logo{height:48px;width:48px;border-radius:10px;}
footer.site .marca p{margin:0 0 4px;font-size:16px;color:var(--branco);font-weight:500;font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
footer.site .marca span{font-size:15px;color:rgba(253,253,253,.7);line-height:1.6;}
footer.site .colunas{display:flex;gap:56px;flex-wrap:wrap;}
footer.site .coluna p.titulo{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--verde);font-family:'Helvetica Neue',Helvetica,Arimo,Arial,sans-serif;}
footer.site .coluna a,footer.site .coluna p.info{display:block;margin:0 0 9px;font-size:15px;color:rgba(253,253,253,.82);text-decoration:none;}

/* WhatsApp flutuante */
.whatsapp-flutuante{position:fixed;bottom:18px;right:18px;z-index:60;background:#22c35e;color:#fff;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2);text-decoration:none;}

/* CTA final genérico */
.cta-caixa{background:var(--azul);border-radius:18px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.cta-caixa h2{color:var(--branco);margin:0 0 14px;font-size:34px;}
.cta-caixa p{color:rgba(253,253,253,.85);margin:0;font-size:18px;line-height:1.55;font-weight:300;max-width:640px;}
.cta-caixa.verde{background:var(--verde);}
.cta-caixa.verde h2,.cta-caixa.verde p{color:var(--azul);}

@media (max-width: 900px){
  .container{padding:0 20px;}
  header.site{padding:0 16px;height:64px;}
  header.site img.logo{height:28px;}
  header.site nav{position:fixed;inset:64px 0 0 0;background:var(--azul);flex-direction:column;align-items:flex-start;padding:24px 20px;gap:20px;transform:translateX(100%);transition:transform .2s ease;overflow-y:auto;}
  header.site nav.aberto{transform:translateX(0);}
  header.site nav a{font-size:17px;width:100%;}
  header.site nav a.btn-nav{text-align:center;}
  header.site .menu-btn{display:flex;}

  .breadcrumb{padding:16px 20px 0;}

  section{padding:48px 0;}
  h1{font-size:32px;}
  h2,h2.grande{font-size:28px;}
  p.lead{font-size:17px;}

  .hero{padding:32px 0 28px;}
  .hero-grid{flex-direction:column;gap:28px;}
  .hero-card,.preco-card,.contato-card{width:100%;padding:28px;}
  .hero-texto{max-width:none;}
  .hero-texto p.intro{font-size:17px;}
  .btn-row{flex-direction:column;}
  .btn-row .btn{width:100%;padding:16px 24px;}

  .faixa .container{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 20px;}

  .grid-2,.grid-3,.grid-4,.faq-grid{grid-template-columns:1fr;}

  .split{flex-direction:column;gap:24px;}
  .split > .fixo-660,.split > .fixo-520,.split > .fixo-480,.split > .fixo-460,.split > .fixo-440,.split > .fixo-300,.split > .fixo-260{width:100%;}

  .avaliacoes{padding:32px 24px;}
  .cta-caixa{padding:32px 24px;flex-direction:column;align-items:flex-start;}

  footer.site .footer-topo{flex-direction:column;gap:28px;}
}