/* marcas.css — estilos exclusivos das 18 páginas de marca.
   Carregado depois de base.css. */

.mtopo{background:var(--marinho-900);color:var(--papel);padding:clamp(2.4rem,6vw,4rem) 0 clamp(2rem,5vw,3rem);position:relative;overflow:hidden}
.mtopo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 0%,rgba(201,162,75,.12),transparent 65%)}
/* .aneis vem de base.css (compartilhado com .hero da home) — aqui só
   reposiciona pro contexto mais curto/centrado do .mtopo, em vez do canto
   assimétrico que faz sentido no hero grande da home. */
.mtopo .aneis{top:-25%;left:50%;right:auto;transform:translateX(-50%);width:min(26rem,70vw);opacity:.3}
.mtopo .wrap{position:relative;z-index:2}
.voltar-marcas{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:rgba(247,245,241,.7);text-decoration:none;margin-bottom:1.8rem}
.voltar-marcas:hover{color:var(--ouro)}
/* Selo: retângulo arredondado, não círculo (piloto de polimento visual,
   Clink) — a maioria dos arquivos de logo tem fundo retangular opaco
   embutido, que ficava com cantos retos visíveis dentro de um círculo; um
   raio menor deixa de brigar com a forma do conteúdo, sem precisar
   reprocessar as imagens agora. */
.marca-selo{width:96px;height:96px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;border:3px solid var(--cor,var(--ouro));margin-bottom:1.3rem}
.marca-selo img{width:100%;height:100%;object-fit:contain}
.marca-tipo{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:.5rem}
.marca-titulo{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.08;letter-spacing:-.015em;max-width:20ch}
.marca-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.marca-chip{padding:.4rem .9rem;border:1px solid rgba(247,245,241,.28);border-radius:999px;font-size:.8rem;color:rgba(247,245,241,.82)}

/* corpo */
.marca-corpo{padding:clamp(2.4rem,6vw,4rem) 0}
.marca-desc{font-size:clamp(1rem,2.6vw,1.15rem);color:var(--suave);max-width:60ch;line-height:1.7}

.linhas-rotulo{font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-escuro);margin-top:2.6rem;margin-bottom:.4rem}
.linhas-nota{font-style:italic;color:var(--suave);font-size:.88rem;margin-bottom:1.4rem}
.linhas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:54rem}
@media(max-width:640px){.linhas-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}
.linha-item{aspect-ratio:1;border:1px dashed rgba(17,24,35,.22);border-radius:var(--raio);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:rgba(17,24,35,.025);color:var(--suave);align-self:start}
.linha-item svg{opacity:.42}
.linha-item span{font-size:.72rem;font-weight:500;letter-spacing:.08em}

/* cartão de produto real (Fase produtos — ADR-010): fundo branco sólido,
   de propósito diferente do placeholder tracejado acima, pra "confirmado"
   e "em curadoria" se distinguirem visualmente sem precisar de texto. */
.produto-card{display:flex;flex-direction:column;border:1px solid rgba(17,24,35,.12);border-radius:var(--raio);overflow:hidden;background:#fff;align-self:start;transition:box-shadow .2s,transform .2s}
.produto-card:hover{box-shadow:0 10px 24px rgba(17,24,35,.12);transform:translateY(-2px)}
.produto-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.produto-info{padding:.6rem .65rem .7rem}
.produto-nome{font-size:.78rem;font-weight:500;line-height:1.3;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.produto-meta{font-size:.68rem;color:var(--suave);margin:0 0 .15rem}
.produto-categoria{font-size:.66rem;color:var(--ouro-escuro);text-transform:uppercase;letter-spacing:.05em;margin:0}
.produto-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}
.produto-badge{font-size:.62rem;padding:.15rem .4rem;border-radius:999px;background:rgba(17,24,35,.05);color:var(--suave)}

/* cta final da marca */
.marca-cta{background:var(--marinho-900);color:var(--papel);text-align:center;padding:clamp(2.6rem,6vw,4rem) 0;position:relative;overflow:hidden;margin-top:2.6rem}
.marca-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 70% at 50% 0%,rgba(201,162,75,.15),transparent 70%)}
.marca-cta .wrap{position:relative;z-index:2}
.marca-cta p{font-family:var(--serif);font-weight:300;font-size:clamp(1.35rem,3.4vw,1.85rem);max-width:26ch;margin:0 auto 1.5rem;line-height:1.25}