/* CMWR V3.0 · shared · 03-almanaque */
.curiosity-actions .participation-button {
  background: var(--amber);
  color: #111417;
  font-weight: 900;
}

.edition-notes {
  border-bottom: 1px solid #514b42;
  margin-top: 10px;
  padding-bottom: 8px;
}

.edition-notes h3 {
  color: var(--amber);
  font-size: 13px;
  margin: 0 0 6px;
}

.edition-notes summary {
  color: var(--cream);
  cursor: pointer;
  min-height: 44px;
  display: flex;
  align-items: center;
  font-size: 12px;
}

.edition-notes summary::before {
  content: "＋";
  margin-right: 8px;
}

.edition-notes[open] summary::before {
  content: "−";
}

/* Cidade + Web Rádio — V6.0 | Sessão 03 — Almanaque
   Regra: capa = imagem; páginas, conteúdo e controles = HTML/CSS/JS.
*/
.curiosity-section{position:relative;z-index:4;width:100%;height:100svh;min-height:100svh;max-height:100svh;overflow:hidden;background:#0b0808;color:#f4dfb2;scroll-snap-align:start;scroll-snap-stop:always}

.almanaque-fog{position:absolute;inset:-6%;z-index:0;background:linear-gradient(rgba(6,5,6,.54),rgba(6,5,6,.76)),url("../../assets/img/revista-almanaque.webp") center/cover no-repeat;filter:blur(16px) saturate(.72) brightness(.58);transform:scale(1.12);opacity:.86;pointer-events:none}

.almanaque-fog::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(130,63,36,.18),transparent 43%),linear-gradient(90deg,rgba(0,0,0,.38),transparent 22% 78%,rgba(0,0,0,.38))}

.almanaque-frame{position:absolute;inset:0;z-index:2;overflow:hidden}

.edition-nav{position:absolute;z-index:20;top:clamp(10px,1.6svh,16px);left:clamp(88px,8vw,142px);right:clamp(38px,3.8vw,68px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}

.edition-nav__button{pointer-events:auto;display:inline-flex;align-items:center;gap:.65rem;min-height:38px;padding:.52rem .95rem;border:1px solid rgba(229,171,80,.58);border-radius:8px;background:rgba(16,13,13,.72);color:#e9cc99;box-shadow:0 6px 18px rgba(0,0,0,.26);font:900 clamp(9px,.72vw,13px)/1 "Arial Black",Arial,sans-serif;letter-spacing:.02em}

.edition-nav__button:disabled{opacity:.56;cursor:default}

.almanaque-stage{position:absolute;left:clamp(8px,.7vw,14px);right:clamp(16px,1.2vw,22px);top:clamp(54px,7.8svh,70px);bottom:clamp(20px,2.8svh,28px);display:grid;grid-template-columns:5.5% 31% 60%;gap:1.35%;align-items:center;justify-content:center;overflow:visible}

.edition-acquire{display:grid;place-items:center}

.edition-acquire__button{width:clamp(54px,4.8vw,78px);min-height:clamp(70px,9.2svh,94px);display:grid;place-items:center;align-content:center;gap:.25rem;padding:.38rem .14rem;border:1px solid rgba(228,169,77,.52);border-radius:999px;background:rgba(13,10,10,.76);color:#f1d39a;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.28);text-align:center;font:900 clamp(6px,.44vw,8.5px)/1.05 Arial,sans-serif}

.edition-acquire__icon{width:clamp(25px,2.2vw,36px);aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(233,176,81,.72);border-radius:50%;color:#efb34d;font:900 clamp(14px,1.3vw,21px)/1 Arial,sans-serif}

.edition-acquire__button:hover,.edition-acquire__button:focus-visible{background:rgba(103,38,29,.90);outline:2px solid #efc172;outline-offset:2px}

.edition-cover{width:min(100%,calc((100svh - 112px)*.672));aspect-ratio:589/876;margin:0;justify-self:end;align-self:center;filter:drop-shadow(0 18px 26px rgba(0,0,0,.43))}

.edition-cover img{width:100%;height:100%;display:block;object-fit:contain}

.edition-book{position:relative;width:min(100%,calc((100svh - 112px)*1.48));aspect-ratio:1.48;justify-self:start;align-self:center;display:grid;grid-template-columns:1fr 1fr;filter:drop-shadow(0 18px 26px rgba(0,0,0,.43))}

.edition-book__paper{position:relative;min-width:0;overflow:hidden;background:linear-gradient(90deg,rgba(72,43,25,.06),transparent 12% 88%,rgba(72,43,25,.07)),url("../../assets/img/almanaque-papel-textura.webp") center/cover no-repeat;color:#1c1712}

.edition-book__paper--left{border-radius:3.8% 1.2% 1.2% 4.4%;box-shadow:inset 16px 0 24px rgba(84,47,23,.10),inset -14px 0 20px rgba(71,40,22,.10)}

.edition-book__paper--right{border-radius:1.2% 3.8% 4.4% 1.2%;box-shadow:inset 14px 0 20px rgba(71,40,22,.10),inset -16px 0 24px rgba(84,47,23,.10)}

.edition-book__paper::before{content:"";position:absolute;inset:1.2%;pointer-events:none;border:1px solid rgba(91,53,29,.13);border-radius:3%;background:linear-gradient(115deg,transparent 0 69%,rgba(101,63,36,.05) 70% 70.6%,transparent 71%),radial-gradient(circle at 8% 88%,rgba(111,68,37,.08),transparent 19%),radial-gradient(circle at 90% 8%,rgba(119,72,39,.06),transparent 18%)}

.edition-book__spine{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2.6%;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(67,36,19,.18) 45%,rgba(255,240,206,.16) 51%,rgba(67,36,19,.18) 58%,transparent);filter:blur(.7px)}

.edition-page-content{position:absolute;inset:4.8% 5.4% 5.6%;z-index:5;display:flex;flex-direction:column;gap:2.5%;overflow:hidden}

.page-label{align-self:flex-start;padding:.25em .50em .18em;transform:rotate(-1deg);color:#151512;font:900 clamp(14px,1.30vw,25px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.01em;box-shadow:0 2px 0 rgba(0,0,0,.08)}

.page-label--yellow{background:#efb51f}

.page-label--blue{background:#53bfd9}

.page-label--red{background:#dd5141}

.page-label--green{background:#60b36c}

.article-feature{display:grid;grid-template-columns:42% 1fr;gap:3.5%;min-height:31%}

.article-feature img,.article-card img{width:100%;height:100%;display:block;object-fit:cover;border:1px solid rgba(70,43,25,.18);filter:saturate(.92) contrast(1.03)}

.article-copy{min-width:0}

.article-copy h3,.article-card h3{margin:0 0 .25em;color:#241813;font:900 clamp(9px,.82vw,16px)/1.02 Arial,sans-serif}

.article-copy p,.article-card p{margin:0;color:#3d2d22;font:600 clamp(6.5px,.50vw,10px)/1.18 Arial,sans-serif}

.article-link{display:inline-block;margin-top:.38em;color:#c9412f;font:900 clamp(6px,.44vw,8.5px)/1 Arial,sans-serif;text-transform:uppercase}

.article-list{display:grid;grid-template-columns:1fr 1fr;gap:3%;min-height:0;flex:1}

.article-card{min-height:0;padding:3.5%;background:rgba(246,225,183,.48);border-left:3px solid rgba(184,71,48,.56)}

.article-card--with-image{display:grid;grid-template-rows:46% 1fr;gap:4%}

.article-card--full{grid-column:1/-1}

.page-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:.34em .55em;background:rgba(190,57,42,.82);color:#f5dfb3;font:800 clamp(6px,.42vw,8px)/1 Arial,sans-serif;text-transform:uppercase}

.page-turn{position:absolute;z-index:12;top:50%;width:clamp(38px,3.2vw,54px);aspect-ratio:1;display:grid;place-items:center;padding:0;border:2px solid rgba(232,178,83,.74);border-radius:50%;background:rgba(30,23,18,.90);color:#f0bd63;box-shadow:0 8px 22px rgba(0,0,0,.34);cursor:pointer;transform:translateY(-50%);font:900 clamp(26px,2.5vw,44px)/.8 Georgia,serif}

.page-turn--prev{left:-2.2%}

.page-turn--next{right:-2.2%}

.page-turn:hover,.page-turn:focus-visible{background:#70402d;color:#ffe1a5;outline:2px solid #efc176;outline-offset:2px}

.page-turn:disabled{opacity:.26;cursor:default}

.page-count{position:absolute;z-index:11;left:50%;bottom:1.2%;transform:translateX(-50%);padding:.26rem .56rem;border-radius:999px;background:rgba(22,15,12,.74);color:#f0d19a;font:800 clamp(7px,.46vw,9px)/1 Arial,sans-serif}

.edition-dialog{width:min(92vw,470px);padding:0;border:1px solid rgba(229,177,90,.72);border-radius:18px;background:#17100d;color:#f4dfb2;box-shadow:0 24px 70px rgba(0,0,0,.62)}

.edition-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}

.edition-dialog__card{position:relative;display:grid;gap:.9rem;padding:2rem}

.edition-dialog__card h3{margin:0;color:#efb44f;font:900 clamp(25px,3vw,38px)/1 "Arial Black",Impact,sans-serif}

.edition-dialog__card p{margin:0;line-height:1.55}

.edition-dialog__eyebrow{font:900 .78rem/1 Arial,sans-serif;letter-spacing:.13em;color:#d56d45}

.edition-dialog__close{position:absolute;top:.6rem;right:.7rem;width:34px;aspect-ratio:1;border:0;border-radius:50%;background:#3a241c;color:#f6ddb0;cursor:pointer;font:900 24px/1 Arial,sans-serif}

.edition-dialog__ok{justify-self:start;padding:.65rem 1.15rem;border:1px solid #d99f4f;border-radius:999px;background:#6f3429;color:#fff0c7;cursor:pointer;font-weight:900}

/* =======================================================
   V6.0 — FECHAMENTO DA REVISTA
   Somente controles em HTML/CSS/JS; nenhuma alteração na arte.
   ======================================================= */
.edition-cover__button{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:default;
}

.edition-cover__button img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

.curiosity-section.is-book-closed .edition-cover__button{
  cursor:pointer;
}

.curiosity-section.is-book-closed .edition-cover__button:hover,
.curiosity-section.is-book-closed .edition-cover__button:focus-visible{
  outline:2px solid rgba(239,193,114,.88);
  outline-offset:5px;
  filter:brightness(1.04);
}

.edition-book__close{
  position:absolute;
  z-index:16;
  left:50%;
  top:1.55%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.48rem;
  min-height:30px;
  padding:.35rem .66rem;
  border:1px solid rgba(224,168,78,.60);
  border-radius:999px;
  background:rgba(25,18,14,.86);
  color:#efcf96;
  box-shadow:0 5px 14px rgba(0,0,0,.28);
  cursor:pointer;
  font:900 clamp(7px,.52vw,10px)/1 Arial,sans-serif;
  letter-spacing:.035em;
}

.edition-book__close b{
  display:grid;
  place-items:center;
  width:1.35em;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(111,52,40,.72);
  color:#ffe4b1;
  font:900 1.2em/1 Arial,sans-serif;
}

.edition-book__close:hover,
.edition-book__close:focus-visible{
  background:rgba(102,40,30,.92);
  outline:2px solid #efc176;
  outline-offset:2px;
}

.curiosity-section.is-book-closed .edition-book{
  display:none;
}

/* =======================================================
   AJUSTE FINAL — controles ABRIR / FECHAR
   Somente posição e aparência dos dois controles.
   ======================================================= */

/* ABRIR: aparece apenas quando a revista está fechada,
   na borda esquerda da capa, lendo de baixo para cima. */
.edition-cover__button{
  position:relative;
  overflow:visible;
}

.edition-cover__open-label{
  position:absolute;
  z-index:18;
  left:clamp(-14px,-.85vw,-8px);
  top:50%;
  transform:translateY(-50%) rotate(180deg);
  display:none;
  align-items:center;
  justify-content:center;
  min-height:clamp(64px,7.2vw,112px);
  padding:.55rem .34rem;
  border:1px solid rgba(229,171,80,.68);
  border-radius:999px;
  background:rgba(18,14,12,.88);
  color:#efcf96;
  box-shadow:0 6px 18px rgba(0,0,0,.34);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font:900 clamp(8px,.58vw,11px)/1 Arial,sans-serif;
  letter-spacing:.10em;
  pointer-events:none;
}

.curiosity-section.is-book-closed .edition-cover__open-label{
  display:flex;
}

/* A capa continua sendo a área clicável; removemos o contorno grande
   para o único indicador visual ser o botão ABRIR. */
.curiosity-section.is-book-closed .edition-cover__button:hover,
.curiosity-section.is-book-closed .edition-cover__button:focus-visible{
  outline:none;
  filter:brightness(1.025);
}

.curiosity-section.is-book-closed .edition-cover__button:hover .edition-cover__open-label,
.curiosity-section.is-book-closed .edition-cover__button:focus-visible .edition-cover__open-label{
  background:rgba(91,36,28,.94);
  border-color:#efc176;
  box-shadow:0 0 0 2px rgba(239,193,118,.18),0 7px 18px rgba(0,0,0,.38);
}

/* FECHAR: somente X vermelho no canto superior direito do miolo. */
.edition-book__close{
  left:auto;
  right:1.55%;
  top:1.65%;
  transform:none;
  width:clamp(28px,2.25vw,38px);
  min-height:0;
  aspect-ratio:1;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(218,74,59,.82);
  border-radius:50%;
  background:rgba(38,13,12,.88);
  color:#ff5f4d;
  box-shadow:0 5px 14px rgba(0,0,0,.34),0 0 12px rgba(221,61,45,.12);
  font:900 clamp(18px,1.55vw,27px)/1 Arial,sans-serif;
}

.edition-book__close span{
  display:block;
  transform:translateY(-.04em);
}

.edition-book__close:hover,
.edition-book__close:focus-visible{
  background:rgba(92,22,18,.96);
  color:#ff7868;
  border-color:#ff6a58;
  outline:2px solid rgba(255,92,75,.30);
  outline-offset:2px;
}

/* =======================================================
   SESSÃO 03 MOBILE — FECHAMENTO VISUAL + ARQUIVO
   Sem firula: mais luz no fundo e acesso às edições.
   ======================================================= */
.edition-library-open{
  display:grid;place-items:center;min-height:40px;padding:.5rem .7rem;border:1px solid #d6b57a;border-radius:20px;background:#10272a;color:#f1d39a;font:800 clamp(8px,.6vw,11px)/1 Arial,sans-serif;letter-spacing:.07em;cursor:pointer;box-shadow:0 8px 22px #0006;
}
.edition-library-open:hover,.edition-library-open:focus-visible{outline:2px solid #efc172;outline-offset:2px;background:#224343}

/* Texto sem fotografia e links de fonte da primeira revista. */
.curiosity-section .article-feature--text{display:block;min-height:31%}

.curiosity-section .article-feature--text .article-copy{width:100%}

.curiosity-section .article-link{color:#a93224;text-decoration:underline;text-underline-offset:2px}

.curiosity-section .article-link:focus-visible{outline:2px solid #a93224;outline-offset:2px}