/* Revisão clara: superfícies brancas, texto preto, pigmento nos acentos. */
html[data-tema=claro]{color-scheme:light;--at-black:#fff;--at-ink:#fff;--at-pitch:#fff;--at-soot:#fff;--at-white:#141212;--at-bone:#141212;--at-ash:#625d5b;--shadow-plate:0 6px 22px #14121224;--shadow-painting:0 6px 22px #14121224;--at-rule:#14121230}
html[data-tema=claro] body{background:#fff;color:#141212}
html[data-tema=claro] .hd{background:#fff;border-color:var(--at-rule)}
html[data-tema=claro] :is(.ft,.rodape-baixo,.crumb,.acervo-topo,.produto,.detalhes-sec,.item-detalhe,.fatos-sec,.fato,.relacionados,.compra .comprar,.gaveta,.gaveta-aba,.gav-item,.progresso,.busca-caixa,.tamanho,.moldura-opcao .amostra,.miniatura,.colecao .tudo,.sobre .nums,.news .form,.news input,.news button,.ft .baixo){border-color:var(--at-rule)}
html[data-tema=claro] :is(.btn-outline,.credito,.alternar-tudo){color:#141212;border-color:#14121266}
html[data-tema=claro] .btn-ink{background:#141212;color:#fff;border-color:#141212}
html[data-tema=claro] .tamanho[aria-pressed=true]{color:#fff;background:#141212;border-color:#141212}
html[data-tema=claro] .news :is(input,button){color:#141212}
html[data-tema=claro] .grain{display:none}
html[data-tema=claro] .peca .moldura{box-shadow:var(--shadow-painting)}
html[data-tema=claro] .busca-item:hover{background:#14121208}
html[data-tema=claro] .gav-item img{background:#fff}
html[data-tema=claro] .gav-item .qtd button{border-color:var(--at-rule)}
html[data-tema=claro] .palco:not(.parede){background:#fff;border:1px solid var(--at-rule)}
html[data-tema=claro] .detalhes-toggle{background:#fff;color:#141212;border-color:#14121266}
html[data-tema=claro] .faixa-moldura{background:#fff;color:#141212;border-block:1px solid var(--at-rule)}
html[data-tema=claro] .faixa-moldura :is(h2,p,.lbl){color:#141212}
html[data-tema=claro] .faixa-moldura .lbl{color:#F23000}
html[data-tema=claro] .trilho.sobre-vermelho{color:#141212}
.preco-card{font-size:14px;font-weight:700;color:var(--at-bone);margin-top:2px}
html[data-tema=claro] :is(.carrinho-topo,.lista-cab,.item-carrinho,.item-carrinho .tags span,.qtd,.qtd button,.resumo,.resumo-linhas,.recs,.reforco,.form-frete input,.form-frete button,.link-continuar){border-color:var(--at-rule)}

/* Galeria da abertura: quadros inteiros, deslocamento contínuo e créditos juntos. */
.hero{min-height:700px;align-items:center;display:grid;grid-template-columns:48% 52%;border-bottom:1px solid var(--at-rule,#ffffff40)}
.hero .dentro{display:block;padding:64px var(--gut);min-width:0}
.hero .texto{width:100%;gap:24px}
.hero h1{font-size:clamp(48px,5.3vw,80px)}
.hero .lede{font-size:18px}
.hero-galeria{height:650px;overflow:hidden;display:flex;align-items:center;border-left:1px solid var(--at-rule,#ffffff40);min-width:0}
.hero-trilha{display:flex;width:max-content;will-change:transform}
.hero-lote{display:flex;align-items:center;gap:48px;padding:36px 24px;width:max-content}
.hero-lote .peca{width:360px;flex-shrink:0;gap:18px}
.hero-lote .peca .parede{height:420px;aspect-ratio:auto;align-items:center}
.hero-lote .peca .titulo{font-size:25px}
.hero-lote .peca .risco,.hero-lote .formato-preview{display:none}
.hero-lote .peca .ficha{max-width:320px}
main>section+section{border-top:1px solid var(--at-rule,#ffffff40)}
.hero+section{border-top:0}
.categorias{padding:64px var(--gut);background:var(--at-black)}
.categorias-topo,.categorias-grade{max-width:var(--max);margin-inline:auto}
.categorias-topo h2{font-family:var(--font-display);font-size:48px;margin:16px 0 32px}
.categorias-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.categoria{display:flex;align-items:center;gap:18px;border-block:1px solid var(--at-rule,#ffffff40);padding-block:20px;color:var(--at-white)}
.categoria img{width:76px;height:96px;object-fit:cover}
.categoria span{flex:1;min-width:0}
.categoria strong{font:400 28px/1.05 var(--font-display);display:block}
.categoria small{font:500 12px Manrope,sans-serif;color:var(--at-ash);display:block;margin-top:12px}
.filtro-colecao{max-width:var(--max);margin:0 auto 32px;display:flex;gap:24px;justify-content:space-between;align-items:center}
.filtro-colecao[hidden]{display:none}
.filtro-colecao a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.hero h1{font-size:56px}.hero .acoes{flex-direction:column;align-items:flex-start}.hero-lote .peca{width:300px}.categorias-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}
 .hero .dentro{padding:36px var(--gut) 28px;order:0}
 .hero h1{font-size:52px}.hero .lede{font-size:16px}.hero .acoes{flex-direction:row}
 .hero-galeria{height:440px;border-left:0;border-top:1px solid var(--at-rule,#ffffff40);order:1}
 .hero-lote{gap:28px;padding:24px 14px}.hero-lote .peca{width:230px}.hero-lote .peca .parede{height:240px}
 .hero-lote .peca .titulo{font-size:20px}.hero-lote .peca .quem{font-size:9px}.hero-lote .peca .meta{font-size:11px}
 .categorias{padding:40px var(--gut)}.categorias-grade{grid-template-columns:1fr}.categorias-topo h2{font-size:40px}
 .filtro-colecao{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.hero-trilha{animation:none;will-change:auto}.hero-lote[aria-hidden=true]{display:none}.hero-galeria{overflow:hidden}.hero-lote .peca .obra i{transition:none;transform:none}.aviso-trilho{display:none}.aviso-acessivel{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}}

/* Botão do visor com contraste consistente sobre a obra e sobre a parede. */
html[data-tema=claro] .alternar-detalhes{background:#fff;color:#141212;border:1px solid #14121266;box-shadow:0 2px 8px #14121214;min-height:44px}
html[data-tema=claro] .alternar-detalhes:hover{background:#141212;color:#fff;border-color:#141212}
html[data-tema=claro] .alternar-detalhes:focus-visible{outline:2px solid #F23000;outline-offset:3px}
/* Cabeçalho editorial em toda a largura; texto em duas colunas de leitura. */
.editorial .editorial-int{display:block}
.editorial .col1{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr);gap:32px;align-items:baseline;padding-bottom:32px;border-bottom:1px solid var(--at-rule,#ffffff40);margin-bottom:32px}
.editorial .col1 h2{font-size:clamp(36px,4vw,60px);max-width:24ch}
.editorial .col2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);max-width:none;font-size:clamp(16px,1.4vw,19px)}
.editorial .col2 p{max-width:46ch;margin:0}
.fato .fonte a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.editorial .col1,.editorial .col2{grid-template-columns:1fr}.editorial .col1{gap:16px;padding-bottom:24px;margin-bottom:24px}.editorial .col2{gap:24px}}

.hero-galeria{cursor:grab;touch-action:pan-y;user-select:none}
.hero-galeria[data-dragging=true]{cursor:grabbing}
.hero-galeria:focus-visible{outline:2px solid #F23000;outline-offset:-2px}
.hero-galeria[data-dragging=true] .moldura{transform:none}
/* Aviso em faixa contínua, com cópia acessível estática para leitores de tela. */
.aviso{overflow:hidden;position:relative}
.aviso-acessivel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.aviso-trilho{display:flex;width:max-content;flex:none;animation:aviso-correr 36s linear infinite}
.aviso-trilho span{flex:none;white-space:nowrap;padding-inline:clamp(20px,3vw,44px)}
@keyframes aviso-correr{to{transform:translateX(-25%)}}
.aviso:hover .aviso-trilho{animation-play-state:paused}

/* O selo retorna à home e as redes ficam junto da assinatura. */
.ft .marca-home{display:inline-flex;color:inherit;border-radius:50%}
.ft .marca-home:focus-visible{outline:2px solid #F23000;outline-offset:4px}
.ft .ft-redes{gap:8px!important;margin-top:8px}
.ft .ft-redes a{display:flex;flex-wrap:wrap;gap:8px;color:var(--at-bone);font-size:12px}
.ft .ft-redes a span{color:var(--at-ash)}
/* Uma linha por controle, com um movimento de apenas 6% no hover. */
:is(.hd a:not([aria-label="ANTETEMPO"]),.colecao .tudo,.relacionados .cab a,.alternar-tudo,.link-continuar,.item-carrinho .editar,.item-carrinho .remover,.gav-item .remover,.gav-ver-tudo,.fato .fonte a,.news .nota a,.filtro-colecao a,.recs .cab a){position:relative;border-bottom:0!important;text-decoration:none!important}
:is(.hd a:not([aria-label="ANTETEMPO"]),.colecao .tudo,.relacionados .cab a,.alternar-tudo,.link-continuar,.item-carrinho .editar,.item-carrinho .remover,.gav-item .remover,.gav-ver-tudo,.fato .fonte a,.news .nota a,.filtro-colecao a,.recs .cab a)::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;opacity:.28;transform:scaleX(.94);transform-origin:left;transition:transform 160ms var(--ease),opacity 160ms var(--ease)}
.hd a:not([aria-label="ANTETEMPO"])::after,.item-carrinho .remover::after,.gav-ver-tudo::after{opacity:0}
@media(hover:hover) and (pointer:fine){:is(.hd a:not([aria-label="ANTETEMPO"]),.colecao .tudo,.relacionados .cab a,.alternar-tudo,.link-continuar,.item-carrinho .editar,.item-carrinho .remover,.gav-item .remover,.gav-ver-tudo,.fato .fonte a,.news .nota a,.filtro-colecao a,.recs .cab a):hover::after{opacity:.65;transform:scaleX(1)}}
:is(a,button):focus-visible::after{transition:none}
@media(prefers-reduced-motion:reduce){:is(a,button)::after{transition:none!important}}

/* Campos com limites visíveis em branco, inclusive antes de receber foco. */
html[data-tema=claro] :is(.campo input,.linha-cep input){background:#fff;border:1px solid #817C79;border-radius:3px;min-height:48px;color:#141212;padding:12px 14px}
html[data-tema=claro] :is(.campo input,.linha-cep input)::placeholder{color:#716B67;opacity:1}
html[data-tema=claro] :is(.campo input,.linha-cep input):focus{outline:2px solid #F23000;outline-offset:2px;border-color:#141212}
html[data-tema=claro] .campo input[aria-invalid=true]{border-color:#B52208;box-shadow:inset 3px 0 #B52208}
html[data-tema=claro] :is(.etapa,.opcao-frete,.linha-total.total){border-color:var(--at-rule)}
html[data-tema=claro] .campo>span{color:#141212;font-size:11px;letter-spacing:.07em}
.form-dados{gap:20px 16px}
.etapa{gap:18px}
.etapa-cab{padding-bottom:12px;border-bottom:1px solid var(--at-rule)}

/* Inscrição compartilhada antes do rodapé. */
.news{padding:clamp(40px,5vw,72px) var(--gut);border-block:1px solid var(--at-rule);background:var(--at-black)}
.news .duas{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.news .lado{display:flex;flex-direction:column;gap:14px}
.news h2{font:400 clamp(30px,3vw,42px)/1.05 var(--font-display);max-width:24ch;margin:0}
.news form{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.news form[hidden]{display:none}
.news form label{font:600 12px var(--font-sans);color:var(--at-white)}
.news-campos{display:flex;flex-wrap:wrap;gap:12px}
.news input{flex:1 1 220px;min-width:0;width:100%;min-height:48px;background:#fff;border:1px solid #817C79;border-radius:3px;padding:12px 14px;color:#141212;font:400 16px var(--font-sans);letter-spacing:normal}
.news form>input{flex:initial}
.news input:focus{outline:2px solid #F23000;outline-offset:2px;border-color:#141212}
.news .nota{max-width:var(--max);margin:24px auto 0;font-size:12px;line-height:1.6;color:var(--at-ash)}
.news .nota a{display:inline-block}
@media(max-width:700px){.news .duas{grid-template-columns:1fr;gap:24px}.news .btn{width:100%}}

/* Cena de proporção: parede branca, sofá de referência e cotas discretas. */
.palco.parede{background:#fff;border:1px solid var(--at-rule)}
.palco .chao{height:15%;background:linear-gradient(#ECECE8,#E3E3DF)}
.palco .chao::before{height:5px;top:-5px;background:#F3F3F0;box-shadow:0 1px 0 #14121212}
.palco .icone-cena{background:none;mask:none;-webkit-mask:none;filter:drop-shadow(0 5px 4px #14121212)}
.palco .icone-sofa{aspect-ratio:180/82}
.cena-titulo,.cena-medida,.cena-referencia{display:none;position:absolute;pointer-events:none}
.parede .cena-titulo{display:flex;left:20px;right:20px;top:18px;justify-content:space-between;gap:12px;font:600 9px/1.2 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:#625D5B}
.parede .cena-medida{display:block;border-top:1px solid #625D5B80;padding-top:6px;text-align:center;white-space:nowrap;font:500 9px/1 var(--font-sans);color:#625D5B}
.cena-medida::before,.cena-medida::after{content:"";position:absolute;top:-3px;height:5px;width:1px;background:#625D5B80}
.cena-medida::before{left:0}.cena-medida::after{right:0}
.parede .cena-referencia{display:flex;bottom:15px;left:24px;right:24px;justify-content:space-between;font:500 10px/1.3 var(--font-sans);color:#625D5B}
.cena-referencia b{font-weight:600;font-variant-numeric:tabular-nums}
.parede .moldura-fora{box-shadow:0 3px 9px #14121222}
@media(max-width:460px){.parede .cena-titulo{font-size:8px;left:14px;right:14px}.cena-titulo span:last-child{display:none}.parede .cena-medida{font-size:8px}}

/* Aba e painel se movem juntos e compartilham uma única sombra. */
.gaveta-conjunto{--drawer-width:min(420px,100vw);position:fixed;inset:0 0 0 auto;width:var(--drawer-width);z-index:61;transform:translateX(100%);transition:transform 280ms cubic-bezier(.32,.72,0,1);filter:drop-shadow(-4px 0 12px #1412121A);pointer-events:none}
.gaveta-conjunto.aberta{transform:translateX(0)}
.gaveta-conjunto .gaveta{position:absolute;inset:0;width:100%;transform:none;transition:visibility 0s 280ms;visibility:hidden;box-shadow:none;border:0;pointer-events:none}
.gaveta-conjunto.aberta .gaveta{visibility:visible;transition-delay:0s;pointer-events:auto}
.gaveta-conjunto .gaveta-aba{position:absolute;top:38%;left:-32px;right:auto;transform:translateY(-50%);width:32px;height:48px;min-width:32px;min-height:48px;padding:0;justify-content:center;border:1px solid #14121230;border-right:0;border-radius:8px 0 0 8px;background:#fff;box-shadow:none;pointer-events:auto;font:400 16px/1 var(--font-sans);transition:color 140ms var(--ease)}
.gaveta-conjunto .gaveta-aba.aberta{right:auto}
.gaveta-aba .seta{font-size:16px;line-height:1;transition:transform 160ms var(--ease)}
.gaveta-aba .contagem-aba{min-width:18px;height:18px;padding:0 4px;font:800 10px/18px var(--font-sans);box-shadow:none}
.gaveta-fundo{background:#14121229;transition:opacity 200ms var(--ease)}
@media(max-width:700px){.gaveta-conjunto .gaveta-aba{display:none}}
@media(prefers-reduced-motion:reduce){.gaveta-conjunto,.gaveta-fundo,.gaveta-aba .seta{transition:none}.gaveta-conjunto .gaveta{transition:none}}

.item-carrinho .tags .moldura-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px}
.quina-moldura{display:inline-block;position:relative;flex:none;width:28px;height:28px;background:#fff;border:1px solid #14121218;overflow:hidden}
.quina-moldura i{position:absolute;display:block;background-repeat:repeat}
.quina-moldura .lateral{inset:0 auto 0 0;width:12px;background-size:100% auto;clip-path:polygon(0 0,100% 12px,100% 100%,0 100%)}
.quina-moldura .superior{inset:0 0 auto 0;height:12px;background-size:auto 100%;clip-path:polygon(0 0,100% 0,100% 100%,12px 100%)}

.peca .risco{opacity:0;transform:scaleX(.94);transition:transform 160ms var(--ease),opacity 160ms var(--ease)}
@media(hover:hover) and (pointer:fine){.peca:hover .risco{opacity:.65;transform:scaleX(1)}}
html[data-tema=claro] :is(.kit-opcao:has(input:checked),.opcao-frete:has(input:checked)){background:#fff}

.miniatura.parede{background:#fff}
.miniatura.parede::before{background:#E7E7E2}
.miniatura.parede::after{left:12%;width:76%;aspect-ratio:180/82;background:transparent url('../ds/sofa-referencia.svg') center/contain no-repeat;mask:none;-webkit-mask:none}

.preco-card small{font-weight:500;color:var(--at-ash);font-size:12px}