/* Estilos alternativos do seletor de nichos (escolha no painel: editar site > visual).
   O padrão "bolinha" fica no próprio index.html; aqui só as variações. */

/* ---------- pastas ---------- */
[data-nicho="pasta"] .niches{gap:12px;padding-top:36px}
[data-nicho="pasta"] .niche{width:112px;gap:9px}
[data-nicho="pasta"] .niche .ring{position:relative;width:108px;height:80px;border-radius:4px 14px 14px 14px;padding:4px;background:var(--ink);animation:none;transition:transform .2s,background .2s}
[data-nicho="pasta"] .niche .ring::before{content:"";position:absolute;left:0;top:-11px;width:46%;height:14px;border-radius:9px 9px 0 0;background:inherit}
[data-nicho="pasta"] .niche .ring img{border:0;border-radius:2px 10px 10px 10px;animation:none;transition:transform .25s}
[data-nicho="pasta"] .niche[aria-pressed="true"] .ring{background:var(--lime);animation:none;transform:translateY(-4px)}
[data-nicho="pasta"] .niche[aria-pressed="true"] .ring img{animation:none;transform:translateY(-10px) rotate(-3deg)}
[data-nicho="pasta"] .niche:hover .ring{transform:translateY(-4px)}

/* ---------- adesivos ---------- */
[data-nicho="adesivo"] .niches{gap:10px;padding:26px 6px 14px}
[data-nicho="adesivo"] .niche{width:auto;flex-direction:row;gap:9px;padding:6px 14px 6px 6px;border:2.5px solid var(--ink);border-radius:99px;background:var(--cloud);color:var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;text-align:left;transform:rotate(-2deg);transition:transform .15s,background .15s,box-shadow .15s}
[data-nicho="adesivo"] .niche:nth-child(even){transform:rotate(2deg)}
[data-nicho="adesivo"] .niche .ring{width:38px;height:38px;padding:0;background:none;animation:none}
[data-nicho="adesivo"] .niche .ring img{border:2px solid var(--ink);animation:none}
[data-nicho="adesivo"] .niche em{margin-left:2px}
[data-nicho="adesivo"] .niche[aria-pressed="true"]{background:var(--lime);transform:rotate(0) translateY(-3px);box-shadow:5px 5px 0 var(--ink)}
[data-nicho="adesivo"] .niche[aria-pressed="true"] .ring{animation:none}
[data-nicho="adesivo"] .niche[aria-pressed="true"] .ring img{animation:none}
[data-nicho="adesivo"] .niche:hover{transform:rotate(0) scale(1.04)}
[data-nicho="adesivo"] .niche:hover .ring{transform:none}

/* ---------- capas de Reels ---------- */
[data-nicho="capa"] .niches{gap:10px;padding-top:24px}
[data-nicho="capa"] .niche{width:92px;gap:8px}
[data-nicho="capa"] .niche .ring{width:92px;height:136px;border-radius:14px;padding:0;background:var(--ink);border:2.5px solid var(--ink);overflow:hidden;animation:none;transition:transform .2s,box-shadow .2s}
[data-nicho="capa"] .niche .ring img{border:0;border-radius:0;animation:none;opacity:.8;transition:opacity .2s}
[data-nicho="capa"] .niche[aria-pressed="true"] .ring{animation:none;transform:translateY(-6px) rotate(-2deg);box-shadow:5px 5px 0 var(--ink),0 0 0 3px var(--lime)}
[data-nicho="capa"] .niche[aria-pressed="true"] .ring img{animation:none;opacity:1}
[data-nicho="capa"] .niche:hover .ring{transform:translateY(-4px)}

/* ---------- cursor normal ---------- */
html[data-cursor="normal"] .cur-dot,html[data-cursor="normal"] .cur-ring{display:none!important}