/* Ondina: palco de fotografia. Geometria e encaixes dos SVG preservados. */
:root{--preto:#F7F5EF;--grafite:#F7F5EF;--carvao:#EEEBE4;--alto:#E9E5DD;--linha:#DCD6CA;--fraco:#827C73}
.topo .env{max-width:1600px;padding:16px 32px}
.marca{font-size:22px;letter-spacing:.2em}
.bt-sacola .n{color:#F7F5EF}
.capa{max-width:1600px;padding:30px 32px 24px;display:grid;grid-template-columns:1fr 370px;align-items:end;gap:32px}
.capa>.etq{grid-column:1/-1;margin-bottom:-18px}
.capa h1{font-size:clamp(34px,3.1vw,48px);line-height:1.1;letter-spacing:-.04em;max-width:23ch}
.capa p{font-size:12.5px;line-height:1.8;margin:0;max-width:46ch}
.corpo{max-width:1600px;padding:0 32px 48px;gap:26px}
.palco{border:1px solid #D7D1C5;box-shadow:0 22px 50px -35px #29251b66}
.quadro{background:radial-gradient(ellipse at 28% 12%,#FFFFFF 0%,#EEEAE2 48%,#D5CEBF 100%)}
.quadro::before{content:"";position:absolute;left:23%;bottom:9%;width:54%;height:7%;background:radial-gradient(ellipse,#5e554933,transparent 69%);pointer-events:none;z-index:0}
.quadro::after{content:"ESTÚDIO VIRTUAL";position:absolute;left:18px;top:17px;font-size:8px;letter-spacing:.22em;color:#7E7769;pointer-events:none}
.quadro .manequim{filter:drop-shadow(14px 8px 15px #463d3038)}
.capa-roupa .peca-svg{filter:drop-shadow(7px 11px 7px #463d302a)}
.vazio-foto{padding:34px 18px 16px;background:linear-gradient(to top,#f7f5eff5,transparent)}
.vazio-foto p{font-size:11.5px;line-height:1.7;margin:6px 0 12px}
.vazio-foto .etq{font-size:8px;letter-spacing:.18em}
.ferramentas{background:#F8F6F1;gap:8px;padding:12px}
.grupo{background:#fff;border-color:#e0dacf}
.grupo button{min-width:30px;min-height:30px}
.lado>.bloco{background:#FFFEFA;padding:24px;border:1px solid #DED8CE}
.lado .nome{font-size:27px;line-height:1.2}
.trilha h2{font-size:24px;letter-spacing:-.03em}
.categorias button{padding:12px 10px}
.tile{transition:border-color .2s,transform .2s}
.tile:hover{transform:translateY(-2px)}
.bt{min-height:46px;font-size:10px}
@media(min-width:1200px){.corpo{grid-template-columns:196px minmax(0,1fr) 338px}.lado{grid-column:auto;display:block;position:sticky;top:110px}.trilha{position:sticky;top:110px}.quadro{max-height:calc(100svh - 310px)}}
@media(min-width:1040px) and (max-width:1199px){.corpo{grid-template-columns:180px minmax(0,1fr)}.lado{grid-column:1/-1}}
@media(max-width:1039px){.capa{display:block;padding:24px 20px 20px}.capa>.etq{margin:0 0 10px}.capa h1{font-size:35px}.capa p{margin-top:14px;font-size:12px}.corpo{padding:0 16px 36px;gap:20px}.topo .env{padding:12px 16px}.quadro{max-height:70svh}.lado>.bloco{padding:22px}.modos button{padding:8px 11px}.lado .nome{font-size:25px}}