/* Design e Moda — Estúdio de Cores */
.dmce{--o:#c9a227;--esc:#0d0d0f;--tx:#3a4f66;--ti:#192a3d;--ln:#e6e9ee;--bg:#f6f4f1;--r:18px;font-size:16px;line-height:1.55;color:var(--tx)}
.dmce *{box-sizing:border-box}
.dmc-app{background:#fff;border-radius:22px;box-shadow:0 1px 3px rgba(25,42,61,.06),0 18px 50px rgba(25,42,61,.09);padding:28px;max-width:860px;margin:0 auto}
.dmce h3,.dmce h4{color:var(--ti);margin:0 0 10px}
.dmce h4{font-size:1rem;letter-spacing:.02em;margin-top:22px}
.dmc-oculto{display:none!important}
.dmc-kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dmc-dica{font-size:.92rem;color:#6a7787;margin:4px 0 14px}
.dmc-link{background:none;border:0;padding:0;color:var(--ti);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.92rem}
/* Abas */
.dmc-tabs{display:flex;gap:6px;background:var(--bg);padding:5px;border-radius:999px;margin:0 0 24px;width:max-content;max-width:100%}
.dmc-tab{border:0;background:transparent;padding:10px 18px;border-radius:999px;font-weight:700;font-size:.92rem;color:#6a7787;cursor:pointer}
.dmc-tab.is-on{background:#fff;color:var(--ti);box-shadow:0 2px 8px rgba(25,42,61,.1)}
/* Progresso e perguntas */
.dmc-prog{height:6px;background:var(--bg);border-radius:9px;overflow:hidden;margin-bottom:14px}
.dmc-prog__barra{height:100%;background:linear-gradient(90deg,var(--o),#e6c76a);border-radius:9px;transition:width .35s ease}
.dmc-passo{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--o);margin:0 0 6px}
.dmc-q{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.35rem,3.2vw,1.8rem);line-height:1.25}
.dmc-opcoes{display:grid;gap:10px;margin:8px 0 18px}
.dmc-opcao{text-align:left;padding:16px 18px;border-radius:14px;border:1.5px solid var(--ln);background:#fff;font-size:1rem;font-weight:600;color:var(--ti);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.dmc-opcao:hover{border-color:var(--o);transform:translateY(-1px);box-shadow:0 6px 16px rgba(25,42,61,.08)}
.dmc-opcao.is-on{border-color:var(--o);background:#fff9e8}
.dmc-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* Botões */
.dmc-acoes{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.dmc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 22px;border-radius:999px;border:2px solid var(--esc);background:var(--esc);color:#fff!important;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.dmc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,13,15,.22)}
.dmc-btn--sec{background:#fff;color:var(--esc)!important}
.dmc-btn--ghost{background:transparent;border-color:var(--ln);color:var(--tx)!important}
.dmc-btn:focus-visible,.dmc-opcao:focus-visible,.dmc-tab:focus-visible{outline:3px solid var(--o);outline-offset:2px}
/* Resultado */
.dmc-res{border-radius:var(--r);overflow:hidden;border:1px solid var(--ln)}
.dmc-res__topo{padding:34px 26px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.dmc-res__topo .dmc-kicker{color:#fff;opacity:.9}
.dmc-res__nome{font-family:"Playfair Display",Georgia,serif;color:#fff!important;font-size:clamp(2rem,6vw,3rem);line-height:1.05;margin:0 0 8px}
.dmc-res__resumo{margin:0;max-width:560px;font-size:1.02rem}
.dmc-res__corpo{padding:22px 24px}
.dmc-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}
.dmc-chips--p{grid-template-columns:repeat(4,1fr)}
.dmc-chip{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.dmc-chip__cor{width:100%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 4px 10px rgba(25,42,61,.12)}
.dmc-chip__nome{font-size:.78rem;line-height:1.2;color:var(--tx)}
.dmc-chips--x .dmc-chip__cor{position:relative;opacity:.85}
.dmc-chips--x .dmc-chip__cor:after{content:"";position:absolute;inset:46% 6%;height:3px;background:#fff;transform:rotate(-35deg);border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.dmc-duas{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dmc-metal,.dmc-segunda{margin:16px 0 0}
.dmc-proximos{display:grid;gap:10px;margin-top:8px}
.dmc-prox{display:block;padding:14px 16px;border-radius:14px;background:var(--bg);text-decoration:none!important;transition:background .15s}
.dmc-prox:hover{background:#fff4d6}
.dmc-prox b{display:block;color:var(--ti)}.dmc-prox span{font-size:.88rem;color:#6a7787}
.dmc-aviso{font-size:.8rem;color:#8a95a3;margin:18px 0 0;line-height:1.5}
/* Explorar */
.dmc-fam h4{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem}
.dmc-fam__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dmc-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:0 0 14px;border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}
.dmc-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(25,42,61,.1)}
.dmc-card__faixa{display:flex;height:46px}.dmc-card__faixa i{flex:1}
.dmc-card b{padding:4px 14px 0;color:var(--ti)}.dmc-card small{padding:0 14px;color:#6a7787;font-size:.82rem;line-height:1.4}
/* Foto */
.dmc-foto-ini{text-align:center;padding:10px 4px}
.dmc-foto-ini__ico{font-size:44px}
.dmc-check{list-style:none;padding:0;margin:14px auto;max-width:460px;text-align:left}
.dmc-check li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--ln)}
.dmc-check li:before{content:"✓";position:absolute;left:4px;color:var(--o);font-weight:800}
.dmc-foto-ini .dmc-acoes{justify-content:center}
.dmc-privacidade{font-size:.85rem;color:#6a7787}
.dmc-so-mobile{display:none}
@media (hover:none) and (pointer:coarse){.dmc-so-mobile{display:inline-flex}.dmc-so-desktop{display:none}}
.dmc-video,.dmc-foto-cv{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:16px;background:#111}
.dmc-foto-cv{cursor:crosshair;touch-action:manipulation}
.dmc-foto-wrap{margin:10px 0 14px}
.dmc-amostras{display:flex;gap:16px}
.dmc-amostra{text-align:center}.dmc-amostra span{display:block;width:54px;height:54px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--ln)}
.dmc-amostra small{font-size:.78rem}
.dmc-eixo{margin:14px 0}
.dmc-eixo__n{font-weight:700;font-size:.85rem;color:var(--ti)}
.dmc-eixo__trilho{position:relative;height:8px;border-radius:9px;background:linear-gradient(90deg,#9fc6e8,#e9e4dc,#f2b27c);margin:6px 0 4px}
.dmc-eixo__trilho i{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--esc);box-shadow:0 0 0 3px #fff}
.dmc-eixo__rot{display:flex;justify-content:space-between;font-size:.75rem;color:#8a95a3}
.dmc-alerta{background:#fff7e0;border:1px solid #f1d58a;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:.88rem}
.dmc-alerta p{margin:2px 0}
.dmc-prova__par{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0}
.dmc-prova__op{border:2px solid transparent;border-radius:18px;padding:0;background:none;cursor:pointer;overflow:hidden;transition:border-color .15s,transform .15s}
.dmc-prova__op:hover{border-color:var(--o);transform:translateY(-2px)}
.dmc-drape{display:block;width:100%;height:auto}
.dmc-prova__op span{display:block;padding:8px;font-weight:700;color:var(--ti);background:#fff}
/* Closet */
.dmc-closet__topo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.dmc-rot{display:block;font-weight:700;color:var(--ti);margin-bottom:6px;font-size:.92rem}
.dmc-sel{padding:11px 14px;border-radius:12px;border:1.5px solid var(--ln);background:#fff;font-size:.95rem;min-width:220px;color:var(--ti)}
.dmc-mini{display:flex;gap:4px}.dmc-mini i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.dmc-add{background:var(--bg);border-radius:var(--r);padding:18px;margin-bottom:22px}
.dmc-add__linha{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dmc-add__cor{display:flex;gap:8px;align-items:center}
.dmc-cor{width:52px;height:46px;border:0;border-radius:12px;padding:0;background:none;cursor:pointer}
.dmc-vazio{text-align:center;padding:22px;color:#6a7787}.dmc-vazio__ico{font-size:40px;margin:0}
.dmc-pecas{display:grid;gap:12px}
.dmc-peca{position:relative;display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid var(--ln);border-radius:16px;background:#fff}
.dmc-peca__img{width:84px;height:84px;border-radius:12px;overflow:hidden}
.dmc-peca__img img{width:100%;height:100%;object-fit:cover;display:block}
.dmc-peca__l1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-right:26px}
.dmc-peca__l1 b{color:var(--ti)}
.dmc-selo{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.02em}
.dmc-selo--ok{background:#e1f5ea;color:#1f7a4d}.dmc-selo--bom{background:#eef5e1;color:#55741c}.dmc-selo--fora{background:#fbe7e7;color:#b23b3b}
.dmc-peca__txt{margin:6px 0;font-size:.9rem}
.dmc-pt{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-left:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.dmc-pt--g{width:22px;height:22px;margin-left:4px}
.dmc-peca__comb{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.dmc-peca__comb small{color:#8a95a3;margin-right:4px}
.dmc-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;line-height:1;color:#9aa4b0;cursor:pointer}
.dmc-look{margin-top:18px;padding-top:14px;border-top:1px solid var(--ln)}
.dmc-look__res{margin:0}
/* Celular */
@media (max-width:640px){
  .dmc-app{padding:18px 14px;border-radius:16px}
  .dmc-tabs{width:100%}.dmc-tab{flex:1;padding:10px 8px;font-size:.85rem}
  .dmc-duas{grid-template-columns:1fr}
  .dmc-chips{grid-template-columns:repeat(4,1fr);gap:10px}
  .dmc-fam__grid{grid-template-columns:1fr 1fr}
  .dmc-btn{flex:1 1 100%}
  .dmc-res__topo{padding:26px 18px}.dmc-res__corpo{padding:18px 14px}
  .dmc-sel{min-width:0;width:100%}
  .dmc-add__linha>*{flex:1 1 100%}.dmc-add__cor{width:100%}.dmc-add__cor .dmc-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){.dmce *{transition:none!important}}