/* Simulador de cores da página inicial: foto fixa do pátio + linha de amostras do catálogo */
section.sim{background:var(--alt)}
.sim .head{text-align:center;max-width:62ch;margin:0 auto 1.6rem}
.sim .head p{color:var(--muted);margin:0;font-size:1.1rem}
.sim-view{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ph);
  box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.12),0 22px 44px -12px rgba(0,0,0,.4)}
.sim-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .45s ease}
.sim-view img.back{opacity:0}
.sim-name{position:absolute;left:12px;bottom:12px;z-index:3;margin:0;background:rgba(20,17,14,.62);color:#fff;padding:.3rem .85rem;border-radius:999px;
  font-weight:600;font-size:clamp(.85rem,1.6vw,1.1rem);letter-spacing:.03em;backdrop-filter:blur(4px)}
.sim-pick{border:0;margin:1.1rem 0 0;padding:0;min-width:0}
.sim-pick legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sim-row{display:flex;gap:.6rem;overflow-x:auto;padding:.5rem .3rem .9rem;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.sim-row label{position:relative;flex:0 0 auto;width:84px;margin:0;scroll-snap-align:start;cursor:pointer;text-align:center;
  font-weight:500;font-size:.85rem;line-height:1.15;color:var(--ink)}
.sim-row input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0}
.sim-row img{width:72px;height:72px;margin:0 auto .4rem;border-radius:10px;box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .15s}
.sim-row label:hover img{transform:translateY(-2px)}
.sim-row input:checked+img{box-shadow:0 0 0 3px var(--accent),0 6px 14px rgba(0,0,0,.18)}
.sim-row input:checked~span{font-weight:700;color:var(--accent)}
.sim-row input:focus-visible+img{outline:2px solid var(--accent);outline-offset:4px}
.sim-note{font-size:.92rem;color:var(--muted);text-align:center;margin:.4rem auto 0;max-width:72ch}
@media(max-width:600px){
  .sim-view{border-radius:12px}
  .sim-name{left:8px;bottom:8px}
  .sim-row label{width:70px;font-size:.78rem}
  .sim-row img{width:60px;height:60px}
}
@media(prefers-reduced-motion:reduce){.sim-view img,.sim-row img{transition:none}}