/* ═══════════════════════════════════════════════════════════
   Marcações do modo edição — só aparecem quando o site está
   aberto dentro do painel (html.ed-painel). No site publicado
   nada disso liga.
   ═══════════════════════════════════════════════════════════ */

.ed-painel{ scroll-behavior:auto; }

/* o painel precisa da página inteira visível: desarma o que o
   GSAP esconderia e o que fixa seção na tela */
.ed-painel .reveal,
.ed-painel [data-splitlines]{ opacity:1 !important; visibility:visible !important; filter:none !important; }
.ed-painel #preloader{ display:none !important; }
.ed-painel .pin-spacer{ height:auto !important; }

/* ═══ daqui para baixo: marcação de EDIÇÃO ═══
   Vale em `.ed-modo`, não em `.ed-painel`. `.ed-painel` só existe quando a
   prévia está congelada — enquanto essas regras moraram lá, a prévia ao vivo
   não desenhava contorno nenhum e clicar num elemento não dizia nada. */

/* cursor de trabalho */
.ed-modo, .ed-modo *{ cursor:default; }
.ed-modo a, .ed-modo button{ cursor:default; }

/* o que está sob o mouse */
.ed-modo .ed-hover{
  outline:1px dashed rgba(47,100,146,.85);
  outline-offset:2px;
}

/* o que está selecionado */
.ed-modo .ed-sel{
  outline:2px dashed #2f6492 !important;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(47,100,146,.16);
}
/* o card que contém o selecionado */
.ed-modo .ed-pai{
  outline:2px dashed rgba(74,127,178,.55) !important;
  outline-offset:7px;
}

/* a etiqueta com o nome do que está selecionado */
.ed-etiqueta{
  position:fixed; z-index:99997; pointer-events:none;
  max-width:60vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  background:#2f6492; color:#fff; border-radius:6px;
  padding:3px 8px; font:600 11.5px/1.5 ui-sans-serif,system-ui,sans-serif;
  box-shadow:0 4px 14px rgba(10,20,35,.35);
}

/* texto em edição */
.ed-modo [contenteditable="true"]{
  outline:2px solid #8a6a22 !important;
  outline-offset:2px;
  background:rgba(138,106,34,.07);
  cursor:text;
}

/* modo arrastar */
.ed-modo.ed-arrastar .ed-hover,
.ed-modo.ed-arrastar .ed-sel{ cursor:grab; }
.ed-modo.ed-arrastar .ed-hover{ outline-color:#8a6a22; }

/* ── camadas da capa: clicáveis só dentro do editor ──
   No site a figura do Marcos e os fundos têm `pointer-events:none` para não
   roubarem o clique de ninguém. Era por isso que clicar na foto do Coronel
   não selecionava nada e ela parecia intocável. */
.ed-modo .capa__palco,
.ed-modo .capa__foto,
.ed-modo .capa__foto img,
.ed-modo .heroes__bg{ pointer-events:auto !important; }