/* =========================================================
   Asterum · Landing page v7
   A v6 sem as linhas de contorno: os objetos da bancada do hero, as cenas 3D da vitrine e as ilustrações de
   Projetos ganham forma só pelas sombras e pelas mudanças de tom. Carregado depois do v6.css.
   ========================================================= */

/* primeira passada: o contorno único das ilustrações (bancada e isométricas) sai */
:root { --traco: 0px; }

/* ---------- bancada do hero: objetos com volume pela sombra e pelo tom ---------- */
/* sombra de objeto apoiado: contato curto + ambiente largo (no lugar do contorno em tinta) */
:root {
  --v7-sombra: 0 1px 1.5px rgba(16,16,15,.07), 0 4px 10px -4px rgba(16,16,15,.12), 0 22px 34px -20px rgba(16,16,15,.42);
  --v7-sombra-papel: 0 1px 1px rgba(16,16,15,.08), 0 3px 8px -3px rgba(16,16,15,.12), 0 18px 28px -18px rgba(16,16,15,.4);
}
.chaos .ui { box-shadow: var(--v7-sombra); }
/* cabeçalho dos apps: separado do corpo por um tom e uma sombra curta, sem a linha */
.chaos .ui__bar { border-bottom: 0; background: linear-gradient(#fff, #fafaf8); box-shadow: 0 7px 10px -10px rgba(16,16,15,.45); }
.chaos .count, .chaos .count--mail { box-shadow: none; }
.src--wa .count { background: #dff5e7; }
.src--mail .ui__app, .src--sheet .ui__app { box-shadow: none; }
/* WhatsApp: balões sem borda, com a sombrinha do app */
.src--wa .bubble, .src--wa .typing { border: 0; box-shadow: 0 1px 1px rgba(16,16,15,.1); }

/* quadro branco: moldura de alumínio em relevo (clara em cima, mais escura embaixo), sem a folha de trás */
.board { border: 5px solid #e8e8e4; border-top-color: #f3f3f0; border-left-color: #eeeeea; border-bottom-color: #d3d3ce; border-right-color: #dcdcd7; border-radius: 7px; box-shadow: var(--v7-sombra); }
.board .board__cols i { box-shadow: 0 1px 1.5px rgba(16,16,15,.18), 0 3px 5px -3px rgba(16,16,15,.3); }
/* bandeja dos pincéis e cavalete: peças de metal (barras com volume), não traços */
.board .board__tray { height: 6px; background: linear-gradient(#f4f4f1, #cfcfca); box-shadow: 0 3px 5px -2px rgba(16,16,15,.35); }
.board__legs { stroke: #c9c9c4; stroke-width: 5; vector-effect: non-scaling-stroke; filter: drop-shadow(1px 2px 1.5px rgba(16,16,15,.18)); }

/* post-it: papel com leve curvatura (mais claro no alto, sombra mais forte embaixo à direita) */
.src--note { background-image: linear-gradient(170deg, #fff6c6 0%, #fff0b1 45%, #f6e49a 100%); box-shadow: 0 1px 1px rgba(16,16,15,.08), 6px 14px 16px -12px rgba(16,16,15,.45), 0 22px 30px -22px rgba(16,16,15,.3); }

/* romaneio: furos da espiral em tom, sem anel desenhado; a régua do cabeçalho em cinza */
.src--paper { box-shadow: var(--v7-sombra-papel); }
.src--paper::before { background: radial-gradient(circle at 8px 3px, #cfcfca 0 1.8px, #e9e9e5 2.2px, transparent 2.9px) 0 0 / 16px 6px; }
.paper__h { border-bottom-color: #d9d9d4; }

/* laptop: moldura grafite e base prateada já dão o volume; o entalhe da base em tom */
.lap2__tela { box-shadow: 0 2px 3px rgba(16,16,15,.12); }
.lap2__base { box-shadow: 0 2px 2px rgba(16,16,15,.1), 0 14px 18px -12px rgba(16,16,15,.55); }
.lap2__base::before { box-shadow: none; background: #b9bcc1; }
/* videochamada: pessoas em cinza, só com preenchimento (sem contorno) e mais contraste entre pele, cabelo e roupa */
.vc2__corpo, .vc2__cab, .vc2__cabelo, .vc2__gola, .vc2__obj { stroke: none; }
.vc2__p { box-shadow: none; }
.vc2__ctrl { box-shadow: 0 1px 3px rgba(16,16,15,.22); }
.vc2__ctrl i { box-shadow: none; background: #d6d6d2; }

/* ---------- Projetos: ilustrações isométricas sem traço ---------- */
/* faces com mais contraste (luz da esquerda): topo branco, esquerda clara, direita em meio-tom; cada face com um
   fio da própria cor, para não abrir frestas claras entre faces vizinhas */
.iso .iso-t { fill: #fff; stroke: #fff; stroke-width: .6px; }
.iso .iso-l { fill: #ebebe6; stroke: #ebebe6; stroke-width: .6px; }
.iso .iso-r { fill: #d6d6d0; stroke: #d6d6d0; stroke-width: .6px; }
.iso .iso-vt { fill: #d7f0e1; stroke: #d7f0e1; stroke-width: .6px; }
.iso .iso-vl { fill: #9fdbb8; stroke: #9fdbb8; stroke-width: .6px; }
.iso .iso-vr { fill: #6cc293; stroke: #6cc293; stroke-width: .6px; }
.iso .iso-forte { stroke-width: .6px; }
/* a bancada (base) descolada do fundo por uma sombra macia; a lateral dela um pouco mais escura */
.iso .iso-chao { filter: drop-shadow(0 10px 14px rgba(16,16,15,.1)) drop-shadow(0 2px 3px rgba(16,16,15,.06)); }
.iso .iso-base.iso-l { fill: #e4e4df; stroke: #e4e4df; }
/* sombra projetada dos volumes no chão */
.iso .iso-projecao { fill: rgba(16,16,15,.08); stroke: none; filter: blur(1.2px); }
/* peças que dependiam do contorno */
.iso .iso-pin { fill: #c9c9c3; stroke: none; }
.iso .iso-roda { fill: #3d3d3a; stroke: none; }
.iso .iso-cubo { fill: #c9c9c4; }
.iso .iso-barra { fill: #c4c4be; stroke: none; }
.iso .iso-porta { fill: #dddcd7; }
.iso .iso-janela { fill: #e6e9e8; }
.iso .iso-fino { stroke: #c2c2bc; }
.iso .iso-icone { stroke: #4f4f4b; }
.iso .iso-mastro { stroke: #9b9b95; stroke-width: 1.8; }
/* o que nos participantes é objeto (o arco do fone da Júlia, o microfone e a alça da caneca do Pedro) vira uma
   peça cheia, na cor do objeto; a gola de linha da camisa sai */
.vc2__p[style*="--k:3"] .vc2__gola { stroke: var(--obj); stroke-width: 2.4; }
.vc2__obj--alca { stroke: var(--obj); stroke-width: 2.2; }