/* Estilos próprios da /decants (o resto vem do institucional.css).
   Página gerada no build por scripts/prerender.mjs (seção 5b). */

.dc-passos{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:26px 0 8px; }
@media(max-width:820px){ .dc-passos{ grid-template-columns:1fr; } }
.dc-passo{ background:var(--creme,#faf8f4); border:1px solid var(--borda); border-radius:5px; padding:18px 20px; }
.dc-passo b{ display:block; font-family:'Playfair Display',serif; font-size:1.05em;
             color:var(--verde); margin-bottom:6px; }
.dc-passo span{ font-size:.88em; line-height:1.65; color:#4a5a45; }
.dc-lista{ list-style:none; margin:0; padding:0;
           display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:2px 26px; }
.dc-lista li{ display:flex; align-items:baseline; gap:10px; padding:10px 0;
              border-bottom:1px solid rgba(0,0,0,.05); }
.dc-lista a{ color:#3a4638; font-size:.95em; font-weight:600; }
.dc-lista a:hover{ color:var(--cobre); text-decoration:underline; }
.dc-marca{ font-size:.74em; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.dc-preco{ margin-left:auto; color:var(--cobre); font-weight:700; font-size:.88em; white-space:nowrap; }
.dc-pedido{ background:#fff; border:1px solid var(--borda); border-radius:6px; padding:22px 24px; margin:22px 0 10px; max-width:520px; }
.dc-pedido label{ display:block; font-size:.85em; font-weight:700; color:var(--verde); margin-bottom:9px; }
.dc-pedido select,.dc-pedido input{ width:100%; font-family:inherit; font-size:.88em; padding:12px 13px;
                                    border:1px solid var(--borda); border-radius:3px; background:#faf8f4;
                                    color:#1f2b1f; margin-bottom:10px; }
.dc-pedido select:focus,.dc-pedido input:focus{ outline:none; border-color:var(--cobre); }
.dc-pedido button{ width:100%; display:flex; align-items:center; justify-content:center; gap:9px;
                   background:#25D366; color:#fff; border:none; padding:14px; border-radius:3px;
                   font-family:inherit; font-size:.78em; font-weight:700; letter-spacing:.12em;
                   text-transform:uppercase; cursor:pointer; }
.dc-obs{ font-size:.76em; color:var(--muted); text-align:center; margin:9px 0 0; }
/* Mesmo ajuste da /lista-de-perfumes: o .conteudo do institucional.css
   zera o padding lateral do .wrap, e aqui o conteúdo ocupa a largura
   toda. Corrigido só nesta página, sem tocar no CSS partilhado. */
main.conteudo{ padding-left:22px; padding-right:22px; }