/* Cordel D' Prata · v2 — Cordel Literária, edição interativa (teste)
   Uma revista lida como página, não como PDF: um índice fixo à esquerda,
   um artigo de cada vez à direita, e cada artigo com a paleta, as formas
   e a tipografia da sua página impressa. */

  [hidden]{display:none !important}

  :root{
    --rl-accent:var(--red);
    --rl-nav-bg:rgba(255,253,249,.86);
    --rl-nav-fg:var(--ink);
    --rl-nav-muted:var(--muted);
    --rl-nav-linha:rgba(22,18,15,.1);
  }
  html{scroll-behavior:smooth}
  body.rl{background:var(--paper);overflow-x:hidden}
  .rl-saltar{position:absolute;left:-999px;top:8px;z-index:999;background:#fff;padding:8px 12px;border-radius:8px}
  .rl-saltar:focus{left:8px}

  /* ── o índice: flutua sobre a página, e muda de tom com o artigo ── */
  .rl-nav{
    position:fixed;top:22px;left:22px;z-index:30;
    width:272px;max-height:calc(100vh - 44px);overflow-y:auto;scrollbar-width:none;
    display:flex;flex-direction:column;
    border-radius:var(--radius);
    background:var(--rl-nav-bg);color:var(--rl-nav-fg);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border:1px solid var(--rl-nav-linha);
    box-shadow:0 30px 60px -30px rgba(22,18,15,.45);
    transition:background .7s ease,color .7s ease,border-color .7s ease;
  }
  .rl-nav::-webkit-scrollbar{display:none}
  .rl-nav-topo{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}
  .rl-voltar{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-nav);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-nav-muted)}
  .rl-voltar:hover{color:var(--rl-accent)}
  .rl-fechar{display:none;font-size:1.6rem;line-height:1;color:var(--rl-nav-muted)}
  .rl-edicao{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:14px 18px 14px;border-bottom:1px solid var(--rl-nav-linha)}
  .rl-edicao img{width:44px;height:auto;border-radius:3px;box-shadow:var(--shadow-book);transform:rotate(-3deg)}
  .rl-edicao b{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1}
  .rl-edicao span{display:block;margin-top:3px;font-family:var(--font-nav);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-nav-muted)}
  .rl-lista{list-style:none;margin:0;padding:8px 8px;display:grid;gap:1px}
  .rl-lista a{
    display:grid;grid-template-columns:2.6em minmax(0,1fr);gap:8px;align-items:baseline;
    padding:8px 10px;border-radius:10px;line-height:1.25;
    transition:background .25s ease,color .25s ease;
  }
  .rl-lista a:hover{background:rgba(127,127,127,.12)}
  .rl-lista a i{font-style:normal;font-family:var(--font-nav);font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--rl-accent);padding-top:.25em;transition:color .6s ease}
  .rl-lista a span{display:block;font-weight:600;font-size:.88rem;letter-spacing:-.01em}
  .rl-lista a small{display:block;grid-column:2;font-size:.72rem;color:var(--rl-nav-muted);margin-top:1px}
  .rl-lista a.is-ativo{background:var(--rl-accent);color:#fff}
  .rl-lista a.is-ativo i,.rl-lista a.is-ativo small{color:rgba(255,255,255,.8)}
  .rl-lista .rl-grupo{padding:10px 10px 2px;font-family:var(--font-nav);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rl-nav-muted)}
  .rl-nav-fim{margin-top:auto;padding:12px 18px 16px;border-top:1px solid var(--rl-nav-linha);font-size:.74rem;display:grid;gap:4px}
  .rl-nav-fim a{color:var(--rl-nav-fg);font-weight:600}
  .rl-nav-fim a:hover{color:var(--rl-accent)}
  .rl-barra{display:none}
  .rl-fundo{display:none}

  /* o índice acende com a cor de cada artigo, e escurece nas páginas de noite */
  .rl-app[data-tema-atual="romances"]{--rl-accent:#D7302A}
  .rl-app[data-tema-atual="bolso"]{--rl-accent:#2D3A8C}
  .rl-app[data-tema-atual="antunes"]{--rl-accent:#2F62C4}
  .rl-app[data-tema-atual="fnac"]{--rl-accent:#161616}
  .rl-app[data-tema-atual="gala"]{--rl-accent:#D8B15C;--rl-nav-bg:rgba(30,10,10,.72);--rl-nav-fg:#F6E9D6;--rl-nav-muted:rgba(246,233,214,.6);--rl-nav-linha:rgba(255,255,255,.12)}
  .rl-app[data-tema-atual="gala"] .rl-lista a.is-ativo{color:#2B1A05}
  .rl-app[data-tema-atual="gala"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="gala"] .rl-lista a.is-ativo small{color:rgba(43,26,5,.75)}
  .rl-app[data-tema-atual="lina"]{--rl-accent:#FFE3A3;--rl-nav-bg:rgba(90,10,14,.6);--rl-nav-fg:#FFF4EA;--rl-nav-muted:rgba(255,244,234,.65);--rl-nav-linha:rgba(255,255,255,.14)}
  .rl-app[data-tema-atual="lina"] .rl-lista a.is-ativo{color:#5A0A0E}
  .rl-app[data-tema-atual="lina"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="lina"] .rl-lista a.is-ativo small{color:rgba(90,10,14,.75)}
  .rl-app[data-tema-atual="igor"]{--rl-accent:#B0191F}

  /* ── a página: os artigos seguem-se, cada um com o seu fundo ── */
  .rl-palco{position:relative;min-width:0}
  .rl-art{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:0}
  /* as imagens trazem width/height para o browser reservar espaço; a altura
     tem de voltar a ser automática, senão ficam esticadas (a regra perdeu-se
     na reorganização do ficheiro e a capa dos romances ficou gigante) */
  .rl-art img{height:auto}
  .rl-art>.rl-miolo{position:relative;z-index:1;max-width:none;margin:0;padding:clamp(48px,6vw,96px) clamp(22px,5vw,64px) clamp(56px,7vw,100px)}
  /* o artigo enche a janela toda; o texto fica à direita do índice flutuante
     (316px = o cartão do índice mais a sua margem) */
  /* a coluna de texto (1040px) fica centrada no espaço que sobra à direita
     do índice (316px); num ecrã largo as margens crescem dos dois lados */
  .rl-art>.rl-miolo{padding-left:max(338px,calc((100% + 316px - 1040px) / 2));padding-right:max(22px,calc((100% - 316px - 1040px) / 2))}
  /* cada peça entra quando chega ao ecrã */
  .rl-art .rl-miolo>*{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .rl-art .rl-miolo>*.is-visto{opacity:1;transform:none}

  /* ── as publicidades, como na revista ── */
  .rl-pub{position:relative;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .rl-pub-miolo{max-width:none;margin:0;padding:clamp(22px,3vw,40px) clamp(22px,5vw,64px);padding-left:max(338px,calc((100% + 316px - 1040px) / 2));padding-right:max(22px,calc((100% - 316px - 1040px) / 2));display:grid;gap:10px;justify-items:center}
  .rl-pub-rotulo{justify-self:start;font-family:var(--font-nav);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .rl-pub img{width:100%;height:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}
  .rl-pub--escura{background:#111}
  .rl-pub--escura .rl-pub-rotulo{color:rgba(255,255,255,.5)}
  .rl-pub--pagina{background:var(--rv-creme,#F4EBDD)}
  .rl-pub--pagina img{max-width:540px;box-shadow:var(--shadow-md)}

  .rl-pag{display:block;margin-bottom:16px;font-family:var(--font-nav);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
  .rl-cabeca{margin-bottom:clamp(26px,3.5vw,44px)}
  .rl-cabeca h1{margin:14px 0 0;line-height:1;letter-spacing:-.03em}
  .rl-lead{margin-top:18px;font-weight:600;font-size:1.05rem;line-height:1.55;max-width:60ch}
  .rl-texto{columns:2;column-gap:40px;font-size:.98rem;line-height:1.65}
  .rl-texto p{margin:0 0 1em;break-inside:avoid}
  .rl-texto p:last-child{margin-bottom:0}
  .rl-qa{display:grid;gap:22px;max-width:64ch}
  .rl-qa dt{font-weight:700;font-size:1.02rem;line-height:1.4;letter-spacing:-.01em}
  .rl-qa dd{margin:8px 0 0;line-height:1.65}
  .rl-qa dd p+p{margin-top:.8em}
  .rl-assina{margin-top:26px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.35}
  .rl-assina small{display:block;font-family:var(--font-sans);font-size:.82rem;font-weight:400;opacity:.75;margin-top:2px}
  .rl-destaque{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3;letter-spacing:-.015em;margin:30px 0}
  .rl-foto{margin:0;display:grid;gap:8px}
  .rl-foto img{width:100%;height:auto;display:block;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}
  .rl-foto figcaption{font-size:.8rem;opacity:.72}

  /* ══════════ os temas, um por artigo ══════════
     As regras [data-tema] são do artigo; o contentor só muda a cor com que
     o índice acende (data-tema-atual). */
  .rl-app[data-tema-atual="romances"]{--rl-accent:#D7302A}
  .rl-app[data-tema-atual="bolso"]{--rl-accent:#2D3A8C}
  .rl-app[data-tema-atual="antunes"]{--rl-accent:#2F62C4}
  .rl-app[data-tema-atual="fnac"]{--rl-accent:#161616}
  .rl-app[data-tema-atual="gala"]{--rl-accent:#8E6A1E}
  .rl-app[data-tema-atual="lina"]{--rl-accent:#B0191F}
  .rl-app[data-tema-atual="igor"]{--rl-accent:#B0191F}

  /* ficha técnica, a fechar: o vermelho da casa, o logótipo a branco */
  .rl-art[data-tema="ficha"]{background:linear-gradient(160deg,#9E1319,#6E0C11 70%,#4A0809);color:#FBF4EC}
  .rl-art[data-tema="ficha"] .rl-logotipo b{color:#fff}
  .rl-art[data-tema="ficha"] .rl-logotipo span{color:rgba(251,244,236,.85)}
  .rl-art[data-tema="ficha"] .rl-lead{color:#FFE3A3;font-weight:500}
  .rl-creditos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;margin:0;padding-top:26px;border-top:1px solid rgba(255,227,163,.3)}
  .rl-creditos dt{font-family:var(--font-nav);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFE3A3}
  .rl-creditos dd{margin:6px 0 0;font-size:.92rem;line-height:1.5}
  .rl-creditos-nota{margin-top:40px;font-size:.84rem;color:rgba(251,244,236,.7)}
  .rl-creditos-nota a{color:#fff;text-decoration:underline;text-underline-offset:3px}
  .rl-app[data-tema-atual="ficha"]{--rl-accent:#FFE3A3;--rl-nav-bg:rgba(90,10,14,.6);--rl-nav-fg:#FFF4EA;--rl-nav-muted:rgba(255,244,234,.65);--rl-nav-linha:rgba(255,255,255,.14)}
  .rl-app[data-tema-atual="ficha"] .rl-lista a.is-ativo{color:#5A0A0E}
  .rl-app[data-tema-atual="ficha"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="ficha"] .rl-lista a.is-ativo small{color:rgba(90,10,14,.75)}

  /* editorial: a página 2 (vermelho, o Luis) ao lado da 3 */
  .rl-art[data-tema="editorial"] .rl-miolo{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(28px,4vw,56px) clamp(28px,5vw,72px);align-items:start}
  .rl-art[data-tema="editorial"] .rl-miolo>.rl-pag{grid-column:1 / -1}
  .rl-ficha{
    grid-row:2 / span 5;position:relative;overflow:hidden;align-self:stretch;
    border-radius:var(--radius);background:linear-gradient(170deg,#C4151C,#9E1319 60%,#7A0F14);
    min-height:520px;box-shadow:0 40px 70px -40px rgba(122,15,20,.7);
  }
  .rl-ficha-foto{margin:0;position:absolute;inset:0}
  .rl-ficha-foto img{width:100%;height:100%;object-fit:cover;object-position:center top}
  .rl-art[data-tema="editorial"] .rl-cabeca,.rl-art[data-tema="editorial"] .rl-texto,.rl-art[data-tema="editorial"] .rl-destaque,.rl-art[data-tema="editorial"] .rl-assina{grid-column:2}
  .rl-art[data-tema="editorial"] .rl-texto{columns:1}
  .rl-art[data-tema="editorial"] .rl-destaque{margin:22px 0 0}
  .rl-art[data-tema="editorial"] .rl-assina{margin-top:18px}
  /* editorial: papel branco, o logótipo da revista, duas colunas */
  .rl-art[data-tema="editorial"]{background:#fff;color:var(--ink)}
  .rl-logotipo{font-family:var(--font-sans);font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1}
  .rl-logotipo b{font-weight:800;color:var(--red)}
  .rl-logotipo span{font-weight:300;color:#3A332E}
  .rl-art[data-tema="editorial"] .rl-lead{color:var(--ink-soft);font-weight:500}
  .rl-art[data-tema="editorial"] .rl-destaque{color:var(--red)}

  /* romances à sombra: areia, mar e um chapéu-de-sol */
  .rl-art[data-tema="romances"]{background:#F6DFA3;color:#2B2520}
  .rl-art[data-tema="romances"]::before{
    content:"";position:absolute;z-index:0;left:-20%;right:-20%;bottom:-50%;height:60%;
    background:#2A9FB5;border-radius:50% 50% 0 0/40% 40% 0 0;
    transform:rotate(-3deg);opacity:.95;
  }
  .rl-art[data-tema="romances"]::after{
    /* o chapéu-de-sol: gomos vermelhos e brancos */
    content:"";position:absolute;z-index:0;top:-150px;right:-120px;width:300px;height:300px;border-radius:50%;
    background:conic-gradient(#D7302A 0 45deg,#fff 45deg 90deg,#D7302A 90deg 135deg,#fff 135deg 180deg,#D7302A 180deg 225deg,#fff 225deg 270deg,#D7302A 270deg 315deg,#fff 315deg 360deg);
    box-shadow:0 20px 40px -20px rgba(0,0,0,.4);
  }
  .rl-rom-titulo{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95;letter-spacing:-.03em;color:#D7302A;text-transform:uppercase}
  .rl-rom-titulo small{display:block;font-family:var(--font-hand);font-size:.5em;font-weight:600;text-transform:none;letter-spacing:0;color:#2B2520;margin-top:.1em;margin-left:.2em}
  .rl-rom-grande{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(22px,4vw,44px);align-items:center;margin:34px 0 40px;padding:26px;background:rgba(255,255,255,.55);border-radius:var(--radius)}
  .rl-rom-grande img{width:100%;max-width:260px;justify-self:center;border-radius:4px;box-shadow:var(--shadow-book);transform:rotate(-2deg)}
  .rl-rom-grande h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em}
  .rl-rom-grande .rl-autor{font-family:var(--font-nav);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1F7F91;margin-top:4px}
  .rl-rom-grande p{margin-top:12px;line-height:1.6}
  .rl-livros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
  .rl-livro{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start}
  .rl-livro img{width:96px;height:auto;border-radius:3px;box-shadow:var(--shadow-book)}
  .rl-livro h3{font-size:1.05rem;line-height:1.2;letter-spacing:-.01em}
  .rl-livro .rl-autor{font-family:var(--font-nav);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1F7F91;margin-top:3px}
  .rl-livro p{font-size:.86rem;line-height:1.5;margin-top:6px;color:#3B332C}

  /* cabe no bolso: branco com círculos azul e laranja, título a pincel */
  .rl-art[data-tema="bolso"]{background:#fff;color:var(--ink)}
  .rl-art[data-tema="bolso"]::before{content:"";position:absolute;z-index:0;top:-220px;right:-160px;width:520px;height:520px;border-radius:50%;background:#2D3A8C}
  .rl-art[data-tema="bolso"]::after{content:"";position:absolute;z-index:0;bottom:-460px;right:-220px;width:620px;height:620px;border-radius:50%;background:#F39A3B}
  .rl-pincel{font-family:'Caveat Brush','Caveat',cursive;font-weight:400;font-size:clamp(2.8rem,6vw,5rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:#2D3A8C}
  .rl-art[data-tema="bolso"] .rl-cabeca{padding:clamp(10px,2vw,20px) 0 10px;max-width:70%}
  .rl-art[data-tema="bolso"] .rl-pag{color:#2D3A8C}
  .rl-art[data-tema="bolso"] .rl-lead{color:#F39A3B;margin-top:10px;font-size:1.15rem}
  .rl-bolso-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(22px,4vw,44px);align-items:start;margin-top:26px}
  .rl-bolso-grid .rl-texto{columns:1}
  .rl-bolso-fotos{display:grid;gap:16px;position:sticky;top:24px}
  .rl-art[data-tema="bolso"] .rl-destaque{color:#2D3A8C;border-left:4px solid #F39A3B;padding-left:18px}
  /* os dez livros de bolso, em fila como na página 7 */
  .rl-bolso-capas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:22px 0 30px;column-span:all}
  .rl-bolso-capas img{width:100%;height:auto;border-radius:3px;box-shadow:var(--shadow-book);cursor:zoom-in;transition:transform .5s var(--ease)}
  .rl-bolso-capas img:hover{transform:translateY(-6px) rotate(-2deg)}

  /* maria antunes: noite azul com corvos */
  .rl-art[data-tema="antunes"]{background:#ECE8E7;color:#1B1B1B}
  .rl-art[data-tema="antunes"] .rl-pag{color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}
  .rl-antunes-fundo{
    position:absolute;z-index:0;inset:0;pointer-events:none;
    background:url(/img/revista/ler/ed04/antunes-fundo.webp) left top/46% auto no-repeat;
    /* desvanece para baixo e para a direita, para a imagem não acabar numa aresta */
    -webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 80%),linear-gradient(90deg,#000 22%,transparent 46%);
    mask-image:linear-gradient(180deg,#000 30%,transparent 80%),linear-gradient(90deg,#000 22%,transparent 46%);
    -webkit-mask-composite:source-in;mask-composite:intersect;
  }
  .rl-antunes-topo{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(22px,4vw,44px);align-items:end;margin-bottom:30px}
  .rl-antunes-topo h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.8rem,6.4vw,5.2rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;color:#141414}
  .rl-antunes-topo .rl-sub{margin-top:14px;font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:#B0191F}
  .rl-retrato{width:260px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,#C22B2B,#5C0E12 70%);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);justify-self:end}
  .rl-retrato img{width:100%;height:100%;object-fit:cover;object-position:top}
  .rl-art[data-tema="antunes"] .rl-lead{color:#2F62C4;font-weight:700}
  .rl-antunes-grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:clamp(22px,4vw,48px);align-items:start;margin-top:30px}
  .rl-antunes-grid .rl-capa{position:sticky;top:24px;margin:0}
  .rl-antunes-grid .rl-capa img{width:100%;border-radius:4px;box-shadow:0 30px 50px -24px rgba(0,0,0,.9)}
  .rl-antunes-grid .rl-capa figcaption{margin-top:10px;font-size:.78rem;color:#5B5550}
  .rl-art[data-tema="antunes"] .rl-qa dt{color:#141414}
  .rl-art[data-tema="antunes"] .rl-qa dd{color:#33302C}

  /* catarina silva: branco com formas pretas e o amarelo da fnac */
  .rl-art[data-tema="fnac"]{background:#fff;color:var(--ink)}
  /* as formas pretas ficam nas margens: a de cima à direita só entra na
     coluna das fotografias; a de baixo à esquerda nunca passa da margem */
  /* as formas pretas vivem só nas margens, fora da caixa do texto (1040px):
     nunca passam por cima de uma linha de leitura */
  .rl-art[data-tema="fnac"]::before{content:"";position:absolute;z-index:0;top:0;right:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 28px));height:620px;background:#161616;clip-path:polygon(40% 0,100% 0,100% 100%,0 70%)}
  .rl-art[data-tema="fnac"]::after{content:"";position:absolute;z-index:0;bottom:0;left:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 316px + 28px));height:420px;background:#161616;clip-path:polygon(0 0,100% 50%,70% 100%,0 100%)}
  .rl-art[data-tema="fnac"] .rl-cabeca{max-width:60%}
  .rl-art[data-tema="fnac"] .rl-pincel{color:#161616;font-size:clamp(2.6rem,5.6vw,4.6rem)}
  .rl-fnac-marca{display:inline-block;margin-top:8px;padding:.2em .5em;background:#F6B800;color:#161616;font-family:var(--font-nav);font-weight:800;font-size:1rem;letter-spacing:.02em;text-transform:lowercase;border-radius:3px}
  .rl-art[data-tema="fnac"] .rl-sub{margin-top:12px;font-family:var(--font-display);font-size:1.3rem;font-weight:500;letter-spacing:-.01em;background:#F6B800;display:inline;padding:.05em .3em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
  .rl-art[data-tema="fnac"] .rl-lead{font-weight:700;max-width:56ch}
  .rl-fnac-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(22px,4vw,48px);align-items:start;margin-top:30px}
  .rl-fnac-fotos{display:grid;gap:14px;position:sticky;top:24px}
  .rl-fnac-fotos img{border-radius:var(--radius-sm)}
  .rl-fnac-fotos .rl-foto:nth-child(2) img{border-radius:50%;aspect-ratio:1;object-fit:cover;width:70%;margin-left:auto}
  .rl-art[data-tema="fnac"] .rl-qa dt{color:#161616}

  /* gala dos autores: a noite, vermelho profundo e ouro */
  .rl-art[data-tema="gala"]{background:radial-gradient(120% 90% at 20% 0%,#9E1319 0%,#5A0A0E 45%,#1C0607 100%);color:#F6E9D6}
  .rl-gala-fundo{position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/img/revista/ler/ed04/gala-fundo.webp) right top/40% auto no-repeat;opacity:.35;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
  .rl-gala-estrelas{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(216,177,92,.5) 1px,transparent 0);background-size:38px 38px;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
  .rl-gala-titulo{font-family:var(--font-display);font-weight:300;font-size:clamp(2.8rem,6.6vw,5.4rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:#F6E9D6}
  .rl-gala-titulo b{font-weight:700;color:#D8B15C}
  .rl-art[data-tema="gala"] .rl-pag{color:#D8B15C}
  .rl-art[data-tema="gala"] .rl-texto{color:rgba(246,233,214,.9)}
  .rl-gala-galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:36px 0}
  .rl-gala-galeria .rl-foto:first-child{grid-column:span 2;grid-row:span 2}
  .rl-gala-galeria img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);aspect-ratio:4/3}
  .rl-gala-galeria .rl-foto:first-child img{aspect-ratio:auto;height:100%}
  .rl-gala-galeria figcaption{color:rgba(246,233,214,.7)}
  .rl-gala-trofeus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end;margin:40px 0 20px;padding:26px;border:1px solid rgba(216,177,92,.3);border-radius:var(--radius)}
  .rl-gala-trofeus figure{margin:0;display:grid;gap:10px;justify-items:center;text-align:center}
  .rl-gala-trofeus img{height:180px;width:auto;filter:drop-shadow(0 20px 24px rgba(0,0,0,.6))}
  .rl-gala-trofeus figcaption{font-family:var(--font-nav);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#D8B15C}
  .rl-gala-venc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin:0;padding:0;list-style:none}
  .rl-gala-venc li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(216,177,92,.25)}
  .rl-gala-venc img{width:72px;height:auto;border-radius:3px;box-shadow:0 14px 24px -12px rgba(0,0,0,.8);cursor:zoom-in}
  .rl-gala-venc small{display:block;font-family:var(--font-nav);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#D8B15C;margin-bottom:4px}
  .rl-gala-venc b{display:block;font-family:var(--font-display);font-weight:600;font-size:1.02rem;line-height:1.2;letter-spacing:-.01em}
  .rl-gala-venc span{display:block;font-size:.82rem;color:rgba(246,233,214,.7);margin-top:2px}
  .rl-gala-venc li:last-child{grid-column:1 / -1;grid-template-columns:110px minmax(0,1fr);padding:22px;margin-top:8px;border:1px solid rgba(216,177,92,.4);border-radius:var(--radius-sm);background:rgba(216,177,92,.08)}
  .rl-gala-venc li:last-child img{width:110px}
  .rl-gala-venc li:last-child b{font-size:1.5rem}
  .rl-art[data-tema="gala"] .rl-destaque{color:#D8B15C}

  /* lina simão: vermelho vivo, estrelas douradas, a capa a brilhar */
  .rl-art[data-tema="lina"]{background:linear-gradient(160deg,#C4151C,#9E1319 55%,#7A0F14);color:#FFF4EA}
  .rl-lina-estrelas{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,224,150,.55) 1.2px,transparent 0),radial-gradient(circle at 1px 1px,rgba(255,255,255,.25) 1px,transparent 0);background-size:52px 52px,23px 23px;background-position:0 0,11px 7px;opacity:.6}
  .rl-lina-titulo{font-family:var(--font-display);font-weight:300;font-style:italic;font-size:clamp(1.6rem,3vw,2.4rem);color:#FFE3A3;letter-spacing:-.01em}
  .rl-lina-titulo b{display:block;font-style:normal;font-weight:700;font-size:clamp(2.6rem,6vw,4.8rem);line-height:.95;letter-spacing:-.03em;color:#fff;text-transform:uppercase;margin-top:.1em}
  .rl-lina-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,4vw,56px);align-items:start}
  .rl-lina-lado{position:sticky;top:24px;display:grid;gap:18px}
  .rl-lina-lado .rl-capa{margin:0;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,227,163,.3);border-radius:var(--radius);display:grid;gap:12px;justify-items:center;text-align:center}
  .rl-lina-lado .rl-capa img{width:80%;border-radius:4px;box-shadow:0 30px 50px -24px rgba(0,0,0,.8);transform:rotate(-3deg)}
  .rl-lina-lado .rl-capa figcaption{font-family:var(--font-display);font-style:italic;font-size:1.1rem;color:#FFE3A3}
  .rl-lina-lado .rl-capa figcaption b{display:block;font-style:normal;font-size:1.3rem;color:#fff}
  .rl-art[data-tema="lina"] .rl-lead{color:#FFE3A3;font-weight:600}
  .rl-art[data-tema="lina"] .rl-qa dt{color:#FFE3A3}
  .rl-lina-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 6px}
  .rl-lina-fotos img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}
  .rl-lina-fotos figcaption{color:rgba(255,244,234,.7)}

  /* igor oliveira: branco, um poema, o retrato em amarelo */
  .rl-art[data-tema="igor"]{background:#fff;color:var(--ink)}
  .rl-igor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,4vw,60px);align-items:start}
  .rl-igor-grid h1{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-.025em;line-height:1}
  .rl-igor-grid .rl-sub{margin-top:10px;font-size:1.05rem;font-weight:600;color:var(--ink-soft)}
  .rl-poema-titulo{margin:36px 0 18px;font-family:var(--font-nav);font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--red);padding-bottom:8px;border-bottom:2px solid var(--red);display:inline-block}
  .rl-poema{font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.6;columns:2;column-gap:36px}
  .rl-poema p{margin:0 0 1.3em;break-inside:avoid}
  .rl-igor-foto{margin:0;position:sticky;top:24px;background:#F2B33D;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}
  .rl-igor-foto img{width:100%;display:block}
  .rl-igor-foto figcaption{padding:12px 16px;font-size:.8rem;color:#4A3200}

  /* ── tablet e telemóvel ── */
  @media (max-width:1000px){
    .rl-art>.rl-miolo,.rl-pub-miolo{max-width:1040px;margin-inline:auto;padding-left:clamp(22px,5vw,64px);padding-right:clamp(22px,5vw,64px)}
    .rl-barra{
      display:flex;position:fixed;left:0;right:0;top:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;
      padding:10px 14px;background:rgba(255,253,249,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
    }
    .rl-barra button{display:inline-flex;align-items:center;gap:8px;padding:.5em .9em;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font-nav);font-size:.76rem;font-weight:600}
    .rl-barra button svg{width:16px;height:16px}
    .rl-barra-atual{font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .rl-barra-ed{font-family:var(--font-nav);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
    .rl-nav{
      top:0;left:0;bottom:0;z-index:60;width:min(86vw,340px);height:100vh;max-height:none;border-radius:0;
      background:#FFFDF9;color:var(--ink);--rl-nav-fg:var(--ink);--rl-nav-muted:var(--muted);--rl-nav-linha:var(--line);
      transform:translateX(-105%);transition:transform .45s var(--ease);box-shadow:40px 0 80px -40px rgba(0,0,0,.4);
    }
    .rl-nav.is-aberto{transform:none}
    .rl-fechar{display:block}
    .rl-fundo{display:block;position:fixed;inset:0;z-index:50;background:rgba(22,18,15,.5);opacity:0;pointer-events:none;transition:opacity .4s ease}
    .rl-fundo.is-aberto{opacity:1;pointer-events:auto}
    .rl-texto{columns:1}
    .rl-art[data-tema="editorial"] .rl-miolo{grid-template-columns:1fr}
    .rl-ficha{grid-row:auto;min-height:0}
    .rl-ficha-foto{position:relative;aspect-ratio:4/3}
    .rl-ficha-foto img{height:100%}
    .rl-art[data-tema="editorial"] .rl-cabeca,.rl-art[data-tema="editorial"] .rl-texto,.rl-art[data-tema="editorial"] .rl-destaque,.rl-art[data-tema="editorial"] .rl-assina{grid-column:auto}
    .rl-rom-grande{grid-template-columns:1fr}
    .rl-livros{grid-template-columns:1fr}
    .rl-bolso-grid,.rl-antunes-grid,.rl-fnac-grid,.rl-lina-grid,.rl-igor-grid{grid-template-columns:1fr}
    .rl-bolso-fotos,.rl-antunes-grid .rl-capa,.rl-fnac-fotos,.rl-lina-lado,.rl-igor-foto{position:static}
    .rl-antunes-grid .rl-capa{width:200px}
    .rl-antunes-topo{grid-template-columns:1fr;align-items:start}
    .rl-retrato{width:180px;justify-self:start;order:-1}
    .rl-gala-galeria,.rl-gala-trofeus,.rl-gala-venc{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rl-gala-galeria .rl-foto:first-child{grid-column:span 2;grid-row:auto}
    .rl-poema{columns:1}
    .rl-creditos{grid-template-columns:1fr 1fr}
    .rl-gala-venc{grid-template-columns:1fr}
    .rl-lina-lado{grid-template-columns:1fr 1fr}
    .rl-art[data-tema="fnac"]::before{width:34%;height:110px;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
    .rl-art[data-tema="fnac"]::after{width:30%;height:70px}
    .rl-art[data-tema="fnac"] .rl-cabeca{max-width:100%}
    .rl-art[data-tema="bolso"] .rl-cabeca{max-width:100%}
  }
  @media (max-width:640px){
    .rl-art>.rl-miolo{padding-inline:18px}
    .rl-lina-lado{grid-template-columns:1fr}
    .rl-gala-trofeus{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px}
    .rl-gala-trofeus img{height:110px}
    .rl-art[data-tema="romances"]::after{width:200px;height:200px;top:-80px;right:-60px}
    .rl-art[data-tema="bolso"]::before{width:300px;height:300px;top:-170px;right:-120px}
    .rl-art[data-tema="bolso"]::after{width:360px;height:360px;bottom:-300px;right:-160px}
  }

  /* ══════════ o «uau»: movimento, profundidade e a revista a abrir ══════════ */

  /* a barra de leitura, no topo */
  .rl-progresso{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none;background:rgba(0,0,0,.06)}
  .rl-progresso i{display:block;height:100%;width:0;background:var(--rl-accent);transition:background .7s ease}

  /* a capa: presa ao ecrã; a revista desliza por cima e a capa afasta-se */
  .rl-abertura{
    position:sticky;top:0;z-index:0;height:100vh;height:100svh;overflow:hidden;
    display:grid;place-items:center;
    background:#8E1419;color:#FBF4EC;
  }
  .rl-abertura-fundo{
    position:absolute;inset:0;
    background:radial-gradient(120% 100% at 80% 18%,#C81E25 0%,#A0161C 38%,#730E13 78%,#5A0A0E 100%);
  }
  .rl-abertura-fundo::after{
    content:"";position:absolute;inset:0;opacity:.42;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
  }
  .rl-abertura-livro{
    position:relative;margin:0;width:min(34vw,420px);
    transform:translateY(calc(var(--p,0) * -22vh)) rotate(calc(-4deg + var(--p,0) * 10deg)) scale(calc(1 - var(--p,0) * .25));
    opacity:calc(1 - var(--p,0) * 1.2);
    animation:rlAberturaEntra 1.4s var(--ease) both;
  }
  .rl-abertura-livro img{width:100%;height:auto;border-radius:6px;box-shadow:0 60px 100px -40px rgba(0,0,0,.8),0 10px 30px -10px rgba(0,0,0,.5)}
  @keyframes rlAberturaEntra{from{opacity:0;transform:translateY(60px) rotate(-10deg) scale(.9)}to{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}}
  .rl-abertura-texto{
    position:absolute;left:clamp(24px,6vw,96px);bottom:clamp(28px,6vh,72px);max-width:min(46ch,60vw);
    transform:translateY(calc(var(--p,0) * 10vh));opacity:calc(1 - var(--p,0) * 1.6);
  }
  .rl-abertura-marca{display:block;font-family:var(--font-nav);font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#FFE3A3;animation:rlSobeCapa 1s var(--ease) .4s both}
  .rl-abertura-texto h1{margin:10px 0 0;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.03em;color:#FBF4EC;animation:rlSobeCapa 1s var(--ease) .55s both}
  .rl-abertura-texto h1 em{font-style:normal;color:#FFE3A3}
  .rl-abertura-texto p{margin-top:14px;color:rgba(251,244,236,.8);animation:rlSobeCapa 1s var(--ease) .7s both}
  .rl-abertura-abrir{
    display:inline-flex;align-items:center;gap:14px;margin-top:28px;
    font-family:var(--font-nav);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FBF4EC;
    animation:rlSobeCapa 1s var(--ease) .85s both;
  }
  .rl-abertura-abrir i{width:38px;height:38px;border-radius:50%;border:1px solid rgba(251,244,236,.5);position:relative;transition:background .3s ease}
  .rl-abertura-abrir i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);animation:rlSeta 1.6s ease-in-out infinite}
  .rl-abertura-abrir:hover i{background:rgba(255,255,255,.12)}
  @keyframes rlSeta{0%,100%{transform:translate(-50%,-80%) rotate(45deg)}50%{transform:translate(-50%,-40%) rotate(45deg)}}
  @keyframes rlSobeCapa{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .rl-palco{position:relative;z-index:1;box-shadow:0 -40px 80px -40px rgba(0,0,0,.5)}
  /* o índice só aparece depois de a capa abrir */
  .rl-nav{opacity:0;transform:translateX(-16px);pointer-events:none}
  .rl-app.is-aberta .rl-nav{opacity:1;transform:none;pointer-events:auto;transition:opacity .7s var(--ease),transform .7s var(--ease),background .7s ease,color .7s ease,border-color .7s ease}

  /* o número da página, a andar */
  .rl-pagina{grid-column:1 / -1;margin-top:6px;font-family:var(--font-nav);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rl-accent);font-variant-numeric:tabular-nums;transition:color .6s ease}

  /* títulos a entrar letra a letra */
  .rl-letra{display:inline-block;opacity:0;transform:translateY(.5em) rotate(4deg);transform-origin:bottom left;transition:opacity .5s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
  .is-visto .rl-letra{opacity:1;transform:none}

  /* relevo com o rato: capas e fotografias inclinam-se e brilham */
  .rl-tilt{transform:perspective(900px) rotateY(calc(var(--mx,0) * 12deg)) rotateX(calc(var(--my,0) * -10deg)) translateZ(0);transition:transform .35s var(--ease-soft),box-shadow .35s ease;will-change:transform}
  .rl-tilt:hover{box-shadow:0 40px 60px -30px rgba(0,0,0,.6)}
  .rl-foto img{cursor:zoom-in;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
  .rl-foto:hover img{transform:scale(1.025)}
  .rl-livro img{cursor:zoom-in;transition:transform .5s var(--ease)}
  .rl-livro:hover img{transform:translateY(-4px) rotate(-2deg)}

  /* as peças mexem com o scroll (--p: 0 ao entrar, 1 ao sair) */
  .rl-art[data-tema="romances"]::after{transform:translate(calc(var(--p,0) * -40px),calc(var(--p,0) * 140px)) rotate(calc(var(--p,0) * 40deg))}
  .rl-art[data-tema="romances"]::before{transform:rotate(-3deg) translateY(calc(var(--p,0) * -80px))}
  .rl-folha{
    position:absolute;z-index:0;pointer-events:none;
    background:rgba(16,70,80,.28);
    -webkit-mask:var(--folha) center/contain no-repeat;mask:var(--folha) center/contain no-repeat;
    animation:rlFolha 9s ease-in-out infinite;
  }
  .rl-folha--1{--folha:url(/img/revista/ler/ed04/folha-1.png);top:-40px;left:-60px;width:min(46vw,620px);aspect-ratio:900/567;transform:translateY(calc(var(--p,0) * 160px))}
  .rl-folha--2{--folha:url(/img/revista/ler/ed04/folha-2.png);right:-40px;top:38%;width:min(34vw,460px);aspect-ratio:760/378;transform:scaleX(-1) translateY(calc(var(--p,0) * -120px));animation-delay:-4s}
  @keyframes rlFolha{0%,100%{rotate:0deg}50%{rotate:2.5deg}}
  .rl-art[data-tema="bolso"]::before{transform:translateY(calc(var(--p,0) * 120px)) scale(calc(1 + var(--p,0) * .15))}
  .rl-art[data-tema="bolso"]::after{transform:translateY(calc(var(--p,0) * -160px))}
  .rl-antunes-fundo{transform:translateY(calc(var(--p,0) * -90px)) scale(calc(1 + var(--p,0) * .06));transform-origin:top left}
  .rl-art[data-tema="fnac"]::before{transform:translateY(calc(var(--p,0) * 60px))}
  .rl-gala-fundo{transform:translateY(calc(var(--p,0) * -120px))}
  .rl-gala-estrelas{animation:rlCintila 4s ease-in-out infinite}
  .rl-lina-estrelas{animation:rlCintila 5s ease-in-out infinite;transform:translateY(calc(var(--p,0) * -60px))}
  @keyframes rlCintila{0%,100%{opacity:.5}50%{opacity:.9}}
  .rl-igor-foto{transform:translateY(calc(var(--p,0) * -40px))}

  /* confetes dourados na gala */
  .rl-confetes{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
  .rl-confete{
    position:absolute;top:-3vh;left:var(--x);width:var(--w,8px);height:var(--h,14px);
    background:var(--c,#D8B15C);opacity:0;border-radius:1px;
    animation:rlCai var(--t,8s) linear var(--d,0s) infinite;
  }
  .is-visto~.rl-miolo .rl-confete,.rl-confetes.is-ligado .rl-confete{opacity:1}
  @keyframes rlCai{0%{transform:translateY(0) rotate(0deg) translateX(0);opacity:0}8%{opacity:.9}100%{transform:translateY(110vh) rotate(720deg) translateX(var(--dx,0px));opacity:.2}}

  /* o poema, verso a verso */
  .rl-verso{display:inline-block;opacity:0;transform:translateX(-10px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--d,0s)}
  .is-visto .rl-verso{opacity:1;transform:none}

  /* a lupa: uma fotografia em grande */
  .rl-lupa{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:4vmin;background:rgba(12,8,8,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:rlFundo .3s ease both}
  @keyframes rlFundo{from{opacity:0}to{opacity:1}}
  .rl-lupa figure{margin:0;display:grid;gap:12px;justify-items:center;max-width:min(1200px,96vw);animation:rlLupaEntra .5s var(--ease) both}
  @keyframes rlLupaEntra{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
  .rl-lupa img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:6px;box-shadow:0 60px 120px -40px rgba(0,0,0,.9)}
  .rl-lupa figcaption{color:rgba(255,255,255,.75);font-size:.9rem;text-align:center}
  .rl-lupa-fechar{position:absolute;top:18px;right:22px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.6rem;line-height:1}
  .rl-lupa-fechar:hover{background:var(--red)}
  body.rl-lupa-aberta{overflow:hidden}

  @media (prefers-reduced-motion:reduce){
    .rl-letra,.rl-verso,.rl-art .rl-miolo>*{opacity:1;transform:none;transition:none}
    .rl-folha,.rl-gala-estrelas,.rl-lina-estrelas,.rl-confete{animation:none}
  }
  @media (max-width:1000px){
    .rl-abertura-livro{width:min(56vw,300px)}
    .rl-abertura-texto{left:20px;right:20px;max-width:none}
    .rl-nav{opacity:1;transform:translateX(-105%);pointer-events:auto}
    .rl-app.is-aberta .rl-nav{transform:translateX(-105%)}
    .rl-app.is-aberta .rl-nav.is-aberto,.rl-nav.is-aberto{transform:none}
    .rl-barra{opacity:0;transition:opacity .5s ease}
    .rl-app.is-aberta .rl-barra{opacity:1}
  }

  /* ══════════ BLOCO A ══════════ */
  /* ══════════ bloco A: p. 8–19 ══════════ */

  /* a cor com que o índice acende em cada artigo do bloco */
  .rl-app[data-tema-atual="poetas"]{--rl-accent:#E8930A}
  .rl-app[data-tema-atual="celestino"]{--rl-accent:#D9553F}
  .rl-app[data-tema-atual="verao-criancas"]{--rl-accent:#FCC740;--rl-nav-bg:rgba(150,30,36,.62);--rl-nav-fg:#FFF4EA;--rl-nav-muted:rgba(255,244,234,.65);--rl-nav-linha:rgba(255,255,255,.14)}
  .rl-app[data-tema-atual="verao-criancas"] .rl-lista a.is-ativo{color:#7A1218}
  .rl-app[data-tema-atual="verao-criancas"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="verao-criancas"] .rl-lista a.is-ativo small{color:rgba(122,18,24,.75)}
  .rl-app[data-tema-atual="areia"]{--rl-accent:#E07A12}
  .rl-app[data-tema-atual="sabrina"]{--rl-accent:#5E8192}
  .rl-app[data-tema-atual="pausa"]{--rl-accent:#F0602A}
  .rl-app[data-tema-atual="cheiram"]{--rl-accent:#0092C4}

  /* estação dos poetas (p. 8–9): papel branco, laranja e formas geométricas nas margens */
  .rl-art[data-tema="poetas"]{background:#fff;color:#1B1B1B}
  .rl-poetas-forma{position:absolute;z-index:0;pointer-events:none}
  /* as argolas laranja do canto superior direito da p. 9 */
  .rl-poetas-forma--1{top:-120px;right:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#FBA809 0 38%,transparent 38.5% 50%,#1B1B1B 50.5% 54%,transparent 54.5% 62%,#FBA809 62.5% 72%,transparent 72.5%);transform:translateY(calc(var(--p,0) * 90px)) rotate(calc(var(--p,0) * 30deg))}
  /* as setas laranja da margem esquerda da p. 8 */
  .rl-poetas-forma--2{left:-8px;bottom:14%;width:46px;height:200px;background:#FBA809;clip-path:polygon(0 0,100% 15%,0 30%,0 35%,100% 50%,0 65%,0 70%,100% 85%,0 100%);transform:translateY(calc(var(--p,0) * -120px))}
  .rl-poetas-titulo{font-family:var(--font-display);font-weight:600;font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1;letter-spacing:-.025em;color:#1B1B1B}
  .rl-poetas-titulo b{display:block;font-weight:800;text-transform:uppercase;color:#FBA809;letter-spacing:-.01em;margin-top:.05em}
  .rl-art[data-tema="poetas"] .rl-pag{color:#E8930A}
  .rl-poetas-grande{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;margin:0 0 44px;padding:clamp(22px,3vw,34px);border:1px solid rgba(251,168,9,.45);border-radius:var(--radius);background:linear-gradient(135deg,#FFF8EA,#fff 60%)}
  .rl-poetas-grande img{width:100%;max-width:280px;justify-self:center;border-radius:4px;box-shadow:var(--shadow-book);transform:rotate(2deg)}
  .rl-poetas-grande h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.02em;color:#1B1B1B}
  .rl-poetas-grande .rl-autor{margin-top:6px;font-family:var(--font-display);font-size:1.05rem;color:#7C716A}
  .rl-poetas-grande p{margin-top:12px;line-height:1.6}
  .rl-poetas-livros .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#1B1B1B}
  .rl-poetas-livros .rl-livro .rl-autor{font-family:var(--font-display);font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;color:#7C716A}
  .rl-poetas-verso{font-family:var(--font-display);font-style:italic}

  /* rosária celestino (p. 12): papel branco, coral, padrões africanos no canto */
  .rl-art[data-tema="celestino"]{background:#fff;color:#1B1B1B}
  .rl-celestino-padrao{position:absolute;z-index:0;top:0;right:0;width:min(22vw,300px);height:auto;pointer-events:none;transform:translateY(calc(var(--p,0) * -70px))}
  .rl-art[data-tema="celestino"] .rl-pag{color:#D9553F}
  .rl-celestino-cabeca{max-width:72%;padding-bottom:22px;border-bottom:2px solid #D9553F}
  .rl-celestino-titulo{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1;letter-spacing:-.02em;color:#EE7F6B}
  .rl-celestino-titulo small{display:block;margin-bottom:.25em;font-family:var(--font-sans);font-weight:800;font-size:1.15em;letter-spacing:-.03em;color:#5E1A10}
  .rl-celestino-titulo b{display:block;font-weight:800;color:#E35F49;margin-top:.05em}
  .rl-celestino-sub{margin:0 0 22px;font-family:var(--font-sans);font-weight:700;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.3;color:#E35F49;max-width:60ch}
  .rl-celestino-pe{display:grid;grid-template-columns:minmax(0,.9fr) 180px minmax(0,1.1fr);gap:clamp(18px,3vw,36px);align-items:end;margin-top:36px}
  .rl-celestino-retrato{margin:0;align-self:end}
  .rl-celestino-retrato img{width:100%;max-width:360px;display:block;filter:drop-shadow(0 24px 30px rgba(0,0,0,.25))}
  .rl-celestino-capa{margin:0 0 20px}
  .rl-celestino-capa img{width:100%;border-radius:4px;box-shadow:var(--shadow-book);transform:rotate(-4deg)}
  .rl-art[data-tema="celestino"] .rl-assina{margin:0 0 20px;padding:22px 26px;background:#F9B233;color:#4A1A08;border-radius:var(--radius) var(--radius) var(--radius) 6px;font-size:1.3rem;box-shadow:0 20px 40px -24px rgba(74,26,8,.5)}
  .rl-art[data-tema="celestino"] .rl-assina small{font-family:var(--font-display);font-size:1rem;opacity:.9;margin-top:6px}

  /* o verão das crianças (p. 13): vermelho, cartões coloridos à mão, um sol e um sorriso nos cantos */
  .rl-art[data-tema="verao-criancas"]{background:#F1424E;color:#fff}
  .rl-verao-sorriso,.rl-verao-sol{position:absolute;z-index:0;pointer-events:none;height:auto}
  .rl-verao-sorriso{top:28px;right:5%;width:min(12vw,150px);transform:translateY(calc(var(--p,0) * 60px)) rotate(-8deg)}
  .rl-verao-sol{bottom:30px;right:2%;width:min(18vw,230px);transform:translateY(calc(var(--p,0) * -80px)) rotate(calc(var(--p,0) * 40deg))}
  .rl-art[data-tema="verao-criancas"] .rl-pag{color:#FFE28A;opacity:1}
  .rl-verao-cabeca{max-width:78%;margin-bottom:28px}
  .rl-verao-titulo{font-family:var(--font-sans);font-weight:800;font-style:italic;font-size:clamp(3.2rem,8vw,6.4rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:#fff}
  .rl-verao-titulo small{display:block;margin-bottom:.25em;font-family:var(--font-hand);font-weight:600;font-style:italic;font-size:.42em;text-transform:none;letter-spacing:0;line-height:1.1}
  .rl-verao-intro{margin-top:22px;padding-top:14px;border-top:2px solid #FCC740;font-family:var(--font-hand);font-weight:700;font-size:clamp(1.6rem,3vw,2.3rem);color:#FCC740;line-height:1}
  .rl-verao-cartoes{list-style:none;margin:0;padding:0 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,30px);align-items:start;max-width:980px}
  .rl-verao-cartao{display:grid;gap:12px;align-content:start;padding:22px 24px 18px;border-radius:14px;transform:rotate(var(--r,0deg));transition:transform .5s var(--ease)}
  .rl-verao-cartao:hover{transform:rotate(0deg) translateY(-4px)}
  .rl-verao-cartao:nth-child(3n+1){--r:-2deg}
  .rl-verao-cartao:nth-child(3n+2){--r:1.5deg}
  .rl-verao-cartao:nth-child(3n){--r:-1deg}
  .rl-verao-cartao q{quotes:"“" "”";font-family:var(--font-hand);font-weight:700;font-size:clamp(1.7rem,2.6vw,2.3rem);line-height:1.05;letter-spacing:-.01em}
  .rl-verao-cartao--grande q{font-size:clamp(2.1rem,3.6vw,3rem)}
  .rl-verao-cartao span{font-family:var(--font-nav);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
  .rl-verao-cartao--teal{background:#329792;color:#fff;border:2px dashed rgba(255,255,255,.6)}
  .rl-verao-cartao--teal span{color:#FCC740}
  .rl-verao-cartao--amarelo{background:#FCC740;color:#D93E2E;border:2px dashed #D93E2E;border-radius:20px}
  .rl-verao-cartao--amarelo span{color:#4A1A08}
  .rl-verao-cartao--lilas{background:#9B8ABB;color:#2B2235;padding:14px}
  .rl-verao-cartao--lilas q{display:block;padding:18px 16px;background:repeating-linear-gradient(180deg,#fff 0 1.6em,rgba(155,138,187,.35) 1.6em calc(1.6em + 1px));border-radius:6px}
  .rl-verao-cartao--lilas span{color:#FCC740;text-align:center}
  .rl-verao-cartao--vinho{background:#AE3E54;color:#fff}
  .rl-verao-cartao--vinho span{color:#FCC740}
  .rl-verao-cartao--balao{border-radius:28px 28px 28px 6px}
  .rl-verao-cartao--pilula{border-radius:999px;padding:22px 34px;border:3px solid #FCC740;outline:3px solid #AE3E54;text-align:center}
  .rl-verao-cartao--papel{background:#fff;color:#2B2235;padding:0;overflow:hidden;border-radius:4px;box-shadow:0 18px 30px -18px rgba(0,0,0,.4)}
  .rl-verao-cartao--papel q{display:block;padding:26px 22px 22px;background:repeating-linear-gradient(180deg,#fff 0 1.6em,rgba(43,34,53,.1) 1.6em calc(1.6em + 1px))}
  .rl-verao-cartao--papel span{display:block;padding:12px 22px;background:#FCC740;color:#D93E2E;font-size:.82rem}
  .rl-verao-cartao--lima{background:#B5C93A;color:#2B2235;border:2px dashed rgba(43,34,53,.35)}
  .rl-verao-cartao--lima span{color:#2B2235}

  /* areia, baldes e livros (p. 14–15): laranja Meialonga, capas quadradas, um bloco branco no meio */
  .rl-art[data-tema="areia"]{background:#FCB635;color:#2B2520}
  .rl-art[data-tema="areia"]::before{content:"";position:absolute;z-index:0;top:-140px;right:-140px;width:420px;height:420px;border-radius:50%;background:#FFD27A;opacity:.7;transform:translateY(calc(var(--p,0) * 120px))}
  .rl-art[data-tema="areia"] .rl-pag{color:#7A3A00}
  .rl-areia-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.8rem,6.6vw,5.4rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 6px 24px rgba(122,58,0,.25)}
  .rl-areia-grande{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;margin:0 0 40px}
  .rl-areia-grande h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.02em;color:#7A3A00}
  .rl-areia-grande .rl-autor{margin-top:6px;font-family:var(--font-display);font-size:1.05rem;color:#9C5A14}
  .rl-areia-grande p{margin-top:12px;line-height:1.6;font-size:1.02rem}
  .rl-areia-capa-grande{position:relative;margin:0;justify-self:center;width:min(100%,360px)}
  .rl-areia-capa-grande img{width:100%;border-radius:6px;box-shadow:var(--shadow-book)}
  .rl-areia-selo{position:absolute;right:-18px;bottom:40px;width:118px;height:118px;border-radius:50%;background:#B23D42;color:#fff;display:grid;place-content:center;text-align:center;font-family:var(--font-sans);font-weight:800;font-size:1.7rem;line-height:1;letter-spacing:-.03em;transform:rotate(-10deg);box-shadow:0 16px 30px -16px rgba(0,0,0,.6)}
  .rl-areia-selo small{display:block;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
  .rl-areia-branco{padding:clamp(24px,3.4vw,44px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 40px 80px -50px rgba(122,58,0,.5)}
  .rl-areia-livros{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px}
  .rl-areia-livros .rl-livro{grid-template-columns:1fr;gap:14px}
  .rl-areia-livros .rl-livro img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
  .rl-areia-livros .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#D1452B}
  .rl-areia-livros .rl-livro .rl-autor{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:0;text-transform:none;color:#2B2520}
  .rl-areia-livros .rl-livro p{color:#3B332C}
  .rl-areia-livros--laranja{margin-top:40px}
  .rl-areia-livros--laranja .rl-livro h3{color:#8E2A14}
  .rl-areia-livros--laranja .rl-livro p{color:#3A2A14}

  /* sabrina christiane (p. 16–17): branco com os polígonos azul-ardósia nas margens */
  .rl-art[data-tema="sabrina"]{background:#fff;color:#1B1B1B}
  /* as formas ardósia ficam fora da caixa do texto, como as pretas da fnac */
  .rl-art[data-tema="sabrina"]::before{content:"";position:absolute;z-index:0;top:0;right:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 40px));height:560px;background:#728E9B;clip-path:polygon(30% 0,100% 0,100% 100%,0 60%);transform:translateY(calc(var(--p,0) * 50px))}
  .rl-art[data-tema="sabrina"]::after{content:"";position:absolute;z-index:0;bottom:0;left:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 316px + 40px));height:360px;background:#728E9B;clip-path:polygon(0 0,100% 100%,0 100%)}
  .rl-art[data-tema="sabrina"] .rl-pag{color:#5E8192}
  .rl-sabrina-topo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(22px,4vw,56px);align-items:center;margin-bottom:34px;padding-bottom:28px;border-bottom:2px solid #728E9B}
  .rl-sabrina-topo h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1;letter-spacing:-.03em;color:#5E8192;white-space:nowrap}
  .rl-sabrina-topo .rl-lead{color:#1B1B1B;font-weight:700;max-width:56ch}
  .rl-sabrina-retrato{margin:0;width:300px;aspect-ratio:980/850;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);justify-self:end}
  .rl-sabrina-retrato img{width:100%;height:100%;object-fit:cover;display:block}
  .rl-sabrina-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(22px,4vw,56px);align-items:start}
  .rl-sabrina-capa{position:sticky;top:24px;margin:0;display:grid;gap:12px}
  .rl-sabrina-capa img{width:100%;border-radius:4px;box-shadow:0 30px 50px -24px rgba(0,0,0,.6)}
  .rl-sabrina-capa figcaption{font-size:.78rem;color:#5B6468}
  .rl-art[data-tema="sabrina"] .rl-qa dt{color:#1B1B1B}
  .rl-art[data-tema="sabrina"] .rl-qa dd{color:#33302C}
  .rl-sabrina-cita{font-family:var(--font-sans);font-weight:700;font-size:1.25rem;line-height:1.35;color:#3F6F8A;text-align:center;margin:22px 0 !important;padding:0 10px}
  .rl-sabrina-frase{font-family:var(--font-display);font-style:italic;font-size:1.3rem;color:#5E8192;margin:14px 0 !important}

  /* uma pausa na ficção (p. 18): creme, laranja largo e um botão vermelho no canto */
  .rl-art[data-tema="pausa"]{background:#F4EBCA;color:#1B1B1B}
  .rl-art[data-tema="pausa"]::before{content:"";position:absolute;z-index:0;top:-60px;bottom:-60px;left:-70px;width:130px;border-radius:0 70px 70px 0;background:#FF7E44;transform:translateY(calc(var(--p,0) * -60px))}
  .rl-art[data-tema="pausa"]::after{content:"";position:absolute;z-index:0;left:14px;bottom:40px;width:66px;height:66px;border-radius:50%;background:#FB4545;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:30px 4px,30px 4px;background-position:center 26px,center 36px;background-repeat:no-repeat;box-shadow:0 14px 24px -12px rgba(0,0,0,.4)}
  .rl-art[data-tema="pausa"] .rl-pag{color:#F0602A}
  .rl-pausa-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.9rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:.16em;text-transform:uppercase;color:#FF7E44}
  .rl-pausa-livros .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#1B1B1B}
  .rl-pausa-livros .rl-livro .rl-autor{font-family:var(--font-display);font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;color:#7C716A}

  /* livros que cheiram a verão (p. 19): azul-piscina, ondas, bolinhas amarelas */
  .rl-art[data-tema="cheiram"]{background:#00B9E1;color:#fff}
  .rl-cheiram-onda{position:absolute;z-index:0;pointer-events:none;top:-40%;left:-10%;width:120%;height:70%;background:#62BCE2;border-radius:0 0 50% 45%/0 0 40% 36%;opacity:.8;transform:translateY(calc(var(--p,0) * -70px))}
  .rl-cheiram-pontos{position:absolute;z-index:0;pointer-events:none;top:60px;right:2%;width:180px;height:200px;background-image:radial-gradient(circle,#F5D547 11px,transparent 12px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 72%);mask-image:radial-gradient(ellipse at 100% 0,#000 40%,transparent 72%);transform:translateY(calc(var(--p,0) * 80px))}
  .rl-art[data-tema="cheiram"] .rl-pag{color:#F5D547;opacity:1}
  .rl-cheiram-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1;letter-spacing:.02em;color:#fff}
  .rl-cheiram-titulo b{display:block;font-size:clamp(3.2rem,8vw,6.6rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:#F5D547;margin-top:.05em}
  .rl-cheiram-livros .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#fff}
  .rl-cheiram-livros .rl-livro .rl-autor{font-family:var(--font-display);font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;color:#FFF5C2}
  .rl-cheiram-livros .rl-livro p{color:rgba(255,255,255,.92)}
  .rl-cheiram-livros .rl-livro img{box-shadow:0 18px 34px -16px rgba(0,60,90,.7)}

  /* ── bloco A: tablet e telemóvel ── */
  @media (max-width:1000px){
    .rl-poetas-grande,.rl-areia-grande,.rl-sabrina-topo,.rl-sabrina-grid{grid-template-columns:1fr}
    .rl-poetas-forma--2{display:none}
    .rl-celestino-padrao{width:150px}
    .rl-celestino-cabeca{max-width:100%;padding-right:150px}
    .rl-celestino-pe{grid-template-columns:minmax(0,1fr) 150px;align-items:end}
    .rl-celestino-pe .rl-assina{grid-column:1 / -1;margin-bottom:0}
    .rl-verao-cabeca{max-width:100%;padding-right:120px}
    .rl-verao-sorriso{width:90px;right:16px}
    .rl-verao-sol{width:130px}
    .rl-verao-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rl-areia-livros{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rl-sabrina-retrato{width:min(100%,260px);justify-self:start;order:-1}
    .rl-sabrina-capa{position:static;width:200px}
    .rl-art[data-tema="sabrina"]::before{width:34%;height:120px;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
    .rl-art[data-tema="sabrina"]::after{width:30%;height:80px}
    .rl-art[data-tema="pausa"]::before{left:-110px;width:130px}
    .rl-art[data-tema="pausa"]::after{display:none}
    .rl-cheiram-pontos{width:120px;height:120px;top:20px}
    .rl-cheiram-onda{top:-300px;height:520px}
  }
  @media (max-width:640px){
    .rl-areia-livros{grid-template-columns:1fr}
    .rl-areia-livros .rl-livro{grid-template-columns:110px minmax(0,1fr);gap:14px}
    .rl-areia-livros .rl-livro img{width:110px}
    .rl-areia-selo{width:92px;height:92px;font-size:1.3rem;right:-8px}
    .rl-verao-cartoes{grid-template-columns:1fr}
    .rl-verao-cabeca{padding-right:0}
    .rl-verao-sorriso{display:none}
    .rl-verao-sol{width:90px;bottom:10px}
    .rl-celestino-padrao{width:110px}
    .rl-celestino-cabeca{padding-right:0}
    .rl-celestino-pe{grid-template-columns:1fr}
    .rl-celestino-retrato img{max-width:260px}
    .rl-celestino-capa{width:150px}
    .rl-poetas-forma--1{width:200px;height:200px;top:-80px;right:-80px}
    .rl-pausa-titulo{letter-spacing:.08em}
    .rl-art[data-tema="pausa"]::before{left:-120px}
    .rl-celestino-titulo{font-size:1.35rem}
    .rl-verao-cartoes{padding-bottom:110px}
  }

  /* ══════════ BLOCO B ══════════ */
  /* ══════════ bloco B · p. 20–35 ══════════ */

  /* lara afonso: a noite da gala, vermelho e ouro; a fotografia de página
     inteira com o título na vertical, como na p. 20 */
  .rl-art[data-tema="lara"]{background:#9E1319 radial-gradient(120% 80% at 80% 10%,#C4151C,#8E1118 50%,#5E0B10);color:#FFF4EA}
  .rl-lara-fundo{position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/img/revista/ler/ed04/lara-fundo.webp) center/cover no-repeat;opacity:.85;transform:translateY(calc(var(--p,0) * -60px)) scale(1.08)}
  .rl-art[data-tema="lara"] .rl-pag{color:#F5C86A}
  .rl-lara-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(26px,4vw,56px);align-items:start}
  .rl-lara-lado{position:sticky;top:24px;display:flex;gap:18px;align-items:stretch;margin:0}
  .rl-lara-titulo{
    margin:0;writing-mode:vertical-rl;transform:rotate(180deg);
    font-family:var(--font-nav);font-weight:800;text-transform:uppercase;line-height:1;
    font-size:clamp(2.2rem,4vw,3.4rem);letter-spacing:.08em;
    color:transparent;-webkit-text-stroke:1.5px #F5C86A;paint-order:stroke fill;
  }
  .rl-lara-titulo b{display:block;margin-top:.1em;font-size:.42em;letter-spacing:.18em;color:#F5C86A;-webkit-text-stroke:0}
  .rl-lara-foto{flex:1;min-width:0}
  .rl-lara-foto img{border-radius:var(--radius-sm);box-shadow:0 40px 70px -30px rgba(0,0,0,.8)}
  .rl-lara-foto figcaption{color:rgba(255,244,234,.65)}
  .rl-art[data-tema="lara"] .rl-lead{margin-top:0;color:#F6D27A;font-weight:700;font-size:1.12rem;padding-bottom:22px;border-bottom:1px solid rgba(245,200,106,.5)}
  .rl-lara-qa{margin-top:30px;max-width:none}
  .rl-lara-qa dt{color:#F5C86A}
  .rl-lara-qa dd{color:rgba(255,244,234,.92)}
  .rl-app[data-tema-atual="lara"]{--rl-accent:#F5C86A;--rl-nav-bg:rgba(90,10,14,.6);--rl-nav-fg:#FFF4EA;--rl-nav-muted:rgba(255,244,234,.65);--rl-nav-linha:rgba(255,255,255,.14)}
  .rl-app[data-tema-atual="lara"] .rl-lista a.is-ativo{color:#5A0A0E}
  .rl-app[data-tema-atual="lara"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="lara"] .rl-lista a.is-ativo small{color:rgba(90,10,14,.75)}

  /* jornadas da poesia: creme, o bloco laranja do título com os raios,
     a faixa ameixa da edição, e as fotografias em círculo e hexágono */
  .rl-art[data-tema="jornadas"]{background:#F4EBDD;color:var(--ink)}
  .rl-art[data-tema="jornadas"] .rl-pag{color:#5B1535}
  .rl-jornadas-cabeca{display:grid;justify-items:start;margin-bottom:clamp(22px,3vw,36px)}
  .rl-jornadas-bloco{position:relative;overflow:hidden;background:#F26122;padding:26px 40px 22px 92px;border-radius:0 var(--radius-sm) 0 0}
  .rl-jornadas-raios{
    position:absolute;left:-26px;top:-26px;width:120px;height:120px;border-radius:50%;pointer-events:none;
    background:repeating-conic-gradient(from -8deg,#FBEFD9 0 1.6deg,transparent 1.6deg 14deg);
    -webkit-mask:radial-gradient(circle,transparent 34%,#000 36%,#000 60%,transparent 62%);mask:radial-gradient(circle,transparent 34%,#000 36%,#000 60%,transparent 62%);
    opacity:.9;animation:rlJornadasRoda 40s linear infinite;
  }
  @keyframes rlJornadasRoda{to{transform:rotate(360deg)}}
  .rl-jornadas-titulo{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:.92;letter-spacing:-.02em;color:#FBEFD9;white-space:nowrap}
  .rl-jornadas-titulo small{font-size:.42em;font-style:italic;font-weight:400;letter-spacing:0;vertical-align:.5em}
  .rl-jornadas-edicao{margin:0;display:inline-block;background:#5B1535;color:#F26122;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:.02em;padding:10px 40px 12px 40px;border-radius:0 0 var(--radius-sm) 0}
  .rl-jornadas-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
  .rl-jornadas-texto{line-height:1.65}
  .rl-jornadas-texto .rl-lead{margin-top:0;font-weight:700;font-size:1.12rem;color:#1E1A17;max-width:none}
  .rl-jornadas-texto p{margin:0 0 1em}
  .rl-jornadas-texto .rl-lead+.rl-jornadas-cabaco+p{margin-top:22px}
  .rl-jornadas-forte{font-weight:700}
  .rl-jornadas-cabaco{float:left;width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:26px 22px 6px 0;shape-outside:circle(50% at 50% 50%);display:block}
  .rl-jornadas-cabaco img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;box-shadow:none}
  .rl-jornadas-cabaco figcaption{position:absolute;left:-999px}
  .rl-jornadas-fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;position:sticky;top:24px}
  .rl-jornadas-plateia{grid-column:1 / -1}
  .rl-jornadas-plateia img{aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 30px 60px -30px rgba(91,21,53,.6)}
  .rl-jornadas-orador img{aspect-ratio:1;object-fit:cover;border-radius:0;box-shadow:none;clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%)}
  .rl-jornadas-capa{align-self:center;width:72%;justify-self:center}
  .rl-jornadas-capa img{border-radius:3px;box-shadow:var(--shadow-book);transform:rotate(3deg)}
  .rl-jornadas-capa:hover img{transform:rotate(3deg) scale(1.025)}
  .rl-jornadas-podio{grid-column:1 / -1}
  .rl-jornadas-fotos figcaption{color:#5B1535;opacity:.8}
  .rl-app[data-tema-atual="jornadas"]{--rl-accent:#F26122}

  /* p. 23: os dois anúncios são ao baixo, cabem mais largos */
  .rl-pub-rascunhos img{max-width:820px}

  /* que destino literário: creme, azul-marinho e coral, o avião e o
     tracejado da rota, e um cartão de cor por autor com o retrato redondo */
  .rl-art[data-tema="destinos"]{background:#F8EFE0;color:#1E2748}
  .rl-art[data-tema="destinos"]::before{content:"";position:absolute;z-index:0;top:-150px;right:-130px;width:460px;height:460px;border:4px dashed #1FB5A3;border-radius:50%;opacity:.75;pointer-events:none;transform:rotate(calc(var(--p,0) * 40deg))}
  .rl-art[data-tema="destinos"]::after{content:"";position:absolute;z-index:0;bottom:-120px;left:-120px;width:300px;height:300px;border:4px dashed #1FB5A3;border-radius:50%;opacity:.6;pointer-events:none}
  .rl-art[data-tema="destinos"] .rl-pag{color:#E8604A}
  .rl-destinos-topo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,48px);align-items:start;margin-bottom:clamp(26px,3.5vw,44px)}
  .rl-destinos-titulo{margin:0;font-family:var(--font-nav);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,4.8vw,3.9rem);line-height:.95;letter-spacing:-.02em;color:#1E2748;white-space:nowrap}
  .rl-destinos-titulo b{display:block;margin-top:.12em;font-family:var(--font-display);font-weight:700;text-transform:none;letter-spacing:-.02em;font-size:.8em;line-height:1;color:#E8604A}
  .rl-destinos-lado{display:grid;justify-items:end;gap:10px;padding-top:6px}
  .rl-destinos-aviao{width:clamp(64px,8vw,110px);height:auto;fill:#1E2748;transform:rotate(-12deg) translateX(calc(var(--p,0) * -80px));transition:transform .2s linear}
  .rl-destinos-mote{margin:0;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.08rem;line-height:1.45;color:#1E2748;text-align:right;max-width:34ch}
  .rl-destinos-lista{display:grid;gap:clamp(26px,3vw,40px);padding-right:70px}
  .rl-destinos-autor h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:-.02em;color:#E8604A}
  .rl-destinos-obra{margin:2px 0 0;font-family:var(--font-display);font-style:italic;font-size:1rem;color:#E8604A}
  .rl-destinos-obra b{font-weight:700}
  .rl-destinos-cartao{display:grid;grid-template-columns:minmax(0,1fr) auto 170px;gap:24px;align-items:center;margin-top:14px;padding:26px 30px;border-radius:var(--radius);background:var(--rl-destinos-cor,#BFE3F0)}
  .rl-destinos-autor:nth-child(1) .rl-destinos-cartao{--rl-destinos-cor:#BFE3F0}
  .rl-destinos-autor:nth-child(2) .rl-destinos-cartao{--rl-destinos-cor:#F7CAD5}
  .rl-destinos-autor:nth-child(3) .rl-destinos-cartao{--rl-destinos-cor:#FBE3A8}
  .rl-destinos-resposta{line-height:1.6;color:#1E1A17}
  .rl-destinos-resposta p{margin:0 0 .8em}
  .rl-destinos-resposta p:last-child{margin-bottom:0}
  .rl-destinos-resposta b{font-weight:700}
  .rl-destinos-capas{display:flex;gap:10px;align-items:center}
  .rl-destinos-capas .rl-foto{width:104px}
  .rl-destinos-capas img{border-radius:3px;box-shadow:var(--shadow-book)}
  .rl-destinos-retrato{width:170px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-right:-100px;box-shadow:0 24px 40px -22px rgba(30,39,72,.6);background:#fff}
  .rl-destinos-retrato img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0;box-shadow:none}
  .rl-app[data-tema-atual="destinos"]{--rl-accent:#E8604A}

  /* 1 ano de meialonga: amarelo, raios vermelhos nos cantos, o balão do
     título, o caderno branco com os números em grande e as rubricas */
  .rl-art[data-tema="meialonga"]{background:#FFC72C;color:#2B1A05}
  .rl-art[data-tema="meialonga"]::before,.rl-art[data-tema="meialonga"]::after{
    content:"";position:absolute;z-index:0;width:460px;height:460px;border-radius:50%;pointer-events:none;
    background:repeating-conic-gradient(#D7272D 0 7deg,transparent 7deg 22deg);
    -webkit-mask:radial-gradient(circle,transparent 44%,#000 46%);mask:radial-gradient(circle,transparent 44%,#000 46%);
  }
  .rl-art[data-tema="meialonga"]::before{top:-200px;right:-200px;transform:rotate(calc(var(--p,0) * 30deg))}
  .rl-art[data-tema="meialonga"]::after{bottom:-240px;left:-240px;transform:rotate(calc(var(--p,0) * -30deg))}
  .rl-art[data-tema="meialonga"] .rl-pag{color:#D7272D}
  .rl-meialonga-cabeca{display:grid;justify-items:start}
  .rl-meialonga-balao{position:relative;display:inline-block;background:#fff;border:3px solid #D7272D;border-radius:34px;padding:20px 40px 18px;margin:8px 0 0 28px;transform:rotate(-2deg);box-shadow:0 20px 40px -24px rgba(90,31,94,.5)}
  .rl-meialonga-balao::before{content:"";position:absolute;left:-30px;bottom:18px;border:16px solid transparent;border-right:22px solid #D7272D;border-left:0}
  .rl-meialonga-balao::after{content:"";position:absolute;left:-23px;bottom:22px;border:12px solid transparent;border-right:18px solid #fff;border-left:0}
  .rl-meialonga-titulo{margin:0;font-family:var(--font-nav);font-weight:800;text-transform:uppercase;color:#D7272D;line-height:.95;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:.04em;white-space:nowrap}
  .rl-meialonga-titulo b{display:block;font-size:2.3em;letter-spacing:.02em;text-shadow:3px 3px 0 #FFD54F}
  .rl-meialonga-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:10px}
  .rl-meialonga-caderno{position:relative;background:#fff;border-radius:var(--radius);padding:36px 36px 36px 60px;box-shadow:var(--shadow-md);transform:rotate(-1.2deg)}
  .rl-meialonga-caderno::before{content:"";position:absolute;left:14px;top:34px;bottom:34px;width:22px;background:radial-gradient(circle at 11px 11px,#5A1F5E 0 5px,#FFD54F 5.5px 8px,transparent 8.5px) 0 0/22px 40px repeat-y}
  .rl-meialonga-numeros{list-style:none;margin:0;padding:0;display:grid;gap:28px}
  .rl-meialonga-numeros li{display:block}
  .rl-meialonga-numeros small{display:block;font-family:var(--font-nav);font-weight:800;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;color:#5A1F5E;margin-bottom:4px}
  .rl-meialonga-numeros b{display:inline-block;font-family:var(--font-hand);font-weight:700;font-size:clamp(2.8rem,5vw,4.4rem);line-height:1;color:#D7272D;margin-right:.18em;vertical-align:baseline}
  .rl-meialonga-numeros em,.rl-meialonga-numeros span{font-family:var(--font-hand);font-style:normal;font-weight:600;font-size:clamp(1.4rem,2vw,1.8rem);color:#D7272D}
  .rl-meialonga-numeros em{margin-right:.3em}
  .rl-meialonga-lado{display:grid;gap:18px;position:sticky;top:24px}
  .rl-meialonga-feira{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
  .rl-meialonga-feira img{aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 24px 40px -24px rgba(90,31,94,.6)}
  .rl-meialonga-feira .rl-foto:nth-child(2){margin-top:34px}
  .rl-meialonga-feira figcaption{color:#5A1F5E;opacity:.85}
  .rl-meialonga-insta{margin:0;display:grid;gap:8px;justify-items:end}
  .rl-meialonga-insta img{width:100%;height:auto;border-radius:14px;box-shadow:var(--shadow-sm);transform:rotate(1.5deg)}
  .rl-meialonga-insta figcaption{display:inline-block;background:#D7272D;color:#fff;font-family:var(--font-hand);font-weight:700;font-size:1.3rem;padding:2px 16px 4px;border-radius:999px;transform:rotate(-2deg)}
  .rl-meialonga-rubricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px;margin-top:clamp(28px,4vw,48px);align-items:end}
  .rl-meialonga-rubricas img{border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 20px rgba(90,31,94,.35))}
  .rl-meialonga-rubricas .rl-foto:nth-child(odd) img{transform:rotate(-2deg)}
  .rl-meialonga-rubricas .rl-foto:nth-child(even) img{transform:rotate(2deg)}
  .rl-meialonga-rubricas .rl-foto:hover img{transform:scale(1.03)}
  .rl-meialonga-rubricas figcaption{font-family:var(--font-nav);font-weight:700;font-size:.74rem;color:#5A1F5E;opacity:1;text-align:center}
  .rl-app[data-tema-atual="meialonga"]{--rl-accent:#D7272D}

  /* grandes autores: branco, os dois retratos com as etiquetas lisboa/porto,
     o laranja do título, e as respostas a azul (JF) e vinho (TB) */
  .rl-art[data-tema="original"]{background:#fff;color:var(--ink)}
  .rl-art[data-tema="original"] .rl-pag{color:#F26A22}
  .rl-original-topo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,3vw,36px);align-items:end;margin-bottom:clamp(22px,3vw,36px)}
  .rl-original-pessoa{margin:0;position:relative}
  .rl-original-pessoa img{width:100%;height:auto;display:block}
  .rl-original-pessoa--tiago img{aspect-ratio:1;object-fit:cover;object-position:top;border-radius:50%;max-width:440px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
  .rl-original-pessoa figcaption{position:absolute;left:0;bottom:30px;display:grid;justify-items:start;gap:0}
  .rl-original-pessoa figcaption small{display:inline-block;background:#B0191F;color:#fff;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px 3px}
  .rl-original-pessoa figcaption b{display:inline-block;background:#7A1230;color:#fff;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em;padding:5px 16px 8px}
  .rl-original-pessoa--jessica figcaption{left:auto;right:0;bottom:40px;justify-items:end}
  .rl-original-pessoa--jessica figcaption small{background:#2A5BC4}
  .rl-original-pessoa--jessica figcaption b{background:#1D3F8F}
  .rl-original-sobre{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.01em;color:#F26A22;line-height:1}
  .rl-original-titulo{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2rem,5vw,4.2rem);line-height:.95;letter-spacing:-.02em;color:#F26A22;margin-top:8px;white-space:nowrap}
  .rl-art[data-tema="original"] .rl-lead{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:1.15rem;color:#1D2340;max-width:none}
  .rl-original-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,4vw,56px);align-items:start;margin-top:30px}
  .rl-original-qa{max-width:none}
  .rl-original-qa dt{color:#16120F}
  .rl-original-qa dd p{margin:10px 0 0}
  .rl-original-qa dd p b{display:inline-block;font-family:var(--font-nav);font-weight:800;font-size:.72em;letter-spacing:.08em;line-height:1.5;padding:0 .45em;margin-right:.45em;border:1.5px solid currentColor;border-radius:6px;vertical-align:.12em}
  .rl-original-jf{color:#1D4FA3}
  .rl-original-tb{color:#7A1230}
  .rl-original-leitura{position:sticky;top:24px}
  .rl-original-leitura img{border-radius:0;box-shadow:none}
  .rl-original-leitura figcaption{color:#7A1230}
  .rl-app[data-tema-atual="original"]{--rl-accent:#F26A22}

  /* citações dos nossos livros: azul-turquesa, o título branco à direita,
     caixas de contorno branco com as aspas em grande e a capa a sair por baixo */
  .rl-art[data-tema="citacoes"]{background:#12AFCF;color:#fff}
  .rl-art[data-tema="citacoes"]::before{content:"";position:absolute;z-index:0;inset:14px;border:1.5px solid rgba(255,255,255,.35);border-radius:4px;pointer-events:none}
  .rl-art[data-tema="citacoes"] .rl-pag{color:#fff}
  .rl-citacoes-cabeca{display:grid;justify-items:end;gap:14px}
  .rl-citacoes-titulo{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(2.4rem,6.4vw,5.2rem);line-height:.9;letter-spacing:-.02em;color:#fff;text-align:right;white-space:nowrap}
  .rl-citacoes-pincelada{display:block;width:min(60%,420px);height:12px;background:#0E3F8A;border-radius:8px 2px 10px 3px;transform:rotate(-1.2deg);opacity:.9}
  .rl-citacoes-grelha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,40px) clamp(28px,4vw,48px)}
  .rl-citacoes-item{display:grid;gap:0}
  .rl-citacoes-caixa{position:relative;margin:30px 0 0;border:2px solid #fff;border-radius:0 18px 18px 18px;padding:34px 26px 34px 30px}
  .rl-citacoes-caixa::before{content:"\201C";position:absolute;left:-10px;top:-56px;height:56px;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:6rem;line-height:1.05;color:#fff;background:#12AFCF;padding:0 8px 0 4px}
  .rl-citacoes-caixa p{margin:0;font-weight:700;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.5;color:#13285A}
  .rl-citacoes-caixa footer{margin-top:14px;font-style:italic;font-size:.88rem;line-height:1.4;color:#fff;text-align:right;padding-left:120px}
  .rl-citacoes-caixa cite{font-style:italic;font-weight:600}
  .rl-citacoes-capa{width:130px;margin:-34px 0 0 20px;position:relative;z-index:1}
  .rl-citacoes-capa img{border-radius:3px;box-shadow:0 24px 40px -20px rgba(0,0,0,.6)}
  .rl-app[data-tema-atual="citacoes"]{--rl-accent:#12AFCF}

  /* sónia teixeira: branco com as formas bege nos cantos, o castanho do
     título, o retrato em hexágono e a capa inclinada; perguntas em colunas */
  .rl-art[data-tema="sonia"]{background:#fff;color:var(--ink)}
  .rl-art[data-tema="sonia"]::before{content:"";position:absolute;z-index:0;left:0;top:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 316px));height:240px;background:#F3DDB8;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
  .rl-art[data-tema="sonia"]::after{content:"";position:absolute;z-index:0;right:0;bottom:0;width:max(0px,calc((100% - 1040px - 316px) / 2 + 40px));height:55%;background:#F3DDB8;clip-path:polygon(100% 0,100% 100%,0 100%,55% 45%);pointer-events:none}
  .rl-art[data-tema="sonia"] .rl-pag{color:#8B5A2B}
  .rl-sonia-topo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(22px,4vw,56px);align-items:center;margin-bottom:clamp(22px,3vw,36px)}
  .rl-sonia-cabeca{margin:0}
  .rl-sonia-titulo{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,5.4vw,4.4rem);letter-spacing:-.03em;line-height:1;color:#8B5A2B;white-space:nowrap}
  .rl-art[data-tema="sonia"] .rl-lead{font-weight:700;font-size:1.02rem;color:#241D18;padding-bottom:22px;border-bottom:1.5px solid #8B5A2B;max-width:none}
  .rl-sonia-fotos{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:center}
  .rl-sonia-retrato img{aspect-ratio:1;object-fit:cover;object-position:top;border-radius:0;box-shadow:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
  .rl-sonia-capa{margin-left:-36px;position:relative;z-index:1;justify-items:center;text-align:center}
  .rl-sonia-capa img{border-radius:3px;box-shadow:0 30px 50px -24px rgba(0,0,0,.6);transform:rotate(5deg)}
  .rl-sonia-capa:hover img{transform:rotate(5deg) scale(1.025)}
  .rl-sonia-capa figcaption{color:#8B5A2B;font-family:var(--font-display);font-style:italic;opacity:1;margin-top:6px}
  .rl-sonia-qa{display:block;max-width:none;columns:2;column-gap:44px;margin-top:30px}
  .rl-sonia-qa>div{break-inside:avoid;margin-bottom:26px}
  .rl-sonia-qa dt{color:#16120F}
  .rl-sonia-citacao{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.3;letter-spacing:-.015em;color:#8B5A2B;text-align:center;padding:4px 12px}
  .rl-app[data-tema-atual="sonia"]{--rl-accent:#8B5A2B}

  /* ── bloco B · tablet e telemóvel ── */
  @media (max-width:1000px){
    .rl-lara-grid,.rl-jornadas-grid,.rl-destinos-topo,.rl-meialonga-grid,.rl-original-topo,.rl-original-grid,.rl-sonia-topo{grid-template-columns:1fr}
    .rl-lara-lado,.rl-jornadas-fotos,.rl-meialonga-lado,.rl-original-leitura{position:static}
    .rl-lara-lado{flex-direction:column;gap:14px}
    .rl-lara-titulo{writing-mode:horizontal-tb;transform:none;font-size:clamp(2.4rem,9vw,3.6rem)}
    .rl-lara-foto{max-width:520px}
    .rl-jornadas-bloco{padding-left:70px}
    .rl-jornadas-raios{width:90px;height:90px;left:-20px;top:-20px}
    .rl-destinos-lado{justify-items:start}
    .rl-destinos-mote{text-align:left}
    .rl-destinos-lista{padding-right:0}
    .rl-destinos-cartao{grid-template-columns:minmax(0,1fr);gap:18px}
    .rl-destinos-retrato{margin-right:0;width:130px;order:-1}
    .rl-art[data-tema="destinos"]::before{width:300px;height:300px;top:-120px;right:-120px}
    .rl-meialonga-rubricas{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rl-art[data-tema="meialonga"]::before,.rl-art[data-tema="meialonga"]::after{width:300px;height:300px}
    .rl-art[data-tema="meialonga"]::before{top:-140px;right:-140px}
    .rl-art[data-tema="meialonga"]::after{bottom:-160px;left:-160px}
    .rl-original-pessoa--tiago img{max-width:320px}
    .rl-original-leitura{max-width:360px}
    .rl-citacoes-grelha{grid-template-columns:1fr}
    .rl-sonia-fotos{max-width:520px}
    .rl-sonia-qa{columns:1}
    .rl-art[data-tema="sonia"]::before{width:40%;height:90px}
    .rl-art[data-tema="sonia"]::after{width:24%;height:30%}
  }
  @media (max-width:640px){
    .rl-lara-titulo{font-size:2.2rem}
    .rl-jornadas-bloco{padding:20px 22px 16px 60px}
    .rl-jornadas-fotos{grid-template-columns:1fr}
    .rl-jornadas-plateia,.rl-jornadas-podio{grid-column:auto}
    .rl-jornadas-capa{width:60%}
    .rl-jornadas-cabaco{width:110px;margin-top:14px}
    .rl-destinos-cartao{padding:20px}
    .rl-destinos-capas .rl-foto{width:84px}
    .rl-meialonga-balao{margin-left:18px;padding:16px 24px 14px}
    .rl-meialonga-caderno{padding:26px 22px 26px 48px}
    .rl-meialonga-rubricas{gap:12px}
    .rl-original-pessoa--tiago img{max-width:240px}
    .rl-citacoes-caixa{padding:30px 20px 30px 22px}
    .rl-citacoes-caixa footer{padding-left:0}
    .rl-citacoes-capa{width:110px}
    .rl-sonia-capa{margin-left:-20px}
  }

  /* ══════════ BLOCO C ══════════ */
  /* ══════════ BLOCO C — p. 40–57 e contracapa ══════════ */

  /* inesinha estelar: céu turquesa com pipocas, relva e a família do livro ao fundo */
  .rl-app[data-tema-atual="inesinha"]{--rl-accent:#E8702F}
  .rl-art[data-tema="inesinha"]{background:linear-gradient(180deg,#5CC9D2 0%,#A9E2E6 26%,#fff 58%);color:#1D2A2C}
  .rl-inesinha-ceu{position:absolute;z-index:0;left:0;right:0;top:0;height:min(56vw,720px);pointer-events:none;background:url(/img/revista/ler/ed04/inesinha-ceu.webp) center top/cover no-repeat;opacity:.85;transform:translateY(calc(var(--p,0) * -40px))}
  .rl-inesinha-pipocas{position:absolute;z-index:0;top:10px;right:0;width:min(30vw,420px);aspect-ratio:1045/912;pointer-events:none;background:url(/img/revista/ler/ed04/inesinha-pipocas.webp) right top/contain no-repeat;opacity:.9;transform:translateY(calc(var(--p,0) * -70px))}
  .rl-art[data-tema="inesinha"] .rl-pag{color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,60,70,.35)}
  .rl-art[data-tema="inesinha"] .rl-cabeca{max-width:64%}
  .rl-inesinha-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.8rem,6.6vw,5.4rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:#fff;text-shadow:0 4px 18px rgba(0,80,90,.25)}
  .rl-art[data-tema="inesinha"] .rl-lead{color:#143B40;font-weight:700;max-width:none}
  .rl-inesinha-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(22px,4vw,56px);align-items:start}
  .rl-art[data-tema="inesinha"] .rl-qa dt{color:#E8702F}
  .rl-art[data-tema="inesinha"] .rl-qa dd{color:#243437}
  .rl-inesinha-lado{position:sticky;top:24px}
  .rl-inesinha-lado .rl-capa{margin:0;display:grid;gap:12px;justify-items:center;text-align:center;padding:18px;background:rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
  .rl-inesinha-lado .rl-capa img{width:100%;border-radius:4px;box-shadow:0 30px 50px -24px rgba(0,60,70,.6);transform:rotate(3deg)}
  .rl-inesinha-lado .rl-capa figcaption{font-family:var(--font-display);font-style:italic;font-size:1rem;color:#143B40}
  .rl-inesinha-lado .rl-capa figcaption b{display:block;font-style:normal;font-family:var(--font-nav);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E8702F;margin-top:4px}
  /* a relva: o bloco tem altura fixa; a colina (imagem) e o verde liso ficam por trás, de ponta a ponta */
  .rl-inesinha-relva{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(16px,4vw,48px);height:clamp(300px,34vw,460px);margin-top:clamp(30px,5vw,60px);margin-bottom:calc(-1 * clamp(56px,7vw,100px))}
  .rl-inesinha-relva::before{content:"";position:absolute;z-index:-1;left:50%;top:0;bottom:0;width:200vw;transform:translateX(-50%);pointer-events:none;background:url(/img/revista/ler/ed04/inesinha-relva.webp) center top/140vw auto no-repeat,linear-gradient(#79B646,#79B646) center 23vw/100% 100% no-repeat}
  .rl-inesinha-relva figure{margin:0;height:100%;min-height:0;display:grid;align-content:end;justify-items:center}
  .rl-inesinha-relva img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 20px 20px rgba(0,50,20,.3))}
  .rl-inesinha-retrato img{max-width:min(100%,320px)}
  .rl-inesinha-familia img{max-width:min(100%,480px)}

  /* aprender não é só na escola: papel quadriculado, rabiscos nos cantos, nove capas */
  .rl-app[data-tema-atual="aprender"]{--rl-accent:#D9433B}
  .rl-art[data-tema="aprender"]{background-color:#FDEAD7;background-image:linear-gradient(rgba(214,100,60,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(214,100,60,.1) 1px,transparent 1px);background-size:64px 64px;color:#2B1F17}
  .rl-aprender-deco{position:absolute;z-index:0;pointer-events:none}
  .rl-aprender-deco img{width:100%;height:auto;display:block}
  .rl-aprender-deco--lampada{top:30px;right:max(24px,calc((100% - 1040px - 316px) / 2 + 60px));width:clamp(90px,10vw,150px);transform:translateY(calc(var(--p,0) * -40px))}
  .rl-aprender-deco--caderno{top:200px;right:-30px;width:clamp(90px,9vw,130px);transform:rotate(calc(var(--p,0) * 8deg))}
  .rl-aprender-deco--lapis{bottom:40px;right:max(24px,calc((100% - 1040px - 316px) / 2 + 240px));width:140px;transform:rotate(-20deg)}
  .rl-aprender-deco--globo{bottom:-6px;right:max(24px,calc((100% - 1040px - 316px) / 2 + 20px));width:clamp(120px,14vw,190px)}
  .rl-art[data-tema="aprender"] .rl-pag{color:#D9433B}
  .rl-art[data-tema="aprender"] .rl-cabeca{max-width:62%;min-height:380px;padding-bottom:18px;border-bottom:3px solid #1F4E6E}
  .rl-aprender-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(3rem,7.4vw,6rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;color:#D9433B}
  .rl-aprender-titulo small{display:block;font-family:var(--font-nav);font-weight:700;font-size:.6em;letter-spacing:.01em;text-transform:none;color:#3BAA5C;line-height:1.05;margin-top:.12em}
  .rl-art[data-tema="aprender"] .rl-livros{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;padding-bottom:160px}
  .rl-art[data-tema="aprender"] .rl-livro{grid-template-columns:1fr;gap:14px}
  .rl-art[data-tema="aprender"] .rl-livro img{width:100%;max-width:260px;border-radius:6px;box-shadow:var(--shadow-book);background:#fff}
  .rl-art[data-tema="aprender"] .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:#D9433B}
  .rl-art[data-tema="aprender"] .rl-livro .rl-autor{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:0;text-transform:none;color:#2B1F17;margin-top:4px}
  .rl-art[data-tema="aprender"] .rl-livro p{color:#3B2F27;font-size:.9rem}

  /* as estantes dos autores: terracota com arcos de creme, retratos e capas */
  .rl-app[data-tema-atual="estantes"]{--rl-accent:#B5482A}
  .rl-art[data-tema="estantes"]{background:#D8754B;color:#2B1A12}
  .rl-art[data-tema="estantes"] .rl-pag{color:#FBD9B0}
  .rl-art[data-tema="estantes"] .rl-cabeca{text-align:center;padding-bottom:20px;border-bottom:2px solid #FBD9B0}
  .rl-estantes-titulo{font-family:var(--font-hand);font-weight:600;font-size:clamp(2.4rem,5vw,4rem);line-height:1;color:#FBD9B0;letter-spacing:0;white-space:nowrap}
  .rl-estantes-titulo b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:#F7C26D;margin-top:-.08em}
  .rl-art[data-tema="estantes"] .rl-lead{margin:18px auto 0;max-width:none;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:#7A2E1E}
  .rl-estantes-grelha{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:34px}
  .rl-estantes-autor{background:#FBD9B0;border-radius:200px 200px var(--radius) var(--radius);padding:30px clamp(20px,3vw,34px) 30px;text-align:center}
  .rl-estantes-topo{position:relative;height:240px;margin:0 auto 10px;max-width:360px}
  .rl-estantes-topo img{position:absolute;display:block;box-shadow:var(--shadow-md)}
  .rl-estantes-foto{left:6%;top:26px;width:44%;aspect-ratio:1;object-fit:cover;object-position:top;border:8px solid #fff;transform:rotate(-4deg)}
  .rl-estantes-capa{right:8%;top:0;width:34%;height:auto;border-radius:3px;transform:rotate(5deg)}
  .rl-estantes-autor:nth-child(even) .rl-estantes-foto{left:auto;right:6%;transform:rotate(3deg)}
  .rl-estantes-autor:nth-child(even) .rl-estantes-capa{right:auto;left:8%;transform:rotate(-5deg)}
  .rl-estantes-autor h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.02em;color:#B5482A}
  .rl-estantes-autor .rl-sub{margin-top:4px;font-family:var(--font-display);font-weight:700;font-size:.98rem;color:#B5482A}
  .rl-estantes-texto{margin-top:16px;text-align:left;font-size:.93rem;line-height:1.6;color:#2B1A12}
  .rl-estantes-ler{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
  .rl-estantes-ler>div{display:grid;gap:10px;justify-items:center;align-content:start}
  .rl-estantes-ler b{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:#B5482A}
  .rl-estantes-ler .rl-foto{display:block}
  .rl-estantes-ler .rl-foto img{width:100px;border-radius:3px;box-shadow:var(--shadow-book)}

  /* mistério na cordel: vermelho profundo, ouro, fotografias redondas */
  .rl-app[data-tema-atual="mundial"]{--rl-accent:#F2D27A;--rl-nav-bg:rgba(90,10,20,.62);--rl-nav-fg:#FFF4EA;--rl-nav-muted:rgba(255,244,234,.65);--rl-nav-linha:rgba(255,255,255,.14)}
  .rl-app[data-tema-atual="mundial"] .rl-lista a.is-ativo{color:#5A0A0E}
  .rl-app[data-tema-atual="mundial"] .rl-lista a.is-ativo i,.rl-app[data-tema-atual="mundial"] .rl-lista a.is-ativo small{color:rgba(90,10,14,.75)}
  .rl-art[data-tema="mundial"]{background:radial-gradient(120% 80% at 10% 0%,#C4232F 0%,#A01823 45%,#6E0D14 100%);color:#FBEFE6}
  .rl-mundial-linhas{position:absolute;z-index:0;inset:auto 0 0 0;height:50%;pointer-events:none;opacity:.35;background:repeating-linear-gradient(135deg,transparent 0 46px,rgba(242,210,122,.22) 46px 47px);-webkit-mask-image:linear-gradient(0deg,#000,transparent);mask-image:linear-gradient(0deg,#000,transparent)}
  .rl-art[data-tema="mundial"] .rl-pag{color:#F2D27A}
  .rl-mundial-titulo{font-family:var(--font-display);font-weight:600;font-size:clamp(2.8rem,6.6vw,5.4rem);line-height:.92;letter-spacing:-.02em;white-space:nowrap;color:#EFC76A;text-shadow:0 2px 0 rgba(120,80,10,.35),0 14px 30px rgba(0,0,0,.35)}
  .rl-mundial-titulo small{display:block;font-family:var(--font-hand);font-weight:600;font-size:.52em;letter-spacing:0;color:#FBEFE6;margin-top:.2em;text-shadow:none}
  .rl-mundial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}
  .rl-art[data-tema="mundial"] .rl-lead{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:#FFE3A3;max-width:none;margin:0 0 20px}
  .rl-art[data-tema="mundial"] .rl-texto{columns:1;color:rgba(251,239,230,.92)}
  .rl-mundial-parceiro{margin:26px 0;text-align:center;letter-spacing:.3em;text-transform:uppercase;font-family:var(--font-display);font-weight:300;font-size:1.5rem;color:#fff;line-height:1.2}
  .rl-mundial-parceiro small{display:block;font-size:.55em;letter-spacing:.2em;color:#F2D27A;margin-top:4px}
  .rl-art[data-tema="mundial"] .rl-destaque{color:#FFE3A3;margin:20px 0}
  .rl-mundial-capas{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;max-width:360px}
  .rl-mundial-capas .rl-foto img{border-radius:3px;box-shadow:0 24px 40px -20px rgba(0,0,0,.8)}
  .rl-mundial-capas figcaption{color:rgba(251,239,230,.75)}
  .rl-mundial-fotos{display:grid;gap:18px;position:sticky;top:24px}
  .rl-mundial-fotos .rl-foto img{border-radius:var(--radius-sm);box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
  /* a fotografia da sala vem da página com o vermelho a dissolver-se à esquerda e em baixo: funde-se com o fundo */
  .rl-mundial-fotos>.rl-foto:first-child img{border-radius:0;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(0deg,transparent,#000 40%);-webkit-mask-composite:source-in;mask-composite:intersect}
  .rl-mundial-fotos figcaption{color:rgba(251,239,230,.75)}
  .rl-mundial-redondas{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .rl-mundial-redondas .rl-foto img{border-radius:50%;aspect-ratio:1;object-fit:cover;border:4px solid rgba(242,210,122,.6)}
  .rl-mundial-redondas figcaption{text-align:center}

  /* o escritor é leitor: creme, manias à esquerda, prazeres à direita, uma seta entre eles */
  .rl-app[data-tema-atual="leitor"]{--rl-accent:#1F3A5F}
  .rl-art[data-tema="leitor"]{background:#FBEFD2;color:#1F2A33}
  .rl-art[data-tema="leitor"] .rl-pag{color:#1F3A5F}
  .rl-art[data-tema="leitor"] .rl-cabeca{text-align:center;margin-bottom:10px}
  .rl-leitor-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.8rem,5.6vw,4.4rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:#1F3A5F}
  .rl-art[data-tema="leitor"] .rl-lead{margin:14px auto 0;max-width:48ch;font-family:var(--font-display);font-weight:700;font-size:1rem;color:#5B3A1E}
  .rl-leitor-rotulos,.rl-leitor-lista li{display:grid;grid-template-columns:210px minmax(0,1fr) 48px minmax(0,1fr);gap:20px;align-items:center}
  .rl-leitor-rotulos{margin:10px 0 6px}
  .rl-leitor-rotulos span{font-family:'Caveat Brush','Caveat',cursive;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1;color:#fff;text-align:center;padding:.12em .6em;border-radius:46% 54% 50% 50%/62% 40% 60% 38%;transform:rotate(-1.5deg)}
  .rl-leitor-pp{grid-column:2;background:#E57A5A}
  .rl-leitor-gp{grid-column:4;background:#4E9A8A;transform:rotate(1.5deg)}
  .rl-leitor-lista{list-style:none;margin:0;padding:0}
  .rl-leitor-lista li{padding:18px 0;border-top:1px solid rgba(31,58,95,.14)}
  .rl-leitor-lista li:first-child{border-top:0}
  .rl-leitor-autor{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center}
  .rl-leitor-autor img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:top;background:#EAD8B3;box-shadow:var(--shadow-sm)}
  .rl-leitor-autor b{font-family:var(--font-display);font-weight:700;font-size:1.02rem;line-height:1.15;color:#1F3A5F}
  .rl-leitor-lista p{margin:0;text-align:center;font-weight:600;font-size:.95rem;line-height:1.45}
  .rl-leitor-lista p small{display:none}
  .rl-leitor-seta{display:block;width:48px;color:#1F2A33}
  .rl-leitor-seta svg{width:100%;height:auto;display:block}

  /* autores e as suas segundas obras: papel rasgado, creme e laranja queimado */
  .rl-app[data-tema-atual="segundas"]{--rl-accent:#D96A3A}
  .rl-art[data-tema="segundas"]{background:#EADFCB;color:#2B1F17}
  .rl-art[data-tema="segundas"] .rl-pag{color:#D96A3A}
  .rl-segundas-topo{position:relative;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr);gap:clamp(20px,4vw,56px);align-items:start}
  /* o papel claro do topo, rasgado em baixo, de ponta a ponta e sempre a acabar depois do texto */
  .rl-segundas-topo::before{content:"";position:absolute;z-index:-1;left:50%;top:-220px;bottom:-60px;width:200vw;transform:translateX(-50%);pointer-events:none;background:#F6EFE2;clip-path:polygon(0 0,100% 0,100% 94%,94% 97%,88% 93%,82% 98%,76% 94%,70% 97%,64% 93%,58% 98%,52% 94%,46% 97%,40% 93%,34% 98%,28% 94%,22% 97%,16% 93%,10% 98%,4% 94%,0 97%)}
  .rl-segundas-papel{margin:0;max-width:280px;transform:rotate(-2deg) translateY(calc(var(--p,0) * -30px))}
  .rl-segundas-papel img{width:100%;display:block;filter:drop-shadow(0 20px 24px rgba(60,30,10,.2))}
  .rl-segundas-topo .rl-cabeca{text-align:right;margin-bottom:0}
  .rl-segundas-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:#3B1F0E}
  .rl-segundas-titulo small{display:block;font-family:var(--font-display);font-weight:700;font-size:.5em;letter-spacing:0;text-transform:none;color:#E0632F;margin:.15em 0}
  .rl-segundas-sub{margin-top:20px;padding-top:16px;border-top:3px solid #E7B35C;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:#3B1F0E}
  .rl-art[data-tema="segundas"] .rl-lead{margin:14px 0 0 auto;font-size:.98rem;max-width:58ch}
  .rl-segundas-h2{margin:clamp(40px,6vw,80px) 0 6px;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;color:#3B1F0E}
  .rl-segundas-lista{display:grid;gap:30px}
  .rl-segundas-autor{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:end;padding:10px 0 28px;border-bottom:2px solid #E7B35C}
  .rl-segundas-autor:nth-child(even){grid-template-columns:minmax(0,1fr) 220px}
  .rl-segundas-autor:nth-child(even)>figure{order:2}
  .rl-segundas-autor>figure{margin:0;align-self:end}
  .rl-segundas-autor>figure img{width:100%;max-width:220px;display:block;filter:drop-shadow(0 16px 16px rgba(60,30,10,.18))}
  .rl-segundas-autor h3{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em;color:#D96A3A}
  .rl-segundas-autor>div>p{margin-top:10px;line-height:1.6;font-size:.97rem}
  .rl-segundas-capas{display:flex;flex-wrap:wrap;gap:16px 14px;margin-top:18px;align-items:flex-end}
  .rl-segundas-capas .rl-foto{display:block;position:relative;width:100px}
  .rl-segundas-capas .rl-foto img{border-radius:3px}
  .rl-segundas-novidade{position:absolute;top:-10px;right:-10px;padding:5px 9px;background:#F6D23A;color:#2B1F17;font-family:var(--font-nav);font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border-radius:3px;box-shadow:var(--shadow-xs)}
  .rl-segundas-nota{width:100px;min-height:100px;display:grid;place-items:center;padding:10px;background:#F6D23A;color:#2B1F17;border-radius:4px;font-family:var(--font-display);font-weight:700;font-size:.9rem;line-height:1.25;text-align:center;margin:0;box-shadow:var(--shadow-xs)}
  .rl-segundas-caixa{margin-top:22px;padding:24px 28px;background:#D96A3A;color:#FBEFE6;border-radius:var(--radius-sm);font-weight:700;font-size:1.02rem;line-height:1.5}

  /* um pouco de portugal: papel do mapa, pincelada verde, nove cidades */
  .rl-app[data-tema-atual="portugal"]{--rl-accent:#2F6E8E}
  .rl-art[data-tema="portugal"]{background:#EAE3D0;color:#1F2A2E}
  .rl-art[data-tema="portugal"]::before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:clamp(320px,36vw,480px);background:#A3C84B;clip-path:polygon(0 0,100% 0,100% 44%,0 90%);transform:translateY(calc(var(--p,0) * -40px))}
  .rl-art[data-tema="portugal"]::after{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:clamp(90px,10vw,150px);background:#5FB08A;clip-path:polygon(0 60%,100% 10%,100% 100%,0 100%)}
  .rl-art[data-tema="portugal"] .rl-pag{color:#1F3A5F}
  .rl-portugal-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#2F6E8E}
  .rl-portugal-titulo b{display:block;font-family:var(--font-hand);font-weight:700;font-size:clamp(4rem,11vw,8.5rem);line-height:.9;letter-spacing:0;text-transform:none;color:#fff;margin-left:-.04em;text-shadow:0 6px 20px rgba(40,80,20,.25)}
  .rl-portugal-sub{margin-top:8px;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:#2F6E8E}
  .rl-art[data-tema="portugal"] .rl-cabeca{margin-bottom:20px}
  .rl-portugal-abre{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr);gap:clamp(20px,4vw,60px);align-items:start}
  .rl-art[data-tema="portugal"] .rl-lead{margin-top:14px;max-width:none;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.55;color:#2B2F2A}
  .rl-portugal-mapa{position:relative;margin:0;max-width:520px;justify-self:end;width:100%}
  .rl-portugal-mapa img{width:100%;height:auto;display:block}
  .rl-portugal-ponto{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1F3A5F;color:#fff;font-family:var(--font-nav);font-weight:800;font-size:1rem;box-shadow:0 10px 18px -8px rgba(0,0,0,.6);transition:transform .3s var(--ease),background .3s ease}
  .rl-portugal-ponto:hover,.rl-portugal-ponto:focus-visible{transform:translate(-50%,-50%) scale(1.2);background:#2F6E8E}
  .rl-portugal-cidades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(28px,4vw,56px);margin-top:clamp(36px,5vw,64px);padding-bottom:clamp(60px,8vw,110px)}
  .rl-portugal-cidade{scroll-margin-top:40px}
  .rl-portugal-cidade header{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:14px}
  .rl-portugal-retrato{position:relative;width:120px;height:120px}
  .rl-portugal-retrato img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;background:#fff;box-shadow:var(--shadow-sm)}
  .rl-portugal-retrato i{position:absolute;top:-4px;right:-10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1F3A5F;color:#fff;font-style:normal;font-family:var(--font-nav);font-weight:800;font-size:1.05rem;box-shadow:0 8px 14px -6px rgba(0,0,0,.5)}
  .rl-portugal-cidade h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3vw,2.4rem);line-height:.95;letter-spacing:-.02em;color:#1F2A2E}
  .rl-portugal-cidade h2 small{display:block;font-size:.48em;font-weight:700;letter-spacing:0;margin-top:.25em}
  .rl-portugal-cidade p{margin:0 0 .8em;font-size:.95rem;line-height:1.62}
  .rl-portugal-cidade p:last-child{margin-bottom:0}

  /* copo de vinho: branco com o brinde a traço, depois o laranja da página 55 */
  .rl-app[data-tema-atual="vinho"]{--rl-accent:#F46D38}
  .rl-art[data-tema="vinho"]{background:#fff;color:#2B2520}
  .rl-vinho-deco{position:absolute;z-index:0;pointer-events:none}
  .rl-vinho-deco img{width:100%;height:auto;display:block}
  .rl-vinho-deco--brinde{top:0;right:0;width:min(56%,760px);opacity:.95;transform:translateY(calc(var(--p,0) * -30px))}
  .rl-vinho-deco--folha{top:-6px;left:0;width:clamp(90px,10vw,150px)}
  .rl-vinho-deco--garrafa{top:clamp(280px,32vw,440px);right:-6px;width:clamp(50px,5vw,76px)}
  .rl-vinho-deco--copo{top:-26px;right:-8px;width:clamp(60px,7vw,100px)}
  .rl-vinho-deco--limao{bottom:-4px;left:calc(316px + 10%);width:clamp(180px,22vw,300px)}
  .rl-vinho-deco--garrafa2{bottom:0;right:-6px;width:clamp(50px,5vw,76px)}
  .rl-art[data-tema="vinho"] .rl-pag{color:#7A1F1A}
  .rl-art[data-tema="vinho"] .rl-cabeca{max-width:48%;min-height:clamp(180px,22vw,320px);display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:10px}
  .rl-vinho-titulo{font-family:var(--font-display);font-weight:300;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.05;letter-spacing:-.02em;white-space:nowrap;color:#2B2520}
  .rl-vinho-titulo b{display:block;font-family:var(--font-sans);font-weight:800;font-size:1.12em;letter-spacing:-.035em;color:#7A1F1A;margin-top:.14em}
  .rl-vinho-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(200px,.8fr);gap:clamp(22px,4vw,56px);align-items:start;padding-right:clamp(40px,6vw,80px)}
  .rl-art[data-tema="vinho"] .rl-vinho-hero .rl-livro{grid-template-columns:1fr;padding-top:10px}
  .rl-vinho-capa{margin:0;max-width:380px;justify-self:center}
  .rl-vinho-capa img{border-radius:4px;box-shadow:var(--shadow-book)}
  .rl-art[data-tema="vinho"] .rl-livros{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px;margin-top:40px}
  .rl-art[data-tema="vinho"] .rl-livro{grid-template-columns:110px minmax(0,1fr)}
  .rl-art[data-tema="vinho"] .rl-livro img{width:110px}
  .rl-art[data-tema="vinho"] .rl-livro h3{font-family:var(--font-display);font-weight:700;font-size:1.06rem}
  .rl-vinho-hero .rl-livro h3{font-size:1.3rem}
  .rl-art[data-tema="vinho"] .rl-livro .rl-autor{font-family:var(--font-display);font-weight:400;font-size:.95rem;letter-spacing:0;text-transform:none;color:#6B625B;margin-top:3px}
  .rl-art[data-tema="vinho"] .rl-livro p{font-size:.9rem}
  .rl-vinho-laranja{position:relative;z-index:1;background:#F46D38;color:#fff;margin-top:clamp(30px,5vw,70px)}
  .rl-vinho-laranja>.rl-miolo{position:relative;z-index:1;max-width:calc(1040px + 316px);margin-inline:auto;padding:clamp(40px,5vw,72px) clamp(22px,5vw,64px) clamp(120px,14vw,170px);padding-left:max(316px,calc(316px + (100% - 1040px - 316px) / 2))}
  .rl-vinho-laranja .rl-livros{margin-top:0;padding-right:clamp(60px,8vw,110px)}
  .rl-vinho-laranja .rl-livro h3{color:#fff}
  .rl-vinho-laranja .rl-livro .rl-autor{color:rgba(255,255,255,.85)}
  .rl-vinho-laranja .rl-livro p{color:#fff}
  .rl-vinho-laranja .rl-livro img{box-shadow:0 18px 34px -16px rgba(80,20,0,.7)}

  /* onde os livros ganham rosto: branco, a ilustração da feira, texto em duas colunas */
  .rl-app[data-tema-atual="feiras"]{--rl-accent:#3E6A8E}
  .rl-art[data-tema="feiras"]{background:#fff;color:#2B2520}
  .rl-feiras-palmeira{position:absolute;z-index:0;top:-10px;right:-24px;width:clamp(120px,16vw,240px);pointer-events:none;transform:translateY(calc(var(--p,0) * 60px))}
  .rl-feiras-palmeira img{width:100%;height:auto;display:block}
  .rl-art[data-tema="feiras"] .rl-pag{color:#3E6A8E}
  .rl-art[data-tema="feiras"] .rl-cabeca{text-align:center;max-width:70%;margin-inline:auto;margin-bottom:20px}
  .rl-feiras-titulo{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.2rem,4.8vw,4rem);line-height:.95;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:#3E6A8E}
  .rl-art[data-tema="feiras"] .rl-lead{margin:16px auto 0;max-width:40ch;font-family:var(--font-display);font-weight:500;font-size:1.15rem;line-height:1.45;color:#2B2520}
  .rl-feiras-ilustracao{margin:10px 0 36px}
  .rl-feiras-ilustracao img{aspect-ratio:16/10;object-fit:cover;object-position:center 62%}
  .rl-feiras-ilustracao figcaption{text-align:center}
  .rl-feiras-texto p:first-child::first-letter{float:left;font-family:var(--font-display);font-weight:700;font-size:4.4em;line-height:.78;margin:.06em .12em 0 0;color:#3E6A8E}
  .rl-art[data-tema="feiras"] .rl-destaque{color:#2E7D6E;text-align:center;max-width:30ch;margin:40px auto}
  .rl-feiras-fim{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:clamp(24px,4vw,56px);align-items:end}
  .rl-feiras-fim .rl-texto{columns:1}
  .rl-feiras-dedicatoria{margin:0;display:grid;gap:8px}
  .rl-feiras-dedicatoria img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 24px rgba(0,0,0,.18))}
  .rl-feiras-dedicatoria figcaption{font-size:.8rem;opacity:.72;text-align:center}

  /* ── bloco C: tablet e telemóvel ── */
  @media (max-width:1000px){
    .rl-inesinha-pipocas{display:none}
    .rl-art[data-tema="inesinha"] .rl-cabeca{max-width:100%}
    .rl-inesinha-grid{grid-template-columns:1fr}
    .rl-inesinha-lado{position:static;max-width:300px}
    .rl-aprender-deco--caderno,.rl-aprender-deco--lapis{display:none}
    .rl-aprender-deco--lampada{width:72px;top:20px;right:18px}
    .rl-aprender-deco--globo{width:120px;right:10px}
    .rl-art[data-tema="aprender"] .rl-cabeca{max-width:100%;min-height:0;padding-right:90px}
    .rl-art[data-tema="aprender"] .rl-livros{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:130px}
    .rl-estantes-grelha{grid-template-columns:1fr}
    .rl-mundial-grid{grid-template-columns:1fr}
    .rl-mundial-fotos{position:static}
    .rl-leitor-rotulos,.rl-leitor-lista li{grid-template-columns:180px minmax(0,1fr) 40px minmax(0,1fr);gap:14px}
    .rl-segundas-topo{grid-template-columns:1fr}
    .rl-segundas-papel{max-width:200px;margin-left:auto}
    .rl-segundas-topo .rl-cabeca{text-align:left}
    .rl-art[data-tema="segundas"] .rl-lead{margin-left:0}
    .rl-segundas-autor,.rl-segundas-autor:nth-child(even){grid-template-columns:160px minmax(0,1fr)}
    .rl-segundas-autor:nth-child(even)>figure{order:0}
    .rl-portugal-abre{grid-template-columns:1fr}
    .rl-portugal-mapa{justify-self:center;max-width:460px}
    .rl-portugal-cidades{grid-template-columns:1fr}
    .rl-art[data-tema="vinho"] .rl-cabeca{max-width:100%;min-height:0;padding-top:clamp(120px,34vw,260px)}
    .rl-vinho-deco--brinde{width:min(80%,520px)}
    .rl-vinho-deco--folha,.rl-vinho-deco--garrafa{display:none}
    .rl-vinho-hero{grid-template-columns:1fr;padding-right:0}
    .rl-vinho-capa{max-width:280px;justify-self:start}
    .rl-art[data-tema="vinho"] .rl-livros{grid-template-columns:1fr}
    .rl-vinho-laranja>.rl-miolo{max-width:1040px;padding-left:clamp(22px,5vw,64px)}
    .rl-vinho-laranja .rl-livros{padding-right:60px}
    .rl-vinho-deco--limao{left:10%}
    .rl-feiras-palmeira{display:none}
    .rl-art[data-tema="feiras"] .rl-cabeca{max-width:100%}
    .rl-feiras-fim{grid-template-columns:1fr}
    .rl-feiras-dedicatoria{max-width:420px}
  }
  @media (max-width:640px){
    .rl-inesinha-relva{grid-template-columns:1fr 1.3fr;gap:10px}
    .rl-art[data-tema="aprender"] .rl-livros{grid-template-columns:1fr}
    .rl-estantes-autor{border-radius:120px 120px var(--radius) var(--radius);padding-inline:16px}
    .rl-estantes-topo{height:200px}
    .rl-mundial-redondas,.rl-mundial-capas{grid-template-columns:1fr 1fr}
    .rl-leitor-rotulos{display:none}
    .rl-leitor-lista li{grid-template-columns:1fr;gap:10px;text-align:left}
    .rl-leitor-lista p{text-align:left;padding-left:10px;border-left:3px solid #E57A5A}
    .rl-leitor-lista p.rl-leitor-pleasure{border-left-color:#4E9A8A}
    .rl-leitor-lista p small{display:block;font-family:var(--font-nav);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E57A5A;margin-bottom:2px}
    .rl-leitor-lista p.rl-leitor-pleasure small{color:#4E9A8A}
    .rl-leitor-seta{display:none}
    .rl-segundas-autor,.rl-segundas-autor:nth-child(even){grid-template-columns:1fr}
    .rl-segundas-autor>figure img{max-width:170px}
    .rl-portugal-ponto{width:30px;height:30px;font-size:.85rem}
    .rl-portugal-cidade header{grid-template-columns:90px minmax(0,1fr)}
    .rl-portugal-retrato{width:90px;height:90px}
    .rl-vinho-laranja .rl-livros{padding-right:0}
    .rl-vinho-deco--copo,.rl-vinho-deco--garrafa2{width:50px}
    .rl-vinho-deco--limao{width:160px}
    .rl-art[data-tema="vinho"] .rl-livro,.rl-vinho-laranja .rl-livro{grid-template-columns:90px minmax(0,1fr)}
    .rl-art[data-tema="vinho"] .rl-livro img{width:90px}
  }
