/* MPP · faces.css — estilos compartilhados das faces sinalizadas (O1) */
.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
@media(max-width:760px){.diag-grid{grid-template-columns:1fr}}
.diag{border:1px solid var(--linha);border-radius:12px;background:#fff;padding:10px 10px 8px}
.diag h4{font-size:13px;color:var(--azul);margin:0 0 6px;font-family:var(--f-tit);display:flex;align-items:center;gap:6px}
.foto-face{position:relative;width:100%;background:#fff}
.foto-face img.fundo{width:100%;display:block}
.pl{position:absolute}
.pl img{height:100%;width:auto;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.pl svg{height:100%;width:auto;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.tag-comp{position:absolute;font:600 9px var(--f-tit);color:#6A7288;background:rgba(255,255,255,.55);border:1px solid rgba(203,210,226,.5);border-radius:5px;padding:0 4px;white-space:nowrap}
.diag.largura-total{grid-column:1/-1}
.tag-lado{position:absolute;font:600 10.5px var(--f-tit);color:#5B6478;background:rgba(255,255,255,.85);border:1px dashed var(--linha);border-radius:6px;padding:1px 6px}
.face-lista{font-size:12.5px;color:#4A5468;margin-top:6px}
.face-lista div{margin-top:3px}