/* =========================================================================
   A EDIÇÃO INÉDITA · a caneta da Cinara dentro da própria casa
   Nada aqui aparece para quem visita: tudo pende de .ed-dona ou .ed-on.
   ========================================================================= */

/* ------------------------------------------------------------- a barra */
#ed-barra{
  position:fixed; left:0; right:0; bottom:0; z-index:200;
  background:linear-gradient(180deg, rgba(43,12,20,.94), rgba(43,12,20,.99));
  border-top:1px solid rgba(194,160,74,.28);
  backdrop-filter:saturate(140%) blur(8px);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  display:none;
}
body.ed-dona #ed-barra{ display:block; }
.ed-b-in{ max-width:1080px; margin:0 auto; display:flex; align-items:center; gap:14px; }
.ed-b-fim{ margin-left:auto; display:flex; gap:8px; align-items:center; }

.ed-btn{
  font:inherit; font-size:13px; letter-spacing:.01em;
  padding:9px 15px; border-radius:999px; border:1px solid transparent;
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  transition:transform .18s cubic-bezier(.22,.8,.28,1), background .18s, border-color .18s, opacity .18s;
}
.ed-btn:active{ transform:scale(.97); }
.ed-btn[disabled]{ opacity:.5; cursor:default; }
.ed-caneta{ background:rgba(242,234,218,.08); color:#F2EADA; border-color:rgba(194,160,74,.4); }
.ed-caneta:hover{ background:rgba(242,234,218,.14); }
.ed-caneta.ed-ativa{ background:#C2A04A; color:#2b0c14; border-color:#C2A04A; font-weight:600; }
.ed-ouro{ background:#C2A04A; color:#2b0c14; font-weight:600; }
.ed-ouro:hover{ background:#d8bd76; }
.ed-fantasma{ background:transparent; color:rgba(242,234,218,.82); border-color:rgba(242,234,218,.22); }
.ed-fantasma:hover{ background:rgba(242,234,218,.08); color:#F2EADA; }
.ed-i{ font-size:14px; line-height:1; }

.ed-sinal{ font-size:12.5px; color:rgba(242,234,218,.72); display:flex; align-items:center; gap:7px; }
.ed-sinal:before{ content:''; width:7px; height:7px; border-radius:50%; background:currentColor; flex:none; }
.ed-verde{ color:#9fbf8f; }
.ed-ambar{ color:#dcb45f; }

/* ------------------------------------------- o alvo, com a caneta acesa */
body.ed-on .ed-alvo{
  cursor:text; border-radius:3px; box-shadow:inset 0 -1px 0 rgba(194,160,74,.45);
  transition:background .15s, box-shadow .15s;
}
body.ed-on .ed-alvo:hover{
  background:rgba(194,160,74,.16); box-shadow:inset 0 -1px 0 rgba(194,160,74,.9);
}
body.ed-on .ed-foto{
  cursor:pointer; outline:2px dashed rgba(194,160,74,.55); outline-offset:3px;
  transition:outline-color .15s, filter .15s;
}
body.ed-on .ed-foto:hover{ outline-color:#C2A04A; filter:brightness(1.06); }

body.ed-on .ed-bloco{ position:relative; }
body.ed-on .ed-bloco:hover{ outline:1px solid rgba(194,160,74,.25); outline-offset:8px; border-radius:6px; }
body.ed-on .ed-escondido{ opacity:.38; filter:grayscale(.6); }
.ed-ferramenta{
  position:absolute; top:-10px; right:-6px; display:none; gap:4px; z-index:8;
}
body.ed-on .ed-bloco:hover > .ed-ferramenta{ display:flex; }
.ed-f-b{
  width:28px; height:28px; border-radius:50%; font-size:12px;
  background:#2b0c14; color:#C2A04A; border:1px solid rgba(194,160,74,.5);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(43,12,20,.3);
}
.ed-f-b:hover{ background:#C2A04A; color:#2b0c14; }

.ed-pisca{ animation:edPisca 2.2s cubic-bezier(.22,.8,.28,1); }
@keyframes edPisca{
  0%,100%{ background:transparent; }
  18%{ background:rgba(194,160,74,.28); }
  60%{ background:rgba(194,160,74,.12); }
}

/* --------------------------------------------------------------- a caixa */
.ed-cx{
  position:fixed; inset:0; z-index:240; background:rgba(43,12,20,.5);
  display:flex; align-items:flex-end; justify-content:center;
  backdrop-filter:blur(3px); animation:edEntra .22s cubic-bezier(.22,.8,.28,1);
}
@keyframes edEntra{ from{ opacity:0 } to{ opacity:1 } }
.ed-cx-in{
  background:#FAF6EF; color:#2B201C; width:min(620px, 100%);
  border-radius:18px 18px 0 0; border:1px solid rgba(92,27,43,.16); border-bottom:none;
  box-shadow:0 -18px 60px rgba(43,12,20,.28);
  max-height:88vh; display:flex; flex-direction:column;
  animation:edSobe .26s cubic-bezier(.22,.8,.28,1);
}
@keyframes edSobe{ from{ transform:translateY(22px) } to{ transform:translateY(0) } }
@media(min-width:760px){
  .ed-cx{ align-items:center; }
  .ed-cx-in{ border-radius:18px; border-bottom:1px solid rgba(92,27,43,.16); }
}
.ed-cx-cab{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 18px 12px; border-bottom:1px solid rgba(92,27,43,.1);
}
.ed-cx-cab b{ font-size:15px; font-weight:600; letter-spacing:.01em; }
.ed-x{ font-size:16px; color:#7a6a5f; padding:4px 8px; border-radius:8px; }
.ed-x:hover{ background:rgba(92,27,43,.08); }
.ed-cx-corpo{ padding:16px 18px; overflow-y:auto; }
.ed-cx-pe{
  padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));
  border-top:1px solid rgba(92,27,43,.1); display:flex; gap:8px; justify-content:flex-end;
}
.ed-cx-pe .ed-fantasma{ color:#6b5a4f; border-color:rgba(92,27,43,.22); }
.ed-cx-pe .ed-fantasma:hover{ background:rgba(92,27,43,.06); color:#2B201C; }

.ed-area, .ed-in{
  width:100%; font:inherit; font-size:15px; line-height:1.55; color:#2B201C;
  background:#fff; border:1px solid rgba(92,27,43,.2); border-radius:12px;
  padding:12px 13px; resize:vertical;
}
.ed-area:focus, .ed-in:focus{ outline:2px solid rgba(194,160,74,.55); outline-offset:1px; border-color:transparent; }
.ed-in{ resize:none; }
.ed-lab{ display:block; font-size:12px; color:#7a6a5f; margin:12px 0 5px; letter-spacing:.02em; }
.ed-check{ display:flex; align-items:center; gap:8px; font-size:13.5px; margin-top:14px; color:#4a3c34; }
.ed-linha{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.ed-linha .ed-fantasma{ color:#6b5a4f; border-color:rgba(92,27,43,.22); font-size:12.5px; padding:7px 12px; }
.ed-linha .ed-fantasma:hover{ background:rgba(92,27,43,.06); color:#2B201C; }
.ed-ouvindo{ background:rgba(164,72,60,.12)!important; color:#a4483c!important; border-color:#a4483c!important; }
.ed-ouvindo .ed-i{ animation:edPulsa 1.1s ease-in-out infinite; }
@keyframes edPulsa{ 0%,100%{ opacity:1 } 50%{ opacity:.25 } }

.ed-nota{ font-size:12.5px; color:#7a6a5f; line-height:1.6; margin-bottom:12px; text-wrap:pretty; }
.ed-trecho{
  font-size:13px; color:#4a3c34; background:rgba(92,27,43,.05);
  border-left:2px solid rgba(194,160,74,.6); padding:10px 12px; border-radius:0 8px 8px 0; margin-bottom:12px;
}

/* -------------------------------------------------- a régua e o selo */
.ed-regua{ margin-top:12px; }
.ed-r-t{ font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:#a4483c; margin-bottom:6px; }
.ed-r-i{ font-size:12.5px; color:#6b5a4f; line-height:1.55; padding:5px 0 5px 14px; position:relative; text-wrap:pretty; }
.ed-r-i:before{ content:''; position:absolute; left:2px; top:12px; width:4px; height:4px; border-radius:50%; background:#C2A04A; }
.ed-r-ok{ font-size:12.5px; color:#5f7a52; }
.ed-r-ok:before{ content:'✓ '; }
.ed-selo{ border-radius:12px; padding:13px 14px; margin-bottom:12px; }
.ed-selo b{ font-size:13.5px; display:block; margin-bottom:4px; }
.ed-selo-ok{ background:rgba(120,150,105,.12); color:#4a5f40; }
.ed-selo-atencao{ background:rgba(194,160,74,.14); color:#6b5320; }

.ed-foto-previa{ border-radius:12px; overflow:hidden; background:rgba(92,27,43,.06); margin-bottom:12px; }
.ed-foto-previa img{ width:100%; max-height:260px; object-fit:contain; }
.ed-arq{ position:absolute; opacity:0; width:0; height:0; }
.ed-larga{ width:100%; justify-content:center; color:#6b5a4f; border-color:rgba(92,27,43,.22); cursor:pointer; }
.ed-larga:hover{ background:rgba(92,27,43,.06); color:#2B201C; }

/* ------------------------------------------------------------- o avisinho */
#ed-aviso{
  position:fixed; left:50%; transform:translate(-50%, 20px); bottom:76px; z-index:260;
  background:#2b0c14; color:#F2EADA; font-size:13px; line-height:1.5;
  padding:11px 16px; border-radius:999px; border:1px solid rgba(194,160,74,.35);
  box-shadow:0 12px 34px rgba(43,12,20,.34);
  max-width:min(520px, 92vw); text-align:center; text-wrap:pretty;
  opacity:0; pointer-events:none; transition:opacity .24s, transform .24s cubic-bezier(.22,.8,.28,1);
}
#ed-aviso.on{ opacity:1; transform:translate(-50%, 0); }

/* --------------------------------------------------------- a Central */
[data-view="edicao"] .ed-cards{ display:flex; gap:10px; margin:18px 0 22px; flex-wrap:wrap; }
.ed-card{
  flex:1; min-width:130px; background:#fff; border:1px solid rgba(92,27,43,.12);
  border-radius:14px; padding:14px 16px;
}
.ed-card b{ display:block; font-family:'Cinzel',Georgia,serif; font-size:26px; color:#5C1B2B; line-height:1.1; }
.ed-card span{ font-size:12px; color:#7a6a5f; }

.ed-abas{ display:flex; gap:6px; border-bottom:1px solid rgba(92,27,43,.14); margin-bottom:16px; flex-wrap:wrap; }
.ed-aba{
  font-size:13px; padding:9px 13px; color:#7a6a5f; border-radius:10px 10px 0 0;
  border-bottom:2px solid transparent; margin-bottom:-1px; transition:color .16s, border-color .16s;
}
.ed-aba:hover{ color:#2B201C; }
.ed-aba.on{ color:#5C1B2B; border-bottom-color:#C2A04A; font-weight:600; }

.ed-item{
  background:#fff; border:1px solid rgba(92,27,43,.12); border-radius:14px;
  padding:13px 15px; margin-bottom:10px;
}
.ed-item-nao{ border-color:rgba(194,160,74,.5); background:rgba(194,160,74,.05); }
.ed-it-cab{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:7px; }
.ed-onde{ font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:#7a6a5f; }
.ed-tag{ font-size:11px; padding:3px 9px; border-radius:999px; }
.ed-tag.ok{ background:rgba(120,150,105,.16); color:#4a5f40; }
.ed-tag.nao{ background:rgba(194,160,74,.2); color:#6b5320; }
.ed-it-t{ font-size:14px; line-height:1.6; color:#2B201C; text-wrap:pretty; }
.ed-it-img{ max-height:140px; border-radius:10px; margin-top:4px; }
.ed-it-antes{ font-size:12px; color:#8d7d72; margin-top:6px; text-decoration:line-through; text-decoration-color:rgba(141,125,114,.5); }
.ed-it-pe{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.ed-mini{
  font-size:12px; color:#6b5a4f; padding:5px 11px; border-radius:999px;
  border:1px solid rgba(92,27,43,.18); transition:background .16s;
}
.ed-mini:hover{ background:rgba(92,27,43,.07); color:#2B201C; }
.ed-vazio{
  font-size:13.5px; color:#7a6a5f; line-height:1.65; text-wrap:pretty;
  background:rgba(92,27,43,.04); border-radius:14px; padding:18px 18px;
}
.ed-grupo{ margin-bottom:20px; }
.ed-grupo h4{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#a4483c; margin-bottom:8px; }
.ed-passo{
  background:#fff; border:1px solid rgba(92,27,43,.12); border-radius:12px;
  padding:11px 14px; margin-bottom:7px; cursor:pointer; transition:border-color .16s, transform .16s;
}
.ed-passo:hover{ border-color:rgba(194,160,74,.7); transform:translateX(2px); }
.ed-passo b{ display:block; font-size:14px; color:#2B201C; }
.ed-passo span{ display:block; font-size:12.5px; color:#6b5a4f; line-height:1.55; margin-top:3px; text-wrap:pretty; }
.ed-passo em{ display:block; font-size:11px; color:#8d7d72; font-style:normal; margin-top:5px; letter-spacing:.04em; }

/* o app é uma coluna que rola: a barra não pode tampar o fim das telas */
body.ed-dona .view{ padding-bottom:120px; }
@media(max-width:760px){
  .ed-b-in{ gap:9px; }
  .ed-sinal{ font-size:11.5px; }
  .ed-btn{ padding:8px 12px; font-size:12.5px; }
  #ed-barra{ padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px)); }
}

/* vídeo e áudio, com a caneta acesa */
body.ed-on .ed-media{
  cursor:pointer; outline:2px dashed rgba(194,160,74,.55); outline-offset:3px;
}
body.ed-on .ed-media:hover{ outline-color:#C2A04A; }
/* o texto que vem da ficha do encontro ganha um traço diferente do molde:
   é assim que ela vê o que vale só para este encontro */
body.ed-on .ed-alvo-campo{ box-shadow:inset 0 -2px 0 rgba(161,9,95,.45); }
body.ed-on .ed-alvo-campo:hover{ background:rgba(161,9,95,.10); box-shadow:inset 0 -2px 0 #A1095F; }

.ed-btn[hidden]{ display:none!important; }

.ed-so-cel{ display:none; }
@media(max-width:760px){
  .ed-so-desk{ display:none; }        /* no celular a barra cabe em uma linha */
  .ed-so-cel{ display:inline; }
  .ed-sinal{ line-height:1.35; white-space:nowrap; }
}

/* o convite da primeira vez */
.ed-comeco{ margin:14px 0; }
.ed-comeco > div{ display:flex; gap:12px; align-items:flex-start; padding:9px 0; }
.ed-comeco b{
  flex:none; width:26px; height:26px; border-radius:50%; background:rgba(194,160,74,.18);
  color:#7d6320; font-size:13px; display:flex; align-items:center; justify-content:center;
}
.ed-comeco span{ font-size:14px; line-height:1.6; color:#4a3c34; text-wrap:pretty; }
.ed-comeco i{ font-style:normal; color:#5C1B2B; font-weight:600; }

/* ===================== como se mexe aqui (o passo a passo) ===================== */
#ed-tour{ position:fixed; inset:0; z-index:250; pointer-events:none; opacity:0; visibility:hidden;
  transition:opacity .3s cubic-bezier(.22,.8,.28,1), visibility .3s; }
#ed-tour.on{ opacity:1; visibility:visible; pointer-events:auto; }
.ed-buraco{
  position:absolute; border-radius:10px; opacity:0;
  box-shadow:0 0 0 9999px rgba(43,12,20,.72), 0 0 0 2px rgba(194,160,74,.9);
  transition:all .42s cubic-bezier(.22,.8,.28,1);
  pointer-events:none;
}
.ed-t-card{
  position:absolute; width:min(380px, calc(100vw - 24px));
  background:#FAF6EF; color:#2B201C; border-radius:16px; padding:18px 19px 14px;
  border:1px solid rgba(194,160,74,.5); box-shadow:0 22px 60px rgba(43,12,20,.45);
  transition:left .42s cubic-bezier(.22,.8,.28,1), top .42s cubic-bezier(.22,.8,.28,1);
}
.ed-t-card.ed-t-meio{ left:50%!important; top:50%!important; transform:translate(-50%,-50%); }
.ed-t-card h4{
  font-family:'Cinzel',Georgia,serif; font-size:17px; font-weight:500; color:#5C1B2B;
  margin-bottom:9px; letter-spacing:.01em; text-wrap:balance;
}
#ed-t-t{ font-size:14px; line-height:1.62; color:#4a3c34; text-wrap:pretty; }
#ed-t-t b{ color:#2B201C; font-weight:600; }
.ed-t-pe{ display:flex; align-items:center; gap:7px; margin-top:16px; }
.ed-t-pe #ed-t-pg{ font-size:11.5px; color:#8d7d72; margin-right:auto; letter-spacing:.04em; }
.ed-t-pe .ed-btn{ font-size:12.5px; padding:7px 13px; }
.ed-t-pe .ed-fantasma{ color:#6b5a4f; border-color:rgba(92,27,43,.22); }
.ed-t-pe .ed-fantasma:hover{ background:rgba(92,27,43,.06); color:#2B201C; }
.ed-redondo{ width:32px; height:32px; padding:0; justify-content:center; font-size:14px; }
.ed-como{ margin-bottom:16px; }
body.ed-on .ed-bloco.ed-mostra-ferramenta > .ed-ferramenta{ display:flex; }
@media(max-width:760px){
  .ed-t-card{ padding:15px 16px 12px; }
  .ed-t-card h4{ font-size:15.5px; }
  #ed-t-t{ font-size:13.5px; }
}
#ed-tour.ed-t-veu{ background:rgba(43,12,20,.72); }
.ed-t-pe #ed-t-pg{ white-space:nowrap; }
.ed-t-pe{ flex-wrap:wrap; }
.ed-t-pe > .ed-ouro{ margin-left:auto; }

/* =========================================================================
   A CENTRAL COMO FOLHA · Lumin'área
   No Oásis a Central era uma tela do aplicativo. Esta casa é feita de
   páginas, então ela abre por cima e fecha sem tirar a Cinara do lugar
   onde ela estava escrevendo.
   ========================================================================= */
#ed-casa{position:fixed;inset:0;z-index:9400;display:none}
#ed-casa.ed-casa-aberta{display:block}
.ed-casa-veu{position:absolute;inset:0;background:rgba(28,22,16,.52);backdrop-filter:blur(3px)}
.ed-casa-folha{
  position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);
  background:var(--ed-papel,#F7F2E9);box-shadow:-24px 0 70px rgba(28,22,16,.28);
  overflow-y:auto;overscroll-behavior:contain;
  animation:ed-entra-folha .26s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ed-entra-folha{from{transform:translateX(26px);opacity:0}to{transform:none;opacity:1}}
.ed-casa-in{padding:clamp(22px,4vw,38px) clamp(18px,3.4vw,34px) 120px}
.ed-casa-x{
  position:sticky;top:12px;margin-left:auto;display:block;
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(28,22,16,.16);
  background:#fff;color:#2b2118;font-size:15px;cursor:pointer;z-index:2;
  margin-right:12px;
}
.ed-casa-x:hover{background:#2b2118;color:#fff}
body.ed-casa-on{overflow:hidden}
@media (max-width:720px){
  .ed-casa-folha{width:100%}
  .ed-casa-in{padding-bottom:150px}
}
/* a folha herda o desenho da Central que já existia */
.ed-casa-in h2.sec{font-size:clamp(22px,3.4vw,30px);margin:0 0 8px}
.ed-casa-in .sub{font-size:14.5px;line-height:1.6;opacity:.8;margin:0 0 22px;text-wrap:pretty}

/* ------------------------------------------------------- o clima da casa */
.ed-climas{display:grid;gap:10px;margin:6px 0 4px}
.ed-clima{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:12px 14px;border:1px solid rgba(28,22,16,.14);background:#fff;
  border-radius:3px;cursor:pointer;font:inherit;font-size:14px;text-align:left;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.ed-clima:hover{border-color:rgba(28,22,16,.34)}
.ed-clima.on{border-color:#2b2118;box-shadow:inset 0 0 0 1px #2b2118}
.ed-clima i{width:22px;height:22px;border-radius:50%;flex:none;border:1px solid rgba(28,22,16,.16)}
.ed-clima span{flex:1}
.ed-clima.on span::after{content:" · em uso";opacity:.5;font-size:12px}

/* --------------------------------------------------- subir e descer a peça */
.ed-on .ed-peca{position:relative}
.ed-setas{
  position:absolute;top:2px;right:2px;z-index:40;
  display:flex;flex-direction:column;gap:2px;
  /* 12/09, achado pela conferência de uso: as setas ficavam SEMPRE à vista com
     a caneta acesa, e são cerca de cem delas na home inteira, uma em cada item
     de lista. A página virava um campo de botõezinhos por cima do conteúdo, e
     reordenar lista é coisa de uma vez por ano. Agora elas moram dentro do
     bloco que ela abriu pelo foguete, que é quando reordenar faz sentido, e
     aparecem inteiras quando o mouse passa pela peça. */
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.ed-bloco-foco .ed-setas{opacity:.55;pointer-events:auto}
.ed-on .ed-bloco-foco .ed-peca:hover .ed-setas,
.ed-on .ed-bloco-foco .ed-peca:focus-within .ed-setas{opacity:1}
.ed-seta{
  width:26px;height:22px;line-height:1;padding:0;cursor:pointer;
  border:1px solid rgba(28,22,16,.18);background:rgba(255,255,255,.94);
  color:#2b2118;font-size:9px;border-radius:2px;
}
.ed-seta:hover{background:#2b2118;color:#F7F2E9;border-color:#2b2118}
/* No celular não existe hover: as setas ficam sempre à vista com a caneta acesa. */
@media (hover:none){ .ed-on .ed-bloco-foco .ed-peca .ed-setas{opacity:.85;pointer-events:auto} }


/* ------------------------------------------------- a Edição é de notebook */
#ed-so-notebook{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:9600;
  background:#2b2118;color:#F7F2E9;border-radius:4px;
  padding:16px 18px;display:grid;gap:6px;
  box-shadow:0 18px 44px rgba(28,22,16,.34);
  font-size:14px;line-height:1.55;
}
#ed-so-notebook b{font-weight:600}
#ed-so-notebook span{opacity:.78;font-size:13px}
#ed-so-fecha{
  justify-self:start;margin-top:6px;padding:8px 16px;cursor:pointer;
  background:none;border:1px solid rgba(247,242,233,.42);color:inherit;
  border-radius:2px;font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
}
#ed-so-fecha:hover{background:#F0CB00;border-color:#F0CB00;color:#2b2118}

/* --------------------------------- falar em vez de escrever, no envelope */
.ed-voz-linha{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.ed-voz-linha .ed-btn{flex:1;min-width:180px;justify-content:center}
#ed-voz-est{margin-top:8px;min-height:18px}

/* =========================================================================
   O FOGUETE EM CADA BLOCO · a marca da casa que atende
   Fúcsia #A1095F, o rosa único do Universo Inédito, e o foguete sem alvo.
   Tudo isto só existe com a sessão aberta: quem visita o site da Lumin'área
   nunca vê rosa nenhum, porque a marca da agência não entra na da cliente.
   ========================================================================= */
.ed-dona .ed-tem-foguete{position:relative}
.ed-foguete{
  position:absolute;top:14px;right:14px;z-index:70;
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px 8px 10px;cursor:pointer;
  background:#fff;border:1px solid #A1095F;border-radius:999px;
  color:#A1095F;font:inherit;font-size:11px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  box-shadow:0 6px 20px rgba(161,9,95,.16);
  opacity:.9;transition:opacity .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
.ed-foguete img{width:16px;height:16px;display:block}
/* a foto de capa do encontro pega em todo <img> da seção (.hero img é
   absoluta e cobre tudo): o foguete precisa se defender dela */
.ed-foguete img,#ed-bloco-painel img{position:static!important;inset:auto!important;
  width:16px!important;height:16px!important;object-fit:contain!important}
.ed-foguete:hover{opacity:1;background:#A1095F;color:#fff;transform:translateY(-1px)}
.ed-foguete:hover img{filter:brightness(0) invert(1)}
/* com a caneta acesa o foguete sai da frente do texto que ela vai clicar */
.ed-on .ed-foguete{opacity:.35}
/* 12/09, achado pela conferência de uso: no primeiro bloco da página o
   foguete nascia a 14px do topo, ou seja, por baixo da barra fixa da casa,
   que tem 78px. Ele continuava clicável, mas ficava escondido atrás do
   menu, e o painel que ele abre também. Quando o bloco começa colado no
   topo, o foguete desce. */
.ed-tem-foguete.ed-sob-o-topo > .ed-foguete{top:92px}

.ed-on .ed-foguete:hover{opacity:1}

.ed-bloco-foco{
  position:relative;
  box-shadow:0 0 0 2px #A1095F, 0 0 0 12px rgba(161,9,95,.08);
  border-radius:2px;
}

/* ------------------------------------------------- o painel daquele bloco */
#ed-bloco-painel{
  position:fixed;right:18px;bottom:96px;z-index:9500;width:min(320px,calc(100vw - 36px));
  background:#fff;border:1px solid rgba(161,9,95,.24);border-radius:6px;
  box-shadow:0 22px 60px rgba(28,22,16,.22);
  padding:16px 16px 14px;font-size:14px;line-height:1.55;color:#2b2118;
  animation:ed-bp-entra .22s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ed-bp-entra{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.ed-bp-cab{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ed-bp-cab img{width:18px;height:18px}
.ed-bp-cab b{flex:1;font-weight:600;font-size:14px}
.ed-bp-x{
  width:28px;height:28px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(28,22,16,.14);background:none;color:#2b2118;font-size:12px;
}
.ed-bp-x:hover{background:#2b2118;color:#fff}
.ed-bp-dica{margin:0 0 14px;font-size:13px;line-height:1.6;opacity:.78;text-wrap:pretty}
.ed-bp-dica b{font-weight:600;opacity:1}
.ed-bp-acoes{display:grid;gap:7px}
.ed-bp-b{
  width:100%;text-align:left;padding:10px 12px;cursor:pointer;font:inherit;font-size:13px;
  background:#FCFAF6;border:1px solid rgba(28,22,16,.12);border-radius:3px;color:inherit;
  transition:border-color .18s ease,background .18s ease;
}
.ed-bp-b:hover{border-color:rgba(28,22,16,.34);background:#fff}
.ed-bp-rosa{border-color:rgba(161,9,95,.3);color:#A1095F;font-weight:600}
.ed-bp-rosa:hover{background:#A1095F;border-color:#A1095F;color:#fff}
.ed-bp-pronto{
  width:100%;margin-top:12px;padding:11px;cursor:pointer;font:inherit;
  background:#2b2118;border:0;border-radius:3px;color:#F7F2E9;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
}
.ed-bp-pronto:hover{background:#A1095F}

/* ---------------------------------------------- a casa como quem visita vê */
body.ed-so-publicado #ed-barra{background:#2b2118}
body.ed-so-publicado #ed-previa{background:#F0CB00;border-color:#F0CB00;color:#2b2118;font-weight:600}
body.ed-so-publicado .ed-foguete{display:none}

/* ------------------------------------- o que vai mudar, antes de publicar */
.ed-resumo{
  margin-bottom:14px;padding:14px 16px;border-radius:3px;
  background:#FCFAF6;border:1px solid rgba(28,22,16,.1);
  max-height:280px;overflow-y:auto;
}
.ed-r-cab{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:10px}
.ed-r-linha{padding:9px 0;border-bottom:1px solid rgba(28,22,16,.07);font-size:13.5px;line-height:1.55}
.ed-r-linha:last-child{border-bottom:0}
.ed-r-de{opacity:.5;text-decoration:line-through}
.ed-r-para{color:#2b2118;font-weight:500}
.ed-r-mais{opacity:.6;font-style:italic}

/* ------------------------------------------ o que ficou no aparelho dela */
#ed-resgate{
  position:fixed;left:16px;right:16px;bottom:96px;z-index:9700;
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  background:#2b2118;color:#F7F2E9;border-radius:4px;padding:16px 18px;
  box-shadow:0 20px 50px rgba(28,22,16,.32);font-size:14px;line-height:1.5;
}
#ed-resgate b{display:block;font-weight:600;margin-bottom:3px}
#ed-resgate span{opacity:.75;font-size:13px}
.ed-resgate-b{display:flex;gap:10px;flex:none}

/* --------------------------------------- a casa em largura de celular
   Sem publicar nada e sem sair do notebook: a casa encolhe para 375, que é
   a tela onde a manchete comprida vira cinco linhas. */
body.ed-no-celular{background:#2b2118}
body.ed-no-celular > *:not(#ed-barra):not(#ed-cx):not(#ed-aviso):not(#ed-casa):not(#ed-resgate):not(#ed-bloco-painel){
  max-width:375px;margin-left:auto;margin-right:auto;
  box-shadow:0 0 0 1px rgba(247,242,233,.14), 0 24px 60px rgba(0,0,0,.4);
  background:var(--marfim,#F7F2E9);
}
body.ed-no-celular .topo,
body.ed-no-celular .ed-foguete{max-width:375px;left:50%;transform:translateX(-50%);right:auto}
#ed-celular.ligado{background:#F0CB00;border-color:#F0CB00;color:#2b2118}