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

.lp-marca{ font-family:'Playfair Display',serif; font-size:1.15em; color:var(--verde);
           text-transform:uppercase; letter-spacing:.06em; font-weight:700;
           margin:34px 0 12px; padding-bottom:8px; border-bottom:1px solid var(--borda); }
.lp-marca:first-of-type{ margin-top:0; }
.lp-lista{ list-style:none; margin:0; padding:0;
           display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:2px 26px; }
.lp-lista li{ display:flex; align-items:baseline; justify-content:space-between; gap:12px;
              padding:9px 0; border-bottom:1px solid rgba(0,0,0,.05); }
.lp-lista a{ color:#3a4638; font-size:.94em; line-height:1.45; }
.lp-lista a:hover{ color:var(--cobre); text-decoration:underline; }
.lp-preco{ color:var(--cobre); font-weight:700; font-size:.86em; white-space:nowrap; }
.lp-total{ font-size:.82em; color:var(--muted); margin-bottom:26px; }
/* .conteudo do institucional.css zera o padding lateral que o .wrap dá.
   Nas outras páginas isso não incomoda porque o .doc tem 820px de
   largura máxima; aqui a lista ocupa a tela inteira e encostaria na
   borda. Corrigido só nesta página, para não mexer no CSS partilhado. */
main.conteudo{ padding-left:22px; padding-right:22px; }