/* Complementos do app real (o visual base vem de estilo.css, igual ao protótipo aprovado) */
#login .bg{background-image:url(img/entrada.jpg)}
.erro{margin:4px 0 0;color:#e89a8a;font-size:13px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sel-proj{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:12.5px;max-width:46vw}
.link{background:none;border:0;color:var(--text);text-decoration:underline;font-size:13px;padding:0}
.carregando{min-height:100%;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:13px}
.carregando .icon{height:34px;opacity:.9;animation:respira 1.6s ease-in-out infinite}
@keyframes respira{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.carregando .icon{animation:none}}
.tile img{background:var(--surface-2)}
/* projeto ainda sem imagens: fundo padrão MKT (curvas de nível + ícone suave) no lugar da foto */
.hero-waves{left:0;right:0;bottom:0;width:100%;height:100%;display:none}
.hero.sem-capa .hero-waves{display:block}
.hero.sem-capa .img{background:url(img/icone.png) no-repeat right max(16px,8%) top 36px/auto 44%;opacity:.07}
.hero.sem-capa .img::after{display:none}
/* ícones desenhados (no lugar de símbolos que viram emoji no iPhone) */
.ico{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:none}
.dl{display:inline-flex;align-items:center;gap:5px}
.x .ico{width:20px;height:20px}
.x{display:inline-grid;place-items:center}
/* celular: nome do ambiente numa linha, contagem e botões (Baixar, Galeria) na linha de baixo */
@media (max-width:560px){
  .row-head{flex-wrap:wrap;row-gap:6px}
  .row-head h2{flex-basis:100%}
  .row-head .cnt{width:100%;flex-wrap:wrap}
  .row-head .cnt > span:first-child{margin-right:auto}
}