/* =====================================================================
   JTS AGENCY — folha de estilo única para todo o site (EN / IT / PT)
   Fundos claros, cor forte vinho + dourado, tipografia de editora.
   ===================================================================== */
:root{
  --paper:#FFFFFF;
  --ivory:#FBF7F2;     /* fundo de seção */
  --blush:#F6ECE7;     /* topo das páginas */
  --line:#EADFD7;
  --ink:#1D1A1E;       /* texto principal */
  --ink-2:#5E5660;     /* texto secundário */
  --accent:#9C1C3C;    /* vinho — botões, links, destaques */
  --accent-2:#7C1430;
  --gold:#B07D22;      /* dourado */
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;        /* títulos */
  --text:'Source Serif 4',Georgia,'Times New Roman',serif;           /* texto corrido */
  --sans:'Libre Franklin',system-ui,-apple-system,'Segoe UI',sans-serif; /* menus, botões, rótulos */
  --wrap:1240px;
  --gut:clamp(18px,4.5vw,56px);
  --radius:6px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);
  font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{max-width:100%;display:block}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-2)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:12px;top:12px;z-index:200;background:#fff;padding:.6rem 1rem}

h1,h2,h3,h4{font-family:var(--serif);font-weight:600;color:var(--ink);margin:0;letter-spacing:-.012em}
h1{font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.04}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.1}
h3{font-size:clamp(1.12rem,1.7vw,1.3rem);line-height:1.25}
p{margin:0 0 1.1em}p:last-child{margin-bottom:0}
.lead{font-size:clamp(1.05rem,1.5vw,1.18rem);color:var(--ink-2);max-width:60ch}
.muted{color:var(--ink-2)}
.small{font-size:.9rem;color:var(--ink-2)}
.measure{max-width:66ch}
.kicker{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  margin:0 0 .9rem;display:flex;align-items:center;gap:.7rem}
.kicker::before{content:"";width:28px;height:1.5px;background:currentColor;flex:none}

section{padding-block:clamp(56px,7vw,100px)}
.bg-ivory{background:var(--ivory)}
.bg-blush{background:var(--blush)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.2rem}
.sec-head p{margin:.6rem 0 0;color:var(--ink-2);max-width:58ch}
.ornament{display:block;width:56px;height:2px;background:var(--gold);margin:1.1rem 0 0}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--sans);font-weight:700;font-size:.93rem;line-height:1.2;
  padding:.85rem 1.45rem;border-radius:3px;text-decoration:none;
  border:1.5px solid var(--accent);color:var(--accent);background:transparent;
  transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--accent);color:#fff}
.btn-solid{background:var(--accent);color:#fff}
.btn-solid:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.textlink{font-weight:700;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}

/* ---------- faixa superior + cabeçalho ---------- */
.topline{background:var(--accent);font-size:.85rem;color:#fff;text-align:center;padding:.5rem var(--gut)}
.topline a{color:#fff;font-weight:700}
.site-head{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;height:78px}
.logo{display:flex;align-items:baseline;gap:.4rem;text-decoration:none;color:var(--ink);flex-shrink:0}
.logo b{font-family:var(--serif);font-weight:700;font-size:2rem;letter-spacing:.02em;color:var(--accent)}
.logo span{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ink)}
.nav{display:flex;align-items:center;gap:1.45rem}
.nav>a,.drop>button{font-size:.93rem;font-weight:600;color:var(--ink);text-decoration:none;
  background:none;border:0;padding:.4rem 0;position:relative}
.nav>a:not(.btn):hover,.drop>button:hover{color:var(--accent)}
.nav [aria-current="page"]{color:var(--accent)}
.nav>a[aria-current="page"]:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--gold)}
.nav .btn{padding:.6rem 1.15rem;color:#fff;background:var(--accent);border:1.5px solid var(--accent)}
.nav .btn:hover{background:var(--accent-2);border-color:var(--accent-2)}
.drop{position:relative}
.drop>button{display:flex;align-items:center;gap:.35rem}
.drop>button svg{transition:transform .2s}
.drop-menu{position:absolute;top:calc(100% + 14px);left:-1.2rem;min-width:270px;background:#fff;
  border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:0 0 var(--radius) var(--radius);
  box-shadow:0 18px 40px rgba(29,26,30,.1);padding:.6rem;display:none}
.drop-menu a{display:block;padding:.6rem .8rem;border-radius:4px;color:var(--ink);text-decoration:none;font-size:.93rem;font-weight:600}
.drop-menu a:hover,.drop-menu a[aria-current="page"]{background:var(--ivory);color:var(--accent)}
.drop-menu a small{display:block;color:var(--ink-2);font-size:.8rem;font-weight:400}
.drop:hover .drop-menu,.drop:focus-within .drop-menu,.drop.open .drop-menu{display:block}
.drop:hover>button svg,.drop.open>button svg{transform:rotate(180deg)}
.drop::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.langs{display:flex;gap:.15rem;border:1px solid var(--line);border-radius:3px;padding:2px}
.langs a{font-size:.78rem;font-weight:700;color:var(--ink-2);text-decoration:none;padding:.25rem .45rem;border-radius:2px}
.langs a:hover{color:var(--accent)}
.langs a[aria-current="true"]{background:var(--accent);color:#fff}
.burger{display:none;background:none;border:0;padding:.5rem;color:var(--ink)}

@media (max-width:1120px){
  .site-head{backdrop-filter:none;background:#fff}
  .burger{display:block;position:relative;z-index:90}
  .nav{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:5.4rem 1.6rem 2rem;overflow-y:auto;
    box-shadow:-20px 0 50px rgba(29,26,30,.12);transform:translateX(105%);visibility:hidden;transition:transform .3s,visibility .3s}
  .site-head.open .nav{transform:none;visibility:visible}
  .nav>a,.drop>button{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;width:100%;text-align:left}
  .nav>a[aria-current="page"]:not(.btn)::after{display:none}
  .drop-menu{position:static;display:block;border:0;box-shadow:none;padding:.2rem 0 .6rem .6rem;min-width:0}
  .drop>button svg,.drop::after{display:none}
  .nav .btn{margin-top:1.4rem}
  .langs{margin-top:1.2rem;align-self:flex-start}
  .langs a{font-size:.9rem;padding:.4rem .7rem}
  .head-tools{display:flex;align-items:center;gap:.6rem}
  .site-head.open .burger .i-open{display:none}
  .burger .i-close{display:none}
  .site-head.open .burger .i-close{display:block}
  .scrim{position:fixed;inset:0;background:rgba(29,26,30,.28);opacity:0;pointer-events:none;transition:opacity .3s;z-index:70}
  .site-head.open+.scrim{opacity:1;pointer-events:auto}
}

/* ---------- capas de livro ---------- */
.cover{position:relative;aspect-ratio:2/3;background:var(--blush);border-radius:2px 5px 5px 2px;overflow:hidden;
  box-shadow:0 1px 2px rgba(29,26,30,.12),0 14px 28px -10px rgba(29,26,30,.35)}
.cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.cover::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.16) 0,rgba(255,255,255,.18) 3%,rgba(0,0,0,0) 7%)}
.cover .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:1rem;text-align:center;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--accent)}
.book{text-decoration:none;color:var(--ink);display:block}
.book .cover{transition:transform .25s}
a.book:hover .cover{transform:translateY(-6px)}
.book h3{font-size:1.2rem;margin-top:1rem;line-height:1.2}
.book p{font-size:.86rem;color:var(--ink-2);margin:.25rem 0 0}
a.book:hover h3{color:var(--accent)}
.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:2.4rem clamp(1.1rem,2.5vw,2rem)}

/* ---------- carrosséis contínuos ---------- */
.marquee{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.marquee-track{display:flex;align-items:center;width:max-content;animation:marquee var(--dur,60s) linear infinite}
.marquee-track>*{flex:0 0 auto}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee.books .marquee-track{align-items:flex-start;padding:.6rem 0 1.4rem}
.marquee.books .book{width:clamp(140px,15vw,180px);margin-right:clamp(1.4rem,3vw,2.4rem)}
.marquee.books:hover .marquee-track{animation-play-state:paused}
.shelf-line{height:6px;background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 92%,transparent);border-radius:3px}
.marquee.orgs .marquee-track>*{margin-right:3.2rem}
.org{font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:600;color:var(--ink);white-space:nowrap;display:flex;align-items:center;gap:3.2rem}
.org::after{content:"";width:9px;height:9px;background:var(--gold);transform:rotate(45deg)}
.orglogo{height:56px;width:auto;object-fit:contain}
.marquee-row+.marquee-row{margin-top:1.6rem}

/* ---------- herói da home ---------- */
.hero{background:linear-gradient(180deg,var(--blush) 0,#fff 100%);padding-block:clamp(48px,7vw,96px)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.hero h1{max-width:14ch}
.hero .lead{margin-top:1.3rem}
.stack{position:relative;height:clamp(330px,38vw,470px)}
.stack>div{position:absolute;width:clamp(150px,17vw,220px)}
.stack .c1{left:4%;top:12%;transform:rotate(-7deg)}
.stack .c2{left:50%;top:0;transform:translateX(-50%);z-index:3}
.stack .c3{right:4%;top:14%;transform:rotate(6deg)}
.stack::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--line);border-radius:2px}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .stack{height:clamp(260px,70vw,360px);max-width:460px;width:100%;margin:0 auto}
  .stack>div{width:clamp(120px,36vw,170px)}
}

/* ---------- MOMENT (eventos sazonais) ---------- */
body[data-moment="off"] .moment{display:none}
.moment{--m-bg:#FFF0E0;--m-accent:#D3591A;--m-ink:#4F2A10;background:var(--m-bg);position:relative;overflow:hidden}
.moment[data-theme="christmas"]{--m-bg:#EEF6F0;--m-accent:#B8282E;--m-ink:#1F3D29}
.moment[data-theme="spring"]{--m-bg:#F5F0FB;--m-accent:#7442C2;--m-ink:#33255A}
.moment[data-theme="summer"]{--m-bg:#FFF8DA;--m-accent:#C47F00;--m-ink:#544010}
.moment[data-theme="fair"]{--m-bg:#F6ECE7;--m-accent:#9C1C3C;--m-ink:#1D1A1E}
.moment-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.moment .tag{display:inline-block;font-weight:700;font-size:.88rem;color:#fff;background:var(--m-accent);
  padding:.35rem .9rem;border-radius:3px;margin-bottom:1.1rem}
.moment h2{color:var(--m-ink);font-size:clamp(2.2rem,4.2vw,3.3rem)}
.moment p{color:var(--m-ink)}
.moment .when{font-weight:700;margin-top:1rem}
.moment .btn{border-color:var(--m-accent);color:var(--m-accent)}
.moment .btn:hover{background:var(--m-accent);color:#fff}
.moment-books{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.9rem,2vw,1.6rem)}
.moment-books .book h3{color:var(--m-ink)}
.moment-books .cover{background:#fff}
.moment-books .cover .fallback{color:var(--m-accent)}
.moment-deco{position:absolute;right:-40px;top:-40px;width:220px;opacity:.12;pointer-events:none;color:var(--m-accent)}
@media (max-width:900px){
  .moment-grid{grid-template-columns:1fr}
  .moment-books{grid-template-columns:repeat(2,1fr);max-width:520px}
}

/* ---------- autores ---------- */
.author-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:2.2rem clamp(1rem,2.5vw,2rem)}
.author{text-decoration:none;color:var(--ink);display:block}
.author .photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--blush)}
.author .photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.author:hover .photo img{transform:scale(1.04)}
.author h3{font-size:1.4rem;margin-top:.9rem}
.author p{font-size:1.02rem;color:var(--ink-2);margin:.1rem 0 0;font-style:italic;font-family:var(--serif)}
.author:hover h3{color:var(--accent)}

/* ---------- inéditos ---------- */
.unpub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
@media (max-width:860px){.unpub-grid{grid-template-columns:1fr}}
.unpub{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);padding:1.5rem;align-items:start}
@media (max-width:480px){.unpub{grid-template-columns:1fr}.unpub .cover{max-width:160px}}
.unpub .meta{font-size:.85rem;font-weight:700;color:var(--gold);margin:.2rem 0 .6rem}
.unpub h3{font-size:1.55rem}
.unpub .by{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ink-2);margin:.1rem 0 0}
.unpub p.about{font-size:.95rem;color:var(--ink-2)}
.unpub .btn{padding:.6rem 1rem;font-size:.85rem;margin-top:.4rem}
.badge{display:inline-block;font-size:.78rem;font-weight:700;color:var(--accent);background:var(--blush);padding:.25rem .6rem;border-radius:3px}

/* ---------- serviços ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:900px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.svc-grid{grid-template-columns:1fr}}
.svc{display:block;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:var(--radius);
  padding:1.7rem 1.6rem;text-decoration:none;color:var(--ink);transition:border-color .2s,box-shadow .2s}
a.svc:hover{border-top-color:var(--accent);box-shadow:0 12px 30px rgba(156,28,60,.1)}
.svc h3{font-size:1.45rem;margin-bottom:.45rem}
a.svc:hover h3{color:var(--accent)}
.svc p{font-size:.94rem;color:var(--ink-2);margin:0}

.model{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.4rem}
@media (max-width:800px){.model{grid-template-columns:1fr}}
.model>div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.4rem)}
.model>div:nth-child(2){border-top-color:var(--gold)}

/* ---------- blocos ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split.top{align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.media{border-radius:var(--radius);overflow:hidden;background:var(--blush)}
.media img,.media video{width:100%;height:100%;object-fit:cover}
.media.wide{aspect-ratio:16/10}.media.tall{aspect-ratio:4/5}
.media.gone{display:none}
.page-head{background:var(--blush);padding-block:clamp(48px,6vw,84px)}
.page-head h1{max-width:20ch}
.page-head .lead{margin-top:1.1rem}
.crumbs{font-size:.88rem;color:var(--ink-2);margin-bottom:1.2rem}
.crumbs a{text-decoration:none;font-weight:700}
.list{list-style:none;margin:1.2rem 0 0;padding:0;border-top:1px solid var(--line)}
.list li{padding:.75rem 0 .75rem 1.6rem;border-bottom:1px solid var(--line);position:relative}
.list li::before{content:"";position:absolute;left:2px;top:1.3rem;width:7px;height:7px;background:var(--accent);transform:rotate(45deg)}
.list.no li::before{background:var(--gold)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,3vw,2.3rem)}
.note{background:#FCF4E4;border-left:4px solid var(--gold);border-radius:4px;padding:1.1rem 1.3rem;margin-top:1.6rem}
.note strong{display:block;margin-bottom:.3rem}
.facts{margin:0;border-top:1px solid var(--line)}
.facts div{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--ink-2);font-size:.92rem}
.facts dd{margin:0;text-align:right;font-weight:600}
.steps{list-style:none;counter-reset:s;padding:0;margin:2.2rem 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}
@media (max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}
.steps li::before{content:counter(s);display:block;font-family:var(--serif);font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.6rem}
.steps h3{font-size:1.3rem;margin-bottom:.4rem}
.steps p{font-size:.92rem;color:var(--ink-2)}
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.2rem}
@media (max-width:900px){.quad{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.quad{grid-template-columns:1fr}}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
@media (max-width:800px){.gallery{grid-template-columns:1fr 1fr}}
.gallery .media{aspect-ratio:1}

/* ---------- página do autor ---------- */
.profile{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:820px){.profile{grid-template-columns:1fr}.profile .photo{max-width:340px}}
.profile .photo{aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--blush)}
.profile .photo img{width:100%;height:100%;object-fit:cover}
.profile h1{margin-bottom:1.2rem}
.featured{display:grid;grid-template-columns:170px 1fr;gap:1.8rem;align-items:start;margin-top:2.4rem;
  padding:1.6rem;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius)}
@media (max-width:520px){.featured{grid-template-columns:1fr}.featured .cover{max-width:180px}}
.featured h2{font-size:clamp(1.7rem,2.8vw,2.2rem);margin:.1rem 0 .7rem}
.mail{display:inline-block;font-family:var(--serif);font-weight:600;font-size:clamp(1.6rem,3.2vw,2.3rem);
  text-decoration:none;color:var(--accent);margin-top:1.2rem;word-break:break-all}

/* ---------- páginas legais ---------- */
.legal{max-width:820px}
.legal h1{font-size:clamp(2.3rem,4.4vw,3.2rem)}
.legal h2{font-size:1.65rem;margin:2.2rem 0 .7rem}
.legal .updated{color:var(--ink-2);margin:.6rem 0 2rem}
.table-wrap{overflow-x:auto;margin:1rem 0}
.legal table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
.legal th,.legal td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);vertical-align:top}
.legal th{background:var(--ivory);font-weight:700}

/* ---------- rodapé ---------- */
.site-foot{background:var(--ivory);border-top:3px solid var(--accent);padding-block:clamp(48px,6vw,72px) 2rem;font-size:.94rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.site-foot h4{font-family:var(--sans);font-size:.9rem;font-weight:800;margin-bottom:.8rem;color:var(--accent)}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:.45rem}
.site-foot a{color:var(--ink);text-decoration:none}
.site-foot a:hover{color:var(--accent)}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.4rem;
  border-top:1px solid var(--line);font-size:.84rem;color:var(--ink-2)}
.foot-legal nav{display:flex;gap:1.2rem;flex-wrap:wrap}

/* ---------- aviso de cookies ---------- */
.cbar{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:120;max-width:640px;margin-left:auto;
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);
  box-shadow:0 18px 50px rgba(29,26,30,.18);padding:1.2rem 1.3rem;display:none;font-size:.9rem}
.cbar.show{display:block}
.cbar .acts{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.9rem;flex-wrap:wrap}
.cbar button{padding:.55rem 1.1rem;font-size:.86rem}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* =====================================================================
   ESPAÇO BRASIL (/br/) — verde-floresta e azul-celeste
   ===================================================================== */
.theme-br{
  --ivory:#F1F8FC;     /* azul-celeste bem claro */
  --blush:#E2F1FA;     /* azul-celeste claro */
  --line:#D3E6EF;
  --ink:#16261D;
  --ink-2:#4B5D53;
  --accent:#1E5B3A;    /* verde-floresta */
  --accent-2:#164A2E;
  --gold:#3FA3DD;      /* azul-celeste forte (detalhes) */
}
.theme-br .topline{background:linear-gradient(90deg,var(--accent),#2A7A4F)}
.br-tag{font-style:normal;font-family:var(--sans);font-size:.7rem;font-weight:800;color:#fff;background:var(--gold);
  padding:.15rem .45rem;border-radius:3px;margin-left:.3rem;align-self:center}
.br-hero{background:linear-gradient(160deg,#E2F1FA 0,#F4FAF6 55%,#fff 100%);position:relative;overflow:hidden}
.br-hero::before{content:"";position:absolute;right:-12%;top:-30%;width:55vw;height:55vw;max-width:720px;max-height:720px;
  border-radius:50%;background:radial-gradient(circle,rgba(63,163,221,.18),rgba(63,163,221,0) 70%);pointer-events:none}
.br-hero h1{max-width:17ch;color:var(--accent)}
.br-manifesto{background:#fff;border-top:6px solid var(--gold)}
.br-manifesto h2{max-width:24ch;font-size:clamp(2.2rem,4.4vw,3.5rem);color:var(--accent)}
.br-me .media{margin-bottom:0}
.br-cta{background:linear-gradient(135deg,#E2F1FA,#EAF6EF)}
.br-cta .lead{max-width:56ch}
.faq{margin-top:2rem;max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.8rem}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 3rem 1.1rem 1.3rem;font-family:var(--serif);font-weight:600;font-size:1.3rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:1.4rem;color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 1.3rem 1.2rem;margin:0;color:var(--ink-2)}

/* MOMENT com 5 livros */
.moment-grid.five{grid-template-columns:.8fr 2fr}
.moment-books.five{grid-template-columns:repeat(5,1fr)}
@media (max-width:1000px){.moment-grid.five{grid-template-columns:1fr}.moment-books.five{grid-template-columns:repeat(3,1fr);max-width:640px}}
@media (max-width:520px){.moment-books.five{grid-template-columns:repeat(2,1fr)}
  .moment-books.five>:last-child{grid-column:1/-1;width:50%;margin:0 auto}}

/* página de livro em destaque (MOMENT) */
.bookpage{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
@media (max-width:820px){.bookpage{grid-template-columns:1fr}.bookpage>div:first-child{max-width:300px}}
.bookpage h1{margin-bottom:.2rem}
.bookpage .volume{font-family:var(--serif);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;color:var(--accent);margin:0}
.bookpage .byline{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--ink-2);margin:.2rem 0 1.4rem}
.book.is-current .cover{outline:3px solid var(--accent);outline-offset:4px}
.bg-ivory .moment-books.five{max-width:none}

/* =====================================================================
   v6 — tipografia de revista, Espaço Brasil no menu, livros em movimento,
   Halloween animado, páginas de livro sofisticadas, categorias
   ===================================================================== */
.nav{gap:1.25rem}
.nav>a,.drop>button,.btn,.langs a,.crumbs,.topline,.badge,.tag,.cat-nav a{font-family:var(--sans)}
.nav>a,.drop>button{font-size:.86rem;letter-spacing:.01em}
.btn{font-size:.84rem;letter-spacing:.04em}
.lead{font-family:var(--text)}
.book h3,.author h3{font-family:var(--serif)}
.book p,.author p{font-family:var(--sans);font-style:normal;font-size:.8rem;letter-spacing:.02em}
.author p{font-family:var(--text);font-style:italic;font-size:.95rem;letter-spacing:0}
.svc h3{font-size:1.25rem}
.steps h3{font-size:1.15rem}
.steps li::before{font-family:var(--serif)}
.org{font-family:var(--serif);font-style:italic;font-weight:500}
section+section{border-top:1px solid transparent}

/* link Espaço Brasil no cabeçalho */
.nav .br-link{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:#1E5B3A;
  border:1.5px solid #1E5B3A;border-radius:999px;padding:.38rem .85rem;font-size:.82rem}
.nav .br-link i{width:14px;height:14px;border-radius:50%;flex:none;
  background:conic-gradient(#1E5B3A 0 50%,#3FA3DD 0 100%)}
.nav .br-link:hover,.nav .br-link[aria-current="true"]{background:#1E5B3A;color:#fff}
.nav .br-link::after{display:none!important}
@media (max-width:1280px){
  .site-head{backdrop-filter:none;background:#fff}
  .burger{display:block;position:relative;z-index:90}
  .nav{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;background:#fff;
    flex-direction:column;align-items:stretch;gap:0;padding:5.4rem 1.6rem 2rem;overflow-y:auto;
    box-shadow:-20px 0 50px rgba(29,26,30,.12);transform:translateX(105%);visibility:hidden;transition:transform .3s,visibility .3s}
  .site-head.open .nav{transform:none;visibility:visible}
  .nav>a,.drop>button{padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1rem;width:100%;text-align:left}
  .nav>a[aria-current="page"]:not(.btn)::after{display:none}
  .drop-menu{position:static;display:block;border:0;box-shadow:none;padding:.2rem 0 .6rem .6rem;min-width:0}
  .drop>button svg,.drop::after{display:none}
  .nav .btn{margin-top:1.4rem}
  .nav .br-link{margin-top:1.2rem;justify-content:center;border-bottom:1.5px solid #1E5B3A;padding:.75rem 1rem}
  .langs{margin-top:1.2rem;align-self:flex-start}
  .langs a{font-size:.9rem;padding:.4rem .7rem}
  .site-head.open .burger .i-open{display:none}
  .burger .i-close{display:none}
  .site-head.open .burger .i-close{display:block}
  .scrim{position:fixed;inset:0;background:rgba(29,26,30,.28);opacity:0;pointer-events:none;transition:opacity .3s;z-index:70}
  .site-head.open+.scrim{opacity:1;pointer-events:auto}
}

/* todos os livros se mexem ao passar o mouse */
.book .cover{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.book:hover .cover{transform:translateY(-8px) rotate(-2deg);
  box-shadow:0 1px 2px rgba(29,26,30,.12),0 24px 36px -12px rgba(29,26,30,.42)}
.stack>div{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.stack:hover .c1{transform:rotate(-11deg) translateX(-8px)}
.stack:hover .c3{transform:rotate(10deg) translateX(8px)}
.stack:hover .c2{transform:translateX(-50%) translateY(-10px)}

/* ---------- livro em 3D ---------- */
.book3d{perspective:1200px;width:clamp(170px,19vw,240px);margin:0 auto}
.book3d.small{width:150px;margin:0}
.book3d .b{position:relative;aspect-ratio:2/3;transform-style:preserve-3d;transform:rotateY(-24deg);
  transition:transform .6s cubic-bezier(.2,.8,.2,1);border-radius:2px 4px 4px 2px;background:var(--blush);
  box-shadow:18px 22px 34px -12px rgba(29,26,30,.45)}
.book3d:hover .b{transform:rotateY(-8deg) translateY(-6px)}
.book3d .b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:2px 4px 4px 2px;z-index:1}
.book3d .b .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;
  font-family:var(--serif);font-weight:600;color:var(--accent)}
.book3d .b::before{content:"";position:absolute;top:2px;bottom:2px;right:-14px;width:14px;
  background:repeating-linear-gradient(90deg,#fff 0 1px,#ece6df 1px 2px);transform:rotateY(90deg);transform-origin:left;border-radius:0 2px 2px 0}
.book3d .b::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:2px 4px 4px 2px;
  background:linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(255,255,255,.2) 2.5%,rgba(0,0,0,0) 6%,rgba(0,0,0,0) 92%,rgba(255,255,255,.12) 100%)}

/* ---------- página de livro ---------- */
.bk-hero{background:linear-gradient(180deg,var(--ivory) 0,#fff 100%);padding-block:clamp(36px,5vw,64px) clamp(56px,7vw,96px)}
.bk-grid{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:center;margin-top:1rem}
.bk-stage{position:relative;padding:clamp(2rem,4vw,3.5rem) 1rem clamp(2.5rem,4vw,4rem);
  background:radial-gradient(ellipse at 50% 55%,#fff 0,var(--blush) 75%);border-radius:var(--radius)}
.bk-stage::after{content:"";position:absolute;left:22%;right:22%;bottom:clamp(1.4rem,2.6vw,2.4rem);height:14px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(29,26,30,.22),rgba(29,26,30,0) 70%)}
.bk-info h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}
.bk-info .volume{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.2vw,1.7rem);color:var(--accent);margin:.2rem 0 0}
.bk-info .byline{font-family:var(--sans);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:1rem 0 1.6rem}
.rights-box{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rights-box div{padding:1rem 1.2rem 1rem 0}
.rights-box div+div{padding-left:1.2rem;border-left:1px solid var(--line)}
.rights-box dt{font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.rights-box dd{margin:.35rem 0 0;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--ink)}
@media (max-width:480px){.rights-box{grid-template-columns:1fr}.rights-box div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}
.bk-body{padding-top:clamp(48px,6vw,80px)}
.bk-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.bk-h{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  padding-bottom:.8rem;border-bottom:2px solid var(--ink);margin-bottom:1.4rem}
.dropcap{font-size:1.15rem;line-height:1.75}
.dropcap::first-letter{font-family:var(--serif);float:left;font-size:4.2em;line-height:.82;padding:.08em .1em 0 0;color:var(--accent);font-weight:600}
.bk-rights-note{margin-top:1.6rem;padding:1rem 1.2rem;background:var(--ivory);border-left:3px solid var(--gold);font-size:.98rem;color:var(--ink-2)}
.bk-pager{display:flex;justify-content:space-between;margin-top:2rem;font-family:var(--sans);font-size:.85rem;font-weight:700}
.bk-pager a{text-decoration:none}
.bk-author{background:var(--ivory);padding:clamp(1.4rem,3vw,2rem);border-radius:var(--radius)}
.bk-author h3{font-size:1.5rem;margin-bottom:.6rem}
.bk-author p{font-size:.98rem;color:var(--ink-2)}
@media (max-width:860px){.bk-grid,.bk-cols{grid-template-columns:1fr}.bk-stage{max-width:420px;width:100%;margin:0 auto}}

/* ---------- categorias (Espaço Brasil) ---------- */
.cat-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem}
.cat-nav a{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--accent);
  border:1.5px solid var(--accent);border-radius:999px;padding:.5rem 1.1rem}
.cat-nav a:hover{background:var(--accent);color:#fff}
.cat{scroll-margin-top:110px}
.cat+.cat{margin-top:clamp(2.8rem,5vw,4rem)}
.cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  border-bottom:2px solid var(--ink);padding-bottom:.7rem;margin-bottom:1.8rem}
.cat-head h2,.cat-head h3{font-size:clamp(1.6rem,2.8vw,2.2rem)}
.cat-head p{margin:0;color:var(--ink-2);font-style:italic}
.cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2.2rem clamp(1rem,2.4vw,2rem)}
@media (max-width:1000px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
.cat-tag{display:inline-block;margin-top:.45rem;font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold)}

/* ---------- Halloween: efeitos (sem fundos escuros) ---------- */
.halloween-fx{isolation:isolate}
.halloween-fx .wrap{position:relative;z-index:2}
.fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.fx .rain{position:absolute;inset:-100px 0 0;opacity:.35;
  background-image:repeating-linear-gradient(105deg,transparent 0 22px,rgba(110,80,60,.35) 22px 23px,transparent 23px 60px);
  background-size:140px 140px;animation:rain .7s linear infinite}
@keyframes rain{to{background-position:-40px 140px}}
.fx .flash{position:absolute;inset:0;background:#fff;opacity:0;animation:flash 9s infinite}
@keyframes flash{0%,62%,66%,70%,100%{opacity:0}63%{opacity:.75}65%{opacity:.1}67%{opacity:.55}}
.fx .bolt{position:absolute;width:56px;opacity:0;fill:#FFD54A;stroke:#D99A00;stroke-width:2;filter:drop-shadow(0 0 12px rgba(255,213,74,.9))}
.fx .b1{left:46%;top:-10px;height:150px;animation:bolt 9s infinite}
.fx .b2{right:9%;top:30px;height:110px;transform:scaleX(-1);animation:bolt 9s infinite 4.5s}
@keyframes bolt{0%,62%,70%,100%{opacity:0}63%,67%{opacity:1}65%{opacity:.2}}
.fx .web{position:absolute;top:0;width:clamp(120px,16vw,210px);color:rgba(90,60,40,.35)}
.fx .web-l{left:0}
.fx .web-r{right:0;transform:scaleX(-1)}
.fx .spider{position:absolute;top:0;right:clamp(70px,9vw,130px);width:30px;color:#4F2A10;animation:spider 7s ease-in-out infinite}
.fx .spider::before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:400px;background:rgba(90,60,40,.45)}
@keyframes spider{0%,100%{transform:translateY(40px)}50%{transform:translateY(150px)}}
.fx .rat{display:none}
.moment-intro{display:block}
.moment-intro p{margin-top:1rem}

@media (min-width:1001px){
  /* computador: os 5 livros numa linha, pendurados por fios na teia */
  .moment-grid.five{grid-template-columns:1fr;gap:1rem}
  .moment-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:end}
  .moment-intro p:first-child{margin-top:0}
  .moment-books.five.hang{grid-template-columns:repeat(5,1fr);max-width:1060px;margin:0 auto;width:100%;
    padding-top:120px;gap:clamp(1.4rem,3vw,2.6rem);position:relative}
  .moment-books.hang::before{content:"";position:absolute;left:-4%;right:-4%;top:6px;height:40px;
    border-top:1.5px solid rgba(90,60,40,.4);border-radius:50% 50% 0 0/100% 100% 0 0}
  .hang .book{--drop:0px;position:relative;margin-top:var(--drop);transform-origin:50% calc(-120px - var(--drop));
    animation:sway 5s ease-in-out infinite}
  .hang .book::before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:calc(112px + var(--drop));
    background:linear-gradient(rgba(90,60,40,.15),rgba(90,60,40,.55))}
  .hang .book:nth-child(1){--drop:10px;animation-duration:5.2s}
  .hang .book:nth-child(2){--drop:48px;animation-duration:6.1s;animation-delay:-1s}
  .hang .book:nth-child(3){--drop:0px;animation-duration:5.6s;animation-delay:-2s}
  .hang .book:nth-child(4){--drop:56px;animation-duration:6.4s;animation-delay:-.5s}
  .hang .book:nth-child(5){--drop:22px;animation-duration:5.8s;animation-delay:-1.6s}
  .hang .book:hover{animation-play-state:paused}
  @keyframes sway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
  .fx .rat{display:block;position:absolute;bottom:14px;left:0;width:84px;color:#5E4636;transform:translateX(-140px);
    animation:rat 16s linear infinite 3s}
  .fx .rat .tail{transform-origin:40px 32px;animation:tail .25s ease-in-out infinite alternate}
  @keyframes rat{0%{transform:translateX(-140px)}22%{transform:translateX(calc(100vw + 140px))}100%{transform:translateX(calc(100vw + 140px))}}
  @keyframes tail{to{transform:rotate(8deg)}}
}
@media (prefers-reduced-motion:reduce){
  .fx .rain,.fx .flash,.fx .bolt,.fx .spider,.fx .rat,.hang .book{animation:none!important}
  .fx .bolt,.fx .flash{opacity:0}
}

/* =====================================================================
   v7 — MOMENT em carrossel (8 s por slide) + autores 3 por linha
   ===================================================================== */
.moment.carousel{padding:0;background:none;position:relative;overflow:hidden}
.slides{display:grid}
.slide{grid-area:1/1;position:relative;overflow:hidden;background:var(--m-bg);
  padding-block:clamp(56px,7vw,96px) clamp(96px,10vw,128px);
  opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide{--m-bg:#FFF1E2;--m-accent:#D3591A;--m-ink:#4F2A10}
.slide[data-theme="encrontos"]{--m-bg:#F3F1EC;--m-accent:#C8102E;--m-ink:#141414}
.slide[data-theme="press"]{--m-bg:#F7EFE8;--m-accent:#9C1C3C;--m-ink:#1D1A1E}
.slide[data-theme="prague"]{--m-bg:#EEF2F6;--m-accent:#24467A;--m-ink:#18243A}
.slide[data-theme="italy"]{--m-bg:#F4F7EF;--m-accent:#2E6B3A;--m-ink:#1F2A1C}
.theme-br .slide[data-theme="press"]{--m-accent:#1E5B3A}
.slide h2{color:var(--m-ink)}
.slide p{color:var(--m-ink)}
.slide .kicker{color:var(--m-accent)}
.slide .btn{border-color:var(--m-accent);color:var(--m-accent)}
.slide .btn:hover,.slide .btn-solid{background:var(--m-accent);color:#fff}
.slide .btn-solid:hover{filter:brightness(.9)}

/* layout comum dos slides 2 a 5 */
.slide-split{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;gap:clamp(2rem,6vw,5.5rem);align-items:center}
.slide-art{display:flex;justify-content:center}
.slide-art .book3d{width:clamp(160px,17vw,230px)}
.slide-text h2{font-size:clamp(2.1rem,4.4vw,3.4rem)}
.slide-text .subtitle{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);margin:.15rem 0 0;color:var(--m-accent)}
.slide-text .byline{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:.9rem 0 1.2rem}
.slide-text>p{max-width:62ch}
.slide-facts{display:grid;grid-template-columns:1fr 1fr;margin:1.4rem 0 0;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}
.slide-facts div{padding:.8rem 1rem .8rem 0}
.slide-facts div+div{padding-left:1rem;border-left:1px solid rgba(0,0,0,.12)}
.slide-facts dt{font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.slide-facts dd{margin:.3rem 0 0;font-family:var(--serif);font-weight:600;font-size:1.05rem;color:var(--m-ink)}

/* Encrontos: fundo de jornal */
.slide[data-theme="encrontos"]::before{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;
  background:repeating-linear-gradient(-35deg,#000 0 1px,transparent 1px 9px)}
.slide[data-theme="encrontos"] h2{font-family:var(--sans);font-weight:800;letter-spacing:-.03em;text-transform:uppercase}

/* Orna: imprensa */
.press-art{position:relative;min-height:340px;width:100%;max-width:400px;margin:0 auto}
.press-photo{position:absolute;left:0;top:0;width:62%;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--blush);
  box-shadow:0 18px 36px -16px rgba(0,0,0,.35)}
.press-photo img{width:100%;height:100%;object-fit:cover}
.press-cover{position:absolute;right:0;bottom:0;width:46%;transform:rotate(4deg)}
.press-source{font-family:var(--serif);font-weight:700;font-size:1.25rem;margin:0 0 .6rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem}
.press-source span{font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.slide[data-theme="press"] h2{font-style:italic;font-weight:500;margin-bottom:1rem}

/* Praga: cartão de data */
.event-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.2rem}
.date-card{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;padding:.6rem 0 .7rem;
  background:#fff;border-top:6px solid var(--m-accent);border-radius:4px;box-shadow:0 10px 24px -12px rgba(0,0,0,.35);font-family:var(--sans)}
.date-card .d{font-family:var(--serif);font-size:2.6rem;font-weight:700;line-height:1;color:var(--m-ink)}
.date-card .m{font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--m-accent);margin-top:.2rem}
.date-card .y{font-size:.72rem;font-weight:600;opacity:.6}

/* Itália: agenda */
.agenda{list-style:none;margin:1.3rem 0 0;padding:0;border-top:1px solid rgba(0,0,0,.12)}
.agenda li{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.12)}
.ag-date{font-family:var(--sans);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--m-accent);text-align:center;line-height:1.1}
.ag-date b{display:block;font-family:var(--serif);font-size:1.7rem;letter-spacing:0;color:var(--m-ink)}
.ag-place{display:flex;flex-direction:column;font-size:.98rem;color:var(--m-ink)}
.ag-place strong{font-family:var(--serif);font-size:1.15rem}
.ag-note{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6;text-align:right}
@media (max-width:560px){.agenda li{grid-template-columns:54px 1fr}.ag-note{grid-column:2;text-align:left}}

/* controles do carrossel */
.car-ui{position:absolute;left:0;right:0;bottom:clamp(22px,3vw,36px);z-index:5;display:flex;align-items:center;justify-content:center;gap:1rem;pointer-events:none}
.car-ui>*{pointer-events:auto}
.car-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(0,0,0,.25);background:rgba(255,255,255,.85);color:var(--ink);
  display:grid;place-items:center;transition:background .2s,border-color .2s}
.car-btn:hover{background:#fff;border-color:var(--ink)}
.car-dots{display:flex;gap:.5rem}
.car-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(0,0,0,.22);transition:width .3s,background .3s}
.car-dots button[aria-selected="true"]{width:30px;border-radius:5px;background:var(--ink)}
.car-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.06);z-index:5}
.car-bar i{display:block;height:100%;width:0;background:var(--accent)}
.car-bar i.run{animation:carbar 8s linear forwards}
.carousel.paused .car-bar i.run{animation-play-state:paused}
@keyframes carbar{to{width:100%}}
.carousel.single .car-ui,.carousel.single .car-bar{display:none}
@media (max-width:860px){
  .slide-split{grid-template-columns:1fr;gap:2rem}
  .slide-art .book3d{width:clamp(150px,42vw,200px)}
  .press-art{min-height:280px;max-width:320px}
  .slide-facts{grid-template-columns:1fr}
  .slide-facts div+div{padding-left:0;border-left:0;border-top:1px solid rgba(0,0,0,.12)}
}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

/* autores: 3 em cima, 3 embaixo no computador */
@media (min-width:1001px){
  .author-grid{grid-template-columns:repeat(3,1fr);max-width:980px;gap:2.6rem 2.4rem}
  .sec-head+.author-grid{margin-right:auto}
}
.slide{display:flex;align-items:center}
.slide>.wrap{width:100%}
@media (max-width:860px){
  .slide{display:none;opacity:1;visibility:visible}
  .slide.is-active{display:flex;animation:slidein .6s ease}
  @keyframes slidein{from{opacity:0}to{opacity:1}}
}
@media (max-width:560px){
  .slide .moment-books.five{grid-template-columns:repeat(3,1fr);gap:1rem .8rem;max-width:none}
  .slide .moment-books.five>:last-child{grid-column:auto;width:auto;margin:0}
  .slide .moment-books.five .book h3{display:none}
  .slide .moment-books.five .book p{margin-top:.5rem;text-align:center}
  .slide .moment-books.five .cover .fallback{font-size:.8rem;padding:.4rem}
}

/* =====================================================================
   v8 — fundos dos slides mais bonitos, sem riscos
   ===================================================================== */
.fx .rain{display:none}
.slide[data-theme="encrontos"]::before{display:none}
.deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.slide>.wrap{position:relative;z-index:2}

/* Halloween: entardecer cor de abóbora, lua, névoa, colinas e morcegos */
.slide[data-theme="halloween"]{background:
  radial-gradient(ellipse 60% 45% at 50% 0%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#FFDDB8 0%,#FFE9D3 42%,#FFF3E6 70%,#FBE1C6 100%)}
.fx .moon{position:absolute;top:clamp(28px,5vw,60px);right:clamp(150px,18vw,300px);width:clamp(70px,8vw,110px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 38% 35%,#FFFDF6 0,#FFF6DC 55%,#FBE7B5 100%);
  box-shadow:0 0 40px 18px rgba(255,240,200,.75),0 0 120px 60px rgba(255,226,170,.45)}
.fx .moon::before,.fx .moon::after{content:"";position:absolute;border-radius:50%;background:rgba(232,205,150,.35)}
.fx .moon::before{width:18%;height:18%;left:28%;top:52%}
.fx .moon::after{width:11%;height:11%;top:30%;left:58%}
.fx .fog{position:absolute;left:-20%;width:140%;height:120px;border-radius:50%;filter:blur(28px);background:rgba(255,255,255,.6)}
.fx .f1{bottom:60px;animation:fog 26s ease-in-out infinite alternate}
.fx .f2{bottom:10px;opacity:.7;animation:fog 34s ease-in-out infinite alternate-reverse}
@keyframes fog{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
.fx .hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(70px,9vw,140px)}
.fx .bat{position:absolute;width:44px;color:#6B4630;opacity:.75}
.fx .bat1{top:16%;left:-60px;animation:bat 14s linear infinite 1s}
.fx .bat2{top:28%;left:-60px;width:30px;animation:bat 18s linear infinite 7s}
@keyframes bat{0%{transform:translate(0,0) scaleY(1)}10%{transform:translate(12vw,-20px) scaleY(.6)}20%{transform:translate(24vw,10px) scaleY(1)}
  30%{transform:translate(36vw,-14px) scaleY(.6)}40%{transform:translate(48vw,6px) scaleY(1)}50%{transform:translate(60vw,-18px) scaleY(.6)}
  60%{transform:translate(72vw,8px) scaleY(1)}70%{transform:translate(84vw,-10px) scaleY(.6)}80%,100%{transform:translate(110vw,0) scaleY(1)}}
.fx .flash{background:radial-gradient(circle at 50% 0,#fff,rgba(255,255,255,.4) 60%)}

/* Encrontos: papel claro e a palavra do título em marca d'água */
.slide[data-theme="encrontos"]{background:
  radial-gradient(ellipse 70% 60% at 20% 30%,#FFFFFF 0,rgba(255,255,255,0) 70%),
  linear-gradient(135deg,#F6F4EF 0%,#EDE9E1 100%)}
.bigword{position:absolute;right:-4%;bottom:-6%;font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.04em;
  font-size:clamp(5rem,16vw,15rem);line-height:1;color:rgba(20,20,20,.045);white-space:nowrap}

/* Orna: tons de areia e uma grande aspa */
.slide[data-theme="press"]{background:
  radial-gradient(ellipse 55% 70% at 85% 20%,#FFFFFF 0,rgba(255,255,255,0) 70%),
  linear-gradient(160deg,#F9F1EA 0%,#F2E4D8 100%)}
.theme-br .slide[data-theme="press"]{background:radial-gradient(ellipse 55% 70% at 85% 20%,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(160deg,#F1F8FC,#E2F1FA)}
.bigquote{position:absolute;right:4%;top:-8%;font-family:var(--serif);font-size:clamp(14rem,30vw,28rem);line-height:1;color:rgba(156,28,60,.07)}
.theme-br .bigquote{color:rgba(30,91,58,.08)}

/* Praga: céu claro de inverno e o perfil da cidade */
.slide[data-theme="prague"]{background:
  radial-gradient(ellipse 60% 50% at 75% 15%,#FFFFFF 0,rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#F3F6FA 0%,#E9EFF6 100%)}
.skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(90px,12vw,180px)}
.render3d{width:clamp(170px,18vw,250px);height:auto;filter:drop-shadow(18px 24px 26px rgba(24,36,58,.35));transition:transform .5s}
.render3d:hover{transform:translateY(-6px) rotate(-1.5deg)}

/* Itália: verde-claro e arcos de biblioteca */
.slide[data-theme="italy"]{background:
  radial-gradient(ellipse 60% 55% at 20% 20%,#FFFFFF 0,rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#F6F8F1 0%,#EDF2E6 100%)}
.arches{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(80px,10vw,150px)}
.agenda li{grid-template-columns:64px 1fr}

/* capa já em 3D (edição tcheca) dentro das grades de livros */
.cover.render{background:none;box-shadow:none;overflow:visible;display:flex;align-items:flex-end;justify-content:center}
.cover.render::after{display:none}
.cover.render img{width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(10px 14px 14px rgba(29,26,30,.3))}
.book:hover .cover.render{box-shadow:none}

@media (prefers-reduced-motion:reduce){.fx .bat,.fx .fog{animation:none}.fx .bat{display:none}}
.fx .moon{right:auto;left:44%;top:clamp(24px,3.5vw,44px);width:clamp(60px,6vw,88px)}
@media (max-width:1000px){.fx .moon{left:auto;right:30%;top:14px;width:54px}}

/* =====================================================================
   v9 — 40 Haikais no slide do Hélio, slide infantil (Brasil), livros com data
   ===================================================================== */
[data-from]{display:none!important}
[data-from].is-on{display:block!important}

.slide-art.duo{position:relative;align-items:flex-end;gap:0}
.slide-art.duo .book3d{position:relative;z-index:1}
.slide-art.duo .book3d.mini{width:clamp(96px,9vw,130px);margin:0 0 -10px -34px;z-index:2;display:block;text-decoration:none}
.slide-art.duo .book3d.mini .b{transform:rotateY(-18deg) rotate(4deg)}
.slide-art.duo .book3d.mini:hover .b{transform:rotateY(-6deg) translateY(-6px)}
.also{margin-top:1.6rem;padding:1rem 1.2rem;background:rgba(255,255,255,.65);border-left:3px solid var(--m-accent);border-radius:0 4px 4px 0;max-width:60ch}
.also p{margin:0 0 .5rem;font-size:.95rem}
.also .also-title{font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.also .also-title strong{font-family:var(--serif);font-size:1.1rem;letter-spacing:0;text-transform:none}
.also .textlink{color:var(--m-accent);font-family:var(--sans);font-size:.85rem}

/* slide infantil: céu de dia, sol, nuvens e abelha */
.slide[data-theme="kids"]{--m-bg:#FFF8DC;--m-accent:#1E5B3A;--m-ink:#22301F;
  background:radial-gradient(ellipse 50% 60% at 82% 18%,#FFF3B0 0,rgba(255,243,176,0) 70%),linear-gradient(180deg,#DFF1FB 0%,#F1F9FD 45%,#FFF8E1 100%)}
.slide[data-theme="kids"] .subtitle{color:#C47F00}
.deco .sun{position:absolute;top:clamp(26px,4vw,50px);right:clamp(40px,8vw,120px);width:clamp(70px,8vw,110px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#FFE680 0,#FFD43B 70%);box-shadow:0 0 0 14px rgba(255,214,59,.18),0 0 0 30px rgba(255,214,59,.08);animation:sunpulse 6s ease-in-out infinite}
@keyframes sunpulse{50%{box-shadow:0 0 0 20px rgba(255,214,59,.22),0 0 0 40px rgba(255,214,59,.08)}}
.deco .cloud{position:absolute;height:34px;border-radius:40px;background:#fff;opacity:.9;filter:drop-shadow(0 6px 10px rgba(80,140,180,.12))}
.deco .cloud::before,.deco .cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.deco .cloud::before{width:46px;height:46px;left:18px;top:-22px}
.deco .cloud::after{width:34px;height:34px;left:52px;top:-14px}
.deco .c1{width:120px;top:12%;left:6%;animation:cloud 40s linear infinite}
.deco .c2{width:96px;top:24%;left:46%;animation:cloud 55s linear infinite -20s}
.deco .c3{width:140px;bottom:16%;right:4%;opacity:.7;animation:cloud 48s linear infinite -10s}
@keyframes cloud{from{transform:translateX(-30px)}50%{transform:translateX(40px)}to{transform:translateX(-30px)}}
.deco .bee{position:absolute;width:42px;top:30%;left:40%;animation:bee 9s ease-in-out infinite}
@keyframes bee{0%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(120px,-40px) rotate(8deg)}50%{transform:translate(240px,10px) rotate(-4deg)}
  75%{transform:translate(110px,50px) rotate(6deg)}100%{transform:translate(0,0) rotate(-6deg)}}
.kids-books .book3d{width:clamp(160px,16vw,220px)}
@media (max-width:860px){.slide-art.duo .book3d.mini{margin-left:-26px}.deco .bee{display:none}}
@media (prefers-reduced-motion:reduce){.deco .sun,.deco .cloud,.deco .bee{animation:none}}

/* =====================================================================
   v10 — capas quadradas, Halloween noturno, livraria, Bagdá judaica
   ===================================================================== */
/* capas quadradas (A Girafa e a Abelha) */
.cover.square{aspect-ratio:1/1;border-radius:3px}
.cover.square::after{background:linear-gradient(90deg,rgba(0,0,0,.12) 0,rgba(255,255,255,.15) 2%,rgba(0,0,0,0) 5%)}
.book3d.square .b{aspect-ratio:1/1}
.kids-books .book3d.square{width:clamp(190px,19vw,260px)}
.kids-books .book3d.mini.square{width:clamp(110px,10vw,150px)}

/* Halloween: noite escura com relâmpagos */
.slide[data-theme="halloween"]{--m-ink:#F6EADB;--m-accent:#FF7A1A;
  background:radial-gradient(ellipse 45% 40% at 46% 6%,rgba(255,236,200,.22),rgba(255,236,200,0) 70%),
             linear-gradient(180deg,#07060B 0%,#140D1E 38%,#24132C 70%,#33141F 100%)}
.slide[data-theme="halloween"] .tag{background:#FF7A1A}
.slide[data-theme="halloween"] h3,.slide[data-theme="halloween"] .book p{color:#F6EADB}
.slide[data-theme="halloween"] .btn{border-color:#FF7A1A;color:#FFB070}
.slide[data-theme="halloween"] .btn:hover{background:#FF7A1A;color:#140D1E}
.slide[data-theme="halloween"] .fx .web{color:rgba(255,255,255,.28)}
.slide[data-theme="halloween"] .fx .spider{color:#CBB8A3}
.slide[data-theme="halloween"] .fx .spider::before{background:rgba(255,255,255,.35)}
.slide[data-theme="halloween"] .fx .rat{color:#8C7466}
.slide[data-theme="halloween"] .fx .bat{color:#000;opacity:.9}
.slide[data-theme="halloween"] .fx .fog{background:rgba(190,170,220,.16)}
.slide[data-theme="halloween"] .fx .moon{box-shadow:0 0 50px 22px rgba(255,236,190,.35),0 0 140px 70px rgba(255,210,150,.15)}
.slide[data-theme="halloween"] .moment-books.hang::before{border-top-color:rgba(255,255,255,.3)}
.slide[data-theme="halloween"] .hang .book::before{background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.5))}
.slide[data-theme="halloween"] .cover{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 36px -10px rgba(0,0,0,.8)}
.fx .hills{height:clamp(90px,12vw,190px)}
.fx .flash{background:radial-gradient(ellipse at 50% 0,rgba(235,230,255,.95),rgba(200,190,255,.25) 55%,rgba(200,190,255,0) 80%);animation:flash 6s infinite}
.fx .flash.f2{animation:flash2 11s infinite 2.5s}
@keyframes flash{0%,60%,64%,68%,100%{opacity:0}61%{opacity:.9}62%{opacity:.15}65%{opacity:.75}66%{opacity:.05}}
@keyframes flash2{0%,80%,84%,100%{opacity:0}81%{opacity:.6}83%{opacity:.4}}
.fx .bolt{fill:#F4F0FF;stroke:#BFB2FF;filter:drop-shadow(0 0 14px rgba(200,190,255,1)) drop-shadow(0 0 30px rgba(160,140,255,.8))}
.fx .b1{height:260px;width:90px;left:38%;top:-10px;animation:bolt 6s infinite}
.fx .b2{height:190px;width:70px;right:6%;top:10px;animation:bolt 6s infinite 3s}
.fx .b3{height:220px;width:80px;left:8%;top:-20px;animation:bolt2 11s infinite 2.5s;opacity:0}
@keyframes bolt{0%,60%,68%,100%{opacity:0}61%,65%{opacity:1}63%{opacity:.2}}
@keyframes bolt2{0%,80%,84%,100%{opacity:0}81%,83%{opacity:1}}
.carousel[data-current="halloween"] .car-dots button{background:rgba(255,255,255,.35)}
.carousel[data-current="halloween"] .car-dots button[aria-selected="true"]{background:#fff}
.carousel[data-current="halloween"] .car-btn{background:rgba(20,13,30,.6);color:#fff;border-color:rgba(255,255,255,.4)}
.carousel[data-current="halloween"] .car-bar{background:rgba(255,255,255,.08)}

/* Tsuriel: livraria desenhada ao fundo */
.bookstore{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.slide[data-theme="prague"] .deco::after,.slide[data-theme="italy"] .deco::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,.55) 38%,rgba(255,255,255,.9) 55%,rgba(255,255,255,.9) 100%)}
.slide[data-theme="italy"] .deco::after{background:linear-gradient(90deg,rgba(250,252,246,.35) 0%,rgba(250,252,246,.55) 38%,rgba(250,252,246,.92) 55%,rgba(250,252,246,.92) 100%)}
.slide[data-theme="prague"] .slide-text,.slide[data-theme="italy"] .slide-text{position:relative}
@media (max-width:860px){.slide[data-theme="prague"] .deco::after,.slide[data-theme="italy"] .deco::after{background:rgba(255,255,255,.82)}}

/* Orna: Bagdá judaica */
.baghdad{position:absolute;inset:0;width:100%;height:100%}
.slide[data-theme="press"]{background:linear-gradient(180deg,#FBF4EA 0%,#F5E7D4 100%)}
.theme-br .slide[data-theme="press"]{background:linear-gradient(180deg,#FBF4EA 0%,#F5E7D4 100%)}
.slide[data-theme="press"] .deco::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 50% 60% at 68% 45%,rgba(251,244,234,.92),rgba(251,244,234,0) 75%)}

/* Dia das Crianças */
.gift-tag{display:inline-block;font-family:var(--sans);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:#E2483D;padding:.4rem .9rem;border-radius:999px;margin-bottom:1rem;box-shadow:0 6px 14px -6px rgba(226,72,61,.6)}
.gift-line{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:#C0392B!important;margin-top:.6rem}
@media (min-width:1001px){.slide[data-theme="halloween"] .fx .moon{left:31%;top:14px;width:64px}}
.bookstore{opacity:.8}
.slide[data-theme="prague"] .deco::after{background:linear-gradient(90deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.35) 36%,rgba(255,255,255,.82) 52%,rgba(255,255,255,.82) 100%)}
.slide[data-theme="italy"] .deco::after{background:linear-gradient(90deg,rgba(250,252,246,.15) 0%,rgba(250,252,246,.35) 36%,rgba(250,252,246,.84) 52%,rgba(250,252,246,.84) 100%)}

/* =====================================================================
   v11 — catálogo por categorias, best sellers, direitos, busca
   ===================================================================== */
/* cartões das categorias */
.cat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
@media (max-width:1100px){.cat-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cat-tiles{grid-template-columns:1fr}}
.cat-tile{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.cat-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(29,26,30,.35);border-color:var(--accent)}
.fanbox{position:relative;height:230px;background:linear-gradient(180deg,var(--blush),var(--ivory));overflow:hidden}
.fan{position:absolute;bottom:-26px;width:118px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.fan .cover{box-shadow:0 14px 26px -10px rgba(29,26,30,.45)}
.fan.f0{left:50%;transform:translateX(-50%);z-index:3}
.fan.f1{left:50%;transform:translateX(-118%) rotate(-9deg);z-index:2}
.fan.f2{left:50%;transform:translateX(18%) rotate(9deg);z-index:1}
.cat-tile:hover .fan.f0{transform:translateX(-50%) translateY(-10px)}
.cat-tile:hover .fan.f1{transform:translateX(-130%) rotate(-14deg)}
.cat-tile:hover .fan.f2{transform:translateX(30%) rotate(14deg)}
.cat-tile-text{padding:1.3rem 1.4rem 1.5rem}
.cat-tile-text h3{font-size:1.5rem}
.cat-tile-text p{margin:.4rem 0 .9rem;color:var(--ink-2);font-size:.95rem}
.cat-count{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.cat-tile:hover h3{color:var(--accent)}

/* best sellers 2026 */
.best-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2rem clamp(1rem,2vw,1.8rem)}
@media (max-width:1000px){.best-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.best-grid{grid-template-columns:repeat(2,1fr)}}
.best{position:relative}
.best .rank{position:absolute;z-index:3;top:-12px;left:-10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--accent);color:#fff;font-family:var(--serif);font-weight:700;font-size:1.05rem;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}

/* direitos à venda: todos os livros */
.rights-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
@media (max-width:860px){.rights-list{grid-template-columns:1fr}}
.right-card{display:grid;grid-template-columns:96px 1fr;gap:1.2rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}
.right-card h3{font-size:1.25rem;margin:.5rem 0 .1rem}
.right-card h3 a{color:var(--ink);text-decoration:none}
.right-card h3 a:hover{color:var(--accent)}
.right-card .by{font-family:var(--text);font-style:italic;color:var(--ink-2);margin:0}
.right-card .meta{font-family:var(--sans);font-size:.75rem;font-weight:600;color:var(--ink-2);margin:.4rem 0 .6rem}
.right-card .textlink{font-family:var(--sans);font-size:.82rem}
.right-card .cover{transition:transform .3s}
.right-card a:hover .cover{transform:translateY(-4px) rotate(-2deg)}
[data-from].is-on.right-card{display:grid!important}

/* Orna: citação grande */
.pull{margin:1rem 0 1.2rem;padding:0}
.pull p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.15;color:var(--m-ink);margin:0}
.pull footer{margin-top:.8rem;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--m-accent)}
.pull cite{font-style:normal}
.critic{font-size:.95rem;max-width:58ch;padding-left:1rem;border-left:2px solid var(--m-accent)}

/* busca */
.search-btn{background:none;border:0;padding:.5rem;color:var(--ink);display:grid;place-items:center;border-radius:50%}
.search-btn:hover{color:var(--accent);background:var(--ivory)}
@media (min-width:1281px){.search-btn{order:3}}
.search-ov{position:fixed;inset:0;z-index:150;background:rgba(29,26,30,.35);backdrop-filter:blur(4px);display:flex;justify-content:center;
  align-items:flex-start;padding:clamp(60px,12vh,140px) 1rem 1rem}
.search-ov[hidden]{display:none}
.search-box{width:min(720px,100%);background:#fff;border-radius:10px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);overflow:hidden}
.search-row{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line);color:var(--ink-2)}
.search-row input{flex:1;border:0;outline:0;font-family:var(--serif);font-size:1.4rem;color:var(--ink);background:none;min-width:0}
.search-close{background:none;border:0;font-size:2rem;line-height:1;color:var(--ink-2)}
.search-res{list-style:none;margin:0;padding:.4rem;max-height:60vh;overflow-y:auto}
.search-res a{display:flex;flex-direction:column;padding:.8rem 1rem;border-radius:6px;text-decoration:none;color:var(--ink)}
.search-res a:hover,.search-res a:focus{background:var(--ivory)}
.search-res strong{font-family:var(--serif);font-size:1.15rem}
.search-res span{font-family:var(--sans);font-size:.78rem;color:var(--ink-2);margin-top:.15rem}
.search-empty{padding:1.2rem 1.4rem;margin:0;color:var(--ink-2)}
.hbar{gap:1rem}
.fan .cover{background:#fff}