/* ==========================================================================
   Peças em comum das três páginas (home, /dr/ e /prp/), vindas das versões
   alternativas que viraram as principais em 07/10/2026. Carregar depois do CSS da página e antes
   do tema.css. Contexto em docs/site.md, seção "Versão 2 (out/2026)".
   ========================================================================== */

/* ---------- 1. Ficha com foto (.sinais.sinais--foto) ----------
   A ficha que vira (site.css 14b), com a foto ocupando a frente: filete de
   ouro por fora, filete marfim por dentro, nome e uma linha sobre o escuro da
   foto. Verso carvão com trama. Home: sinais; /dr/: áreas; /prp/: o que não é.
   Foto: <span class="sinal__media"><img ...></span> como primeiro filho da frente. */
.sinais--foto{gap:18px;row-gap:22px}
.sinais--foto .sinal{aspect-ratio:4 / 5;min-height:340px}
.sinais--foto .sinal__face{overflow:hidden;padding:24px 22px;border-radius:2px}
.sinais--foto .sinal__frente{background:#17181b;border:1px solid rgba(216,192,138,.48);box-shadow:0 14px 40px -34px rgba(8,8,10,.65)}
.sinais--foto .sinal__frente::before{display:block;z-index:1;inset:10px;border:1px solid rgba(244,241,234,.48);border-radius:0}
.sinais--foto .sinal__glifo,.sinais--foto .sinal__mapa{display:none}
.sinais--foto .sinal__media{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}
.sinais--foto .sinal__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--foto-pos,center 36%);transition:transform 650ms var(--ease)}
.sinais--foto .sinal__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.04) 18%,rgba(8,8,10,.05) 36%,rgba(8,8,10,.94) 88%)}
@media (hover:hover){
  .sinais--foto .sinal:hover .sinal__media img{transform:scale(1.045)}
  .sinais--foto .sinal:hover .sinal__frente{border-color:var(--champanhe)}
}
.sinais--foto .sinal__titulo{margin-top:auto;max-width:11ch;font-size:clamp(1.7rem,2.1vw,2.1rem);line-height:1.04;color:var(--marfim);text-wrap:balance}
.sinais--foto .sinal__sub{position:relative;z-index:1;max-width:25ch;min-height:2.8em;margin-top:10px;font-size:.875rem;line-height:1.4;color:#e7e3d9}
.sinais--foto .sinal__mais{z-index:3;top:16px;right:16px;border-color:rgba(216,192,138,.64);background:rgba(8,8,10,.58)}
.sinais--foto .sinal__mais::before,.sinais--foto .sinal__mais::after{background:var(--champanhe)}
.sinais--foto .sinal__virar:focus-visible{outline:2px solid var(--champanhe);outline-offset:-5px}
.sinais--foto .sinal__verso{padding:24px 22px 20px;border-color:rgba(216,192,138,.42);background:url("../brand/carvao.svg") 0 0/320px 320px,#15161a}
.sinais--foto .sinal__verso::before{content:"";position:absolute;inset:9px;border:1px solid rgba(216,192,138,.2);pointer-events:none}
.sinais--foto .sinal__nome{padding-bottom:10px;border-bottom:1px solid rgba(216,192,138,.26);font-size:1.45rem;font-style:normal}
.sinais--foto .sinal__rotulo{margin-top:13px;font-size:.8125rem;line-height:1.35;color:var(--champanhe)}
.sinais--foto .sinal__texto{margin-top:5px;font-size:.98rem;line-height:1.5}
.sinais--foto .sinal__liga{margin-top:auto;padding-top:12px;border-top:1px solid rgba(216,192,138,.18);font-size:.8125rem;color:#c4bfae}
.sinais--foto .sinal__links{gap:4px 14px}
.sinais--foto .sinal__nota{margin-top:2px;font-size:.75rem;line-height:1.35;color:#aaa69b}
.sinais--foto .sinal__voltar{z-index:2;border:1px solid rgba(216,192,138,.24)}
/* três por linha (seis fichas) */
@media (min-width:1100px){.sinais--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sinais--3 .sinal__titulo{max-width:14ch}

/* aviso de imagem ilustrativa, sob a cabeça da seção */
.sinais__nota{margin-top:18px;font-size:.8125rem;line-height:1.4;color:#57565a}
.cap--carvao .sinais__nota{color:#9A968C}

@media (max-width:699px){
  .sinais--foto{gap:12px;row-gap:12px}
  .sinais--foto .sinal{aspect-ratio:4 / 5;min-height:0}
  .sinais--foto .sinal__titulo{max-width:12ch;margin-inline:auto;text-align:center}
  .sinais--3 .sinal__titulo{max-width:14ch}
  .sinais--foto .sinal__sub{max-width:26ch;margin-inline:auto;text-align:center}
}
@media (max-width:420px){.sinais--foto .sinal__titulo{font-size:1.75rem}}
@media (prefers-reduced-motion:reduce){.sinais--foto .sinal__media img{transition:none}}