/* Ponto de foco da imagem destacada — mesmo componente usado no editor de
   notícias e no formulário de eventos (focal-point.js). O quadro mostra a
   imagem inteira (object-fit: contain, nada cortado); quem edita clica ou
   arrasta a mira até o rosto (ou o que importar), e as duas prévias ao lado
   mostram o corte de verdade, no mesmo enquadramento (largo e alto) que a
   aplicação usa — é ali que dava para ver a cabeça cortando, antes de salvar. */
.focal-point-field{margin-top:14px}
.focal-point-field>span{display:block;margin-bottom:8px;font-size:11px;font-weight:700;color:#58665f}
.focal-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0e1a15;cursor:crosshair;touch-action:none;outline:none}
.focal-stage:focus-visible{box-shadow:0 0 0 3px #0b7a5540}
.focal-stage img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}
.focal-marker{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid #fff;background:#0b7a55d9;box-shadow:0 0 0 2px rgba(0,0,0,.35),0 4px 10px rgba(0,0,0,.4);pointer-events:none}
.focal-marker::before,.focal-marker::after{content:'';position:absolute;background:#fff}
.focal-marker::before{left:50%;top:5px;bottom:5px;width:1px;transform:translateX(-50%)}
.focal-marker::after{top:50%;left:5px;right:5px;height:1px;transform:translateY(-50%)}
.focal-hint{margin:8px 0 0;color:var(--muted);font-size:10.5px}
.focal-previews{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.focal-preview small{display:block;margin-bottom:5px;color:var(--muted);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.focal-preview-frame{overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#eef1f0}
.focal-preview-frame img{width:100%;height:100%;object-fit:cover;display:block}
.focal-preview-frame.is-wide{aspect-ratio:16/9}
.focal-preview-frame.is-tall{aspect-ratio:3/4}
@media(max-width:520px){.focal-previews{grid-template-columns:1fr}}