/* Universo Gráfico — ultramar, amarelo e tipografia de cartaz. */
@font-face{font-family:"Red Hat Display";src:url(fontes/red-hat-display-latin-wght-normal.woff2) format("woff2-variations");font-weight:300 900;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fontes/newsreader-latin-opsz-normal.woff2) format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fontes/newsreader-latin-opsz-italic.woff2) format("woff2-variations");font-weight:200 800;font-style:italic;font-display:swap}
:root{
  --noite:#243FE3;
  --noite-2:#304DEB;
  --noite-3:#142590;
  --ciano:#F5EE45;
  --ciano-escuro:#243FE3;
  --lua:#FFFFFF;        /* papel do acervo */
  --folha:#F2F3F8;
  --tinta:#202334;       /* tinta sobre papel */
  --tinta-2:#616577;
  --linha:#DADDE9;
  --dourado:#FFFFFF;    /* estampa das capas */
  --zap:#243FE3;
  --raio:6px;
  --sans:"Red Hat Display",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --largura:1240px;
  --gutter:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:var(--sans);color:var(--tinta);background-color:var(--lua);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
button,input,select{font:inherit;color:inherit}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--ciano);color:var(--noite);padding:8px 14px;border-radius:6px;z-index:100}
.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--ciano);outline-offset:2px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:6px;border:2px solid transparent;font-weight:750;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn--cheio{background:var(--noite);color:#fff}
.btn--cheio:hover{background:var(--noite-3)}
.btn--contorno{border-color:var(--noite);color:var(--noite);background:transparent}
.btn--contorno:hover{background:var(--noite);color:#fff}
.btn--ciano{background:var(--ciano);color:var(--noite)}
.btn--ciano:hover{background:#fff}
.btn--zap{background:var(--zap);color:#fff;width:100%}
.btn--zap:hover{background:#142590}
.btn--zap[aria-disabled="true"]{opacity:.5;pointer-events:none}
.link{background:none;border:0;padding:4px 0;color:var(--ciano-escuro);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:500}

/* ---------- capas geradas ---------- */
.capa{--c:#2B3A67;position:relative;aspect-ratio:2/3;width:100%;border-radius:3px 6px 6px 3px;background:var(--c);color:var(--dourado);overflow:hidden;container-type:inline-size;font-family:var(--serif);
  background-image:linear-gradient(90deg,rgba(0,0,0,.35) 0,rgba(255,255,255,.08) 4%,rgba(0,0,0,.12) 7%,transparent 10%),
  repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 4px)}
.capa__t{position:absolute;left:14%;right:9%;font-weight:500;line-height:1.08;font-size:11cqi;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-wrap:balance}
.capa__a{position:absolute;left:14%;right:9%;font-size:6.6cqi;font-style:italic;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capa__selo{position:absolute;right:9%;bottom:6%;width:15cqi;height:15cqi;opacity:.7}
.capa--longo .capa__t{font-size:9cqi;-webkit-line-clamp:7}
.capa--curto .capa__t{font-size:14cqi}
/* variações de composição */
.capa--a .capa__t{top:13%}
.capa--a .capa__a{bottom:8%}
.capa--a::before{content:"";position:absolute;left:14%;right:9%;top:8%;border-top:1.5px solid currentColor;border-bottom:1px solid currentColor;height:3px;opacity:.7}
.capa--b::before{content:"";position:absolute;inset:6% 6% 6% 10%;border:1px solid currentColor;opacity:.55;border-radius:2px}
.capa--b .capa__t{top:28%;text-align:center;left:18%;right:13%}
.capa--b .capa__a{top:auto;bottom:14%;text-align:center;left:18%;right:13%}
.capa--b .capa__selo{left:50%;right:auto;bottom:auto;top:12%;transform:translateX(-50%)}
.capa--c::before{content:"";position:absolute;left:0;right:0;top:36%;height:30%;background:rgba(0,0,0,.22);border-top:1px solid rgba(232,201,121,.5);border-bottom:1px solid rgba(232,201,121,.5)}
.capa--c .capa__t{top:39%;font-size:9.5cqi;-webkit-line-clamp:3}
.capa--c .capa__a{top:17%}
.capa--c.capa--longo .capa__t{font-size:8cqi;-webkit-line-clamp:3}

/* ---------- acervo ---------- */
.acervo{max-width:var(--largura);margin:0 auto;padding:clamp(48px,6vw,80px) var(--gutter) 40px}
.acervo__cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 40px;margin-bottom:28px}
.acervo__cab h2{font-family:var(--serif);font-size:clamp(38px,4.6vw,56px);font-weight:600;letter-spacing:-.025em;color:var(--noite)}
.acervo__cab p{margin:0;max-width:52ch;color:var(--tinta-2)}
.acervo__barra{position:sticky;top:64px;z-index:20;display:flex;gap:12px;align-items:center;padding:12px 0;background:var(--lua)}
.acervo__barra .busca{flex:1}
.ordem{display:flex;align-items:center;gap:8px;color:var(--tinta-2);font-size:15px}
.ordem select,.filtros select{border:2px solid var(--linha);background:#fff;border-radius:999px;padding:11px 14px;cursor:pointer}
.btn-filtros{display:none;border:2px solid var(--noite);border-radius:999px;background:#fff;padding:10px 18px;font-weight:700;cursor:pointer}
.acervo__corpo{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;margin-top:12px}

.filtros{position:sticky;top:140px;align-self:start;max-height:calc(100vh - 160px);overflow:auto;padding-right:6px;scrollbar-width:thin}
.filtros__cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.filtros__cab h3{font-size:18px;font-weight:700}
.filtros fieldset{border:0;border-top:1px solid var(--linha);margin:0;padding:16px 0 18px}
.filtros legend{font-weight:700;font-size:14px;color:var(--tinta-2);padding:0;margin-bottom:10px;float:left;width:100%}
.filtros select{width:100%;border-radius:8px}
.cats{clear:both;display:flex;flex-direction:column}
.cat{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:15px;color:var(--tinta)}
.cat small{color:var(--tinta-2);font-variant-numeric:tabular-nums}
.cat:hover{background:#ECEFFD}
.cat[aria-checked="true"]{background:var(--noite);color:#fff}
.cat[aria-checked="true"] small{color:var(--ciano)}
.cats__mais{margin-top:6px;align-self:flex-start}
.opcoes,.precos{clear:both;display:flex;flex-direction:column;gap:6px}
.opcoes label,.precos label{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:15px}
.opcoes small{color:var(--tinta-2);margin-left:auto}
input[type=checkbox],input[type=radio]{accent-color:var(--noite);width:17px;height:17px}
.filtros__ver{display:none}

.resultados__info{margin:0 0 18px;color:var(--tinta-2);font-size:15px}
.resultados__info b{color:var(--tinta)}
.grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:36px 24px}
.livro{display:flex;flex-direction:column}
.livro__abrir{border:0;background:none;padding:0;text-align:left;cursor:pointer;display:block;width:100%}
.livro__abrir .capa{transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 18px -12px rgba(14,43,37,.52)}
.livro__abrir:hover .capa{transform:translateY(-4px) rotate(-1deg);box-shadow:0 18px 26px -14px rgba(14,43,37,.62)}
.livro__t{font-family:var(--serif);font-size:17px;line-height:1.2;font-weight:500;margin:14px 0 4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.livro__a{font-size:14px;color:var(--tinta-2);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.livro__pe{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}
.preco{font-weight:900;font-size:18px;color:var(--noite);font-variant-numeric:tabular-nums}
.selo-estado{display:block;font-size:13px;font-weight:700;color:var(--ciano-escuro);margin:4px 0 0}
.btn-add{border:2px solid var(--noite);background:#fff;color:var(--noite);border-radius:999px;height:36px;padding:0 14px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.btn-add:hover{background:var(--noite);color:#fff}
.btn-add[aria-pressed="true"]{background:var(--noite);color:#fff}
.resultados__mais{display:flex;justify-content:center;margin:48px 0 16px}
.vazio{background:#fff;border:1px dashed var(--linha);border-radius:var(--raio);padding:40px;text-align:center}
.vazio h3{font-size:22px;margin-bottom:8px}
.vazio p{color:var(--tinta-2);max-width:48ch;margin:0 auto 20px}

/* ---------- compramos ---------- */
.compramos{background:var(--ciano);color:var(--noite);border-top:1px solid rgba(169,70,50,.3);border-bottom:1px solid rgba(169,70,50,.3)}
.compramos__in{max-width:var(--largura);margin:0 auto;padding:clamp(56px,7vw,96px) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.compramos h2{font-size:clamp(32px,4.2vw,52px);font-weight:900;letter-spacing:-.02em;max-width:14ch}
.compramos__texto p{font-size:18px;max-width:46ch;margin:20px 0 28px}
.compramos .btn--ciano{background:var(--noite);color:#fff}
.compramos .btn--ciano:hover{background:var(--noite-3)}
.passos{list-style:none;margin:0;padding:0;counter-reset:p}
.passos li{counter-increment:p;display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:22px 0;border-top:2px solid rgba(0,12,60,.2)}
.passos li:last-child{border-bottom:2px solid rgba(0,12,60,.2)}
.passos li::before{content:counter(p);grid-row:span 2;font-size:44px;font-weight:300;line-height:1}
.passos h3{font-size:21px;font-weight:700}
.passos p{margin:6px 0 0;font-size:16px}

/* ---------- história ---------- */
.historia{background:var(--folha)}
.historia__in{max-width:var(--largura);margin:0 auto;padding:clamp(56px,7vw,100px) var(--gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,80px)}
.historia h2{font-family:var(--serif);font-size:clamp(34px,4vw,50px);font-weight:520;letter-spacing:-.025em;color:var(--noite);max-width:14ch}
.historia__texto{font-family:var(--serif);font-size:20px;line-height:1.62;max-width:62ch}
.historia__texto p{margin:0 0 1em}
.historia__texto p:first-child::first-letter{float:left;font-size:4.1em;line-height:.82;margin:.06em .1em 0 0;color:var(--ciano-escuro);font-weight:500}

/* ---------- visite ---------- */
.visite{background:var(--noite);color:#fff}
.visite__in{max-width:var(--largura);margin:0 auto;padding:clamp(56px,7vw,96px) var(--gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,80px)}
.visite h2{font-size:clamp(30px,3.8vw,46px);font-weight:900;letter-spacing:-.02em}
.visite address{font-style:normal;font-size:22px;font-weight:300;margin:20px 0 24px;line-height:1.35}
.horarios{margin:0 0 32px;max-width:380px}
.horarios div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.15)}
.horarios dt{color:#D8E5DF}
.horarios dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.visite__acoes{display:flex;flex-wrap:wrap;gap:12px}
.visite .btn--cheio{background:var(--ciano);color:var(--noite)}
.visite .btn--cheio:hover{background:#fff}
.visite .btn--contorno{border-color:rgba(255,255,255,.5);color:#fff}
.visite .btn--contorno:hover{background:#fff;color:var(--noite)}
.visite__links h3{font-size:16px;font-weight:500;color:#AFC7BD;margin-bottom:10px}
.visite__links ul{list-style:none;margin:0;padding:0}
.visite__links a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15);text-decoration:none}
.visite__links span{font-size:22px;font-weight:700}
.visite__links small{color:#AFC7BD;font-size:14px;text-align:right}
.visite__links a:hover span{color:var(--ciano)}

.rodape{background:#142590;color:#B8CBC3;font-size:14px}
.rodape__in{max-width:var(--largura);margin:0 auto;padding:40px var(--gutter);display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.rodape img{width:84px;height:84px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.rodape p{margin:0}
.rodape__nota{max-width:48ch;margin-left:auto!important}

.zap-flutuante{position:fixed;right:20px;bottom:20px;z-index:25;width:58px;height:58px;border-radius:50%;background:var(--zap);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.zap-flutuante:hover{background:#142590}

/* ---------- detalhe ---------- */
.detalhe{border:0;padding:0;border-radius:14px;width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:#fff;color:var(--tinta)}
.detalhe::backdrop{background:rgba(14,43,37,.76)}
.detalhe[open]{animation:abre .22s ease}
@keyframes abre{from{opacity:0;transform:translateY(12px)}}
.fechar{position:absolute;top:10px;right:12px;width:42px;height:42px;border-radius:50%;border:0;background:var(--lua);font-size:26px;line-height:1;cursor:pointer;z-index:2}
.fechar:hover{background:var(--linha)}
.detalhe__in{display:grid;grid-template-columns:280px 1fr;gap:36px;padding:36px}
.detalhe__capa .capa{box-shadow:0 22px 34px -18px rgba(0,12,60,.7)}
.detalhe h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3vw,34px);line-height:1.12;padding-right:40px}
.detalhe__autor{font-size:18px;color:var(--tinta-2);margin:8px 0 20px}
.detalhe__compra{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:18px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.detalhe__compra .preco{font-size:30px}
.detalhe__compra .acoes{display:flex;flex-wrap:wrap;gap:10px}
.detalhe__estoque{width:100%;margin:0;font-size:14px;color:var(--tinta-2)}
.detalhe__desc{font-family:var(--serif);font-size:17px;line-height:1.6;margin:20px 0}
.ficha{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 20px;margin:0}
.ficha dt{font-size:13px;color:var(--tinta-2)}
.ficha dd{margin:2px 0 0;font-weight:500}
.btn--zapclaro{border-color:var(--zap);color:#243FE3;background:#fff}
.btn--zapclaro:hover{background:var(--zap);color:#fff}

/* ---------- sacola ---------- */
.veu{position:fixed;inset:0;background:rgba(14,43,37,.65);z-index:40}
.sacola{position:fixed;top:0;right:0;bottom:0;z-index:41;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(102%);transition:transform .28s ease;visibility:hidden}
.sacola.aberta{transform:none;visibility:visible}
.sacola__cab{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--linha)}
.sacola__cab h2{font-size:22px;font-weight:900;color:var(--noite)}
.sacola__cab .fechar{position:static}
.sacola__lista{flex:1;overflow:auto;padding:8px 22px}
.item{display:grid;grid-template-columns:54px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha);align-items:start}
.item .capa{border-radius:2px 3px 3px 2px}
.item__t{font-family:var(--serif);font-weight:500;line-height:1.2;margin:0}
.item__a{font-size:13px;color:var(--tinta-2);margin:2px 0 8px}
.qtd{display:inline-flex;align-items:center;border:1.5px solid var(--linha);border-radius:999px}
.qtd button{width:30px;height:30px;border:0;background:none;cursor:pointer;font-size:17px;border-radius:50%}
.qtd button:disabled{opacity:.3;cursor:default}
.qtd span{min-width:22px;text-align:center;font-weight:700;font-size:14px}
.item__lado{text-align:right}
.item__lado .preco{font-size:16px}
.item__rem{display:block;margin-top:6px;font-size:13px;margin-left:auto}
.sacola__vazia{padding:40px 0;text-align:center;color:var(--tinta-2)}
.sacola__vazia .btn{margin-top:16px}
.sacola__pe{padding:18px 22px 22px;border-top:1px solid var(--linha);background:var(--lua)}
.sacola__total{display:flex;justify-content:space-between;align-items:baseline;font-size:17px}
.sacola__total strong{font-size:24px;font-weight:900;color:var(--noite)}
.sacola__obs{margin:4px 0 14px;font-size:14px;color:var(--tinta-2)}
.sacola__dados{display:grid;gap:10px;margin-bottom:16px}
.sacola__dados label{display:grid;gap:4px;font-size:14px;font-weight:500}
.sacola__dados .rot span{color:var(--tinta-2);font-weight:400}
.sacola__dados label[hidden]{display:none}
.sacola__dados input,.sacola__dados select{border:2px solid var(--linha);border-radius:8px;padding:9px 12px;background:#fff}
.sacola__dados input:focus,.sacola__dados select:focus{border-color:var(--ciano);outline:none}
.sacola__esvaziar{display:block;margin:12px auto 0;font-size:14px}

.aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);background:var(--noite);color:#fff;padding:12px 18px;border-radius:999px;z-index:60;font-weight:500;transition:transform .25s ease;display:flex;gap:14px;align-items:center;max-width:calc(100vw - 32px)}
.aviso.ver{transform:translate(-50%,0)}
.aviso button{background:none;border:0;color:var(--ciano);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* ---------- responsivo ---------- */
@media (max-width:1020px){
  .menu{display:none}
  .btn-sacola{margin-left:auto}
  .hero__in{grid-template-columns:1fr}
  .orbita{width:min(100%,380px);margin:-8px auto -40px}
  .hero__texto{text-align:left}
}
@media (max-width:860px){
  .acervo__corpo{grid-template-columns:1fr}
  .btn-filtros{display:block}
  .ordem span{display:none}
  .filtros{position:fixed;inset:auto 0 0 0;top:auto;max-height:82vh;z-index:42;background:#fff;padding:22px var(--gutter) 24px;border-radius:18px 18px 0 0;transform:translateY(105%);transition:transform .28s ease;visibility:hidden;box-shadow:0 -20px 40px -10px rgba(14,43,37,.4)}
  .filtros.aberta{transform:none;visibility:visible}
  .filtros__ver{display:flex;width:100%;margin-top:8px;position:sticky;bottom:0}
  .compramos__in,.historia__in,.visite__in{grid-template-columns:1fr}
  .detalhe__in{grid-template-columns:1fr;padding:24px}
  .detalhe__capa{width:min(200px,60%)}
  .rodape__nota{margin-left:0!important}
}
@media (max-width:560px){
  .marca__nome{font-size:15px}
  .btn-sacola span:not(.btn-sacola__n){display:none}
  .acervo__barra{flex-wrap:wrap;position:static}
  .acervo__barra .busca{flex-basis:100%}
  .btn-filtros,.ordem{flex:1}
  .ordem select{width:100%}
  .grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
  .livro__t{font-size:16px}
  .livro__pe{flex-direction:column;align-items:stretch}
  .btn-add{width:100%}
  .busca--hero button{padding:12px 16px}
  .busca--hero input{font-size:16px;padding-left:48px}
  .visite__links a{flex-direction:column;gap:2px}
  .visite__links small{text-align:left}
  .zap-flutuante{width:52px;height:52px;right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Universo Gráfico: composição e sistema visual */
:root{--largura:1440px;--gutter:clamp(20px,5vw,72px)}
[hidden]{display:none!important}
body{background:#fff}
:focus-visible{outline:3px solid #DF4D19;outline-offset:4px}
.topo{background:#fff;color:var(--noite);position:relative;z-index:30;border-bottom:1px solid var(--linha)}
.topo__in{max-width:var(--largura);margin:auto;padding:18px var(--gutter);display:flex;align-items:center;gap:36px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1}
.marca__simbolo{display:block;flex:0 0 auto;width:48px;height:46px;object-fit:contain;filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(3680%) hue-rotate(232deg) brightness(91%) contrast(95%)}
.marca__nome{display:flex;flex-direction:column;gap:4px;font-size:17px}.marca__fina{font-size:12px}.marca__nome b{font-weight:900}
.menu{margin-left:auto;display:flex;gap:28px}.menu a{text-decoration:none;font-size:14px;font-weight:650}.menu a:hover{text-decoration:underline;text-underline-offset:5px}
.btn-sacola{display:flex;gap:10px;align-items:center;padding:10px 16px;border:1px solid var(--noite);background:white;color:var(--noite);font-weight:750;cursor:pointer;border-radius:4px;min-height:44px}
.btn-sacola__n{display:grid;place-items:center;background:var(--noite);color:white;border-radius:50%;min-width:24px;height:24px;font-size:12px}
.hero{background:var(--noite);color:white;padding:24px var(--gutter) 56px;overflow:hidden}
.hero__masthead{max-width:1296px;margin:auto;display:flex;justify-content:space-between;font-size:13px}
.hero__nome{position:relative;max-width:1296px;margin:0 auto 22px;font-size:clamp(90px,20.7vw,298px);line-height:1.08;letter-spacing:-.085em;font-weight:900;white-space:nowrap}
.hero__nome>span{font-size:.12em;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:.8em;margin-left:.3em}
.hero__in{max-width:1296px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.hero h1{font-size:clamp(32px,4.1vw,58px);font-weight:750;letter-spacing:-.045em;line-height:1.02}
.hero__sub{font-size:17px;line-height:1.6;max-width:47ch;margin:22px 0;color:#E6EAFE}
.hero__sub strong{color:white}.hero__cta{display:inline-flex;align-items:center;gap:26px;padding:10px 0;text-decoration:none;border-bottom:1px solid #fff;font-weight:700}.hero__cta span{font-size:25px}
.cartaz{background:var(--ciano);color:var(--noite);padding:30px 32px 16px;transform:rotate(-3deg);max-width:500px}
.cartaz__livro{display:grid;grid-template-columns:1fr 1fr;min-height:218px;transform:rotate(3deg);border:3px solid var(--noite);border-radius:4px 20px 20px 4px;box-shadow:5px 5px 0 var(--ciano),8px 8px 0 var(--noite);margin:6px 0 26px}
.cartaz__livro>span{padding:14px 10px;font-size:clamp(35px,4.8vw,68px);font-weight:900;letter-spacing:-.07em;line-height:.92;position:relative}
.cartaz__livro>span+span{border-left:2px solid var(--noite);display:flex;flex-direction:column;justify-content:space-between}
.cartaz__livro small{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:0;margin-bottom:8px}
.cartaz__estrela{font-size:68px;display:block;line-height:.8;margin-top:12px}.cartaz__nota{font-size:12px;font-weight:700;display:block;text-align:center}
.descoberta{background:#F2F3F8}.descoberta__in{max-width:var(--largura);padding:36px var(--gutter);margin:auto}
.descoberta__busca{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:40px}.descoberta h2{font-size:26px;letter-spacing:-.035em;color:var(--noite)}
.busca{display:flex;position:relative;align-items:center;border:1px solid var(--linha);background:white;border-radius:4px;min-width:0}.busca>svg{position:absolute;left:16px;pointer-events:none}.busca input{width:100%;min-width:0;flex:1;border:0;background:transparent;padding:15px 15px 15px 46px;outline:none}.busca:focus-within{outline:2px solid var(--noite);outline-offset:3px}
.busca--hero input{padding-left:18px}.busca--hero button{border:0;background:var(--noite);color:white;padding:18px 24px;font-weight:700;cursor:pointer;white-space:nowrap;align-self:stretch;border-radius:0 3px 3px 0}
.hero__sugestoes{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px}.sugestoes__rotulo{font-size:13px;color:var(--tinta-2);margin-right:12px}.hero__sugestoes button{padding:9px 14px;background:transparent;border:1px solid #C6CBDF;border-radius:30px;color:var(--noite);cursor:pointer;font-size:13px;min-height:40px}.hero__sugestoes button:hover{background:var(--noite);border-color:var(--noite);color:#fff}
.acervo{padding-top:64px;padding-bottom:72px}.acervo__cab{align-items:start;margin-bottom:30px}.acervo__cab h2{font-family:var(--sans);font-weight:800;font-size:clamp(30px,3.4vw,46px);letter-spacing:-.055em;max-width:11ch}.acervo__cab p{font-size:15px;max-width:43ch;padding-top:6px}
.acervo__barra{position:relative;top:auto;border-top:1px solid var(--linha);padding:20px 0}.ordem select,.filtros select,.btn-filtros{border-radius:4px;border-width:1px}.acervo__corpo{grid-template-columns:200px minmax(0,1fr);gap:40px}.filtros{top:24px;max-height:calc(100vh - 48px)}
.grade{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.livro__abrir{background:#F0F1F7;padding:22px 26px;border-radius:4px}.livro__abrir .capa{box-shadow:4px 6px 8px #20233424}.livro__t{font-family:var(--sans);font-weight:750;font-size:15px;line-height:1.35;margin-top:16px}.livro__a{font-size:12px}.livro__pe{align-items:start;flex-direction:column;gap:10px}.preco{font-size:18px}.btn-add{border:1px solid #C6CBDF;border-radius:4px;height:40px;width:100%;font-size:12px}.selo-estado{font-size:12px}
.capa{font-family:var(--sans);border-radius:1px 3px 3px 1px;background-image:linear-gradient(90deg,#0003,transparent 8%);color:white}.capa__t{font-weight:800;letter-spacing:-.04em}.capa__a{font-style:normal}.capa--b::before{border-radius:50% 50% 0 0}.capa--c::before{background:#ffffff16;border-color:#ffffff55}
.compramos{background:var(--ciano);border:0}.compramos__in{grid-template-columns:1.25fr 1fr}.compramos h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;max-width:13ch}.compramos__texto p{font-size:16px}.passos h3{font-size:18px}.passos p{font-size:14px}.passos li{padding:24px 0}
.historia{background:white}.historia__in{display:block;max-width:1050px;text-align:center;padding-top:88px;padding-bottom:88px}.historia h2{font-family:var(--sans);font-size:clamp(36px,5vw,64px);font-weight:800;letter-spacing:-.05em;max-width:18ch;margin:0 auto 32px}.historia__texto{font-family:var(--sans);font-size:17px;line-height:1.8;max-width:72ch;margin:auto}.historia__texto p:first-child::first-letter{float:none;font:inherit;margin:0;color:inherit}
.visite h2{font-size:clamp(36px,4.5vw,60px);max-width:14ch;letter-spacing:-.05em}.visite__links h3,.visite__links small,.horarios dt{color:#DDE3FF}.visite__links span{font-size:20px}.rodape{background:var(--noite);color:white;border-top:1px solid #ffffff40}.rodape__in{align-items:start;gap:30px}.rodape__marca{font-size:48px;line-height:1;font-weight:900;letter-spacing:-.07em;text-decoration:none}.rodape p{font-size:12px}.rodape__nota{max-width:42ch}.zap-flutuante{border:2px solid white;box-shadow:0 4px 16px #20233425}
.btn{border-radius:4px;font-size:14px}.detalhe{border-radius:8px}.detalhe h2{font-family:var(--sans);font-weight:800;letter-spacing:-.035em}.detalhe__desc{font-family:var(--sans)}.btn--zap:hover{background:var(--noite-3)}
@media(min-width:1600px){.hero__nome{font-size:298px}}
@media(max-width:1100px){.grade{grid-template-columns:repeat(3,minmax(0,1fr))}.menu{gap:16px}.topo__in{gap:20px}.cartaz{padding:22px}.cartaz__livro{min-height:200px}.hero__in{gap:6%}}
@media(max-width:860px){.menu{display:flex}.menu a:nth-child(n+3){display:none}.acervo__corpo{grid-template-columns:1fr}.filtros{top:auto;max-height:82vh}.hero__in{grid-template-columns:1fr 1fr}.hero h1{font-size:36px}.hero__sub{font-size:15px}.cartaz__livro>span{font-size:42px}.cartaz__livro{min-height:190px}.descoberta__busca{grid-template-columns:1fr 2fr;gap:22px}.compramos__in{grid-template-columns:1fr}.rodape__marca{width:100%}}
@media(max-width:600px){.topo__in{padding-top:12px;padding-bottom:12px;gap:12px}.marca__simbolo{font-size:38px}.marca__nome{font-size:15px}.menu{margin-left:auto}.menu a{font-size:12px}.menu a:nth-child(n+2){display:none}.btn-sacola{padding:8px;margin-left:0}.hero{padding-top:20px;padding-bottom:32px}.hero__masthead{font-size:10px;gap:24px}.hero__masthead span+span{text-align:right;max-width:145px}.hero__nome{font-size:20vw;margin-top:8px;margin-bottom:24px}.hero__in{grid-template-columns:1fr;gap:32px}.hero h1{font-size:42px}.hero__sub{max-width:40ch}.hero__cta{font-size:14px}.cartaz{width:100%;max-width:340px;justify-self:center;transform:rotate(-2deg)}.cartaz__livro>span{font-size:52px}.cartaz__livro{min-height:195px}.descoberta__in{padding-top:28px;padding-bottom:28px}.descoberta__busca{grid-template-columns:1fr;gap:18px}.descoberta h2{font-size:24px}.descoberta h2 br{display:none}.busca--hero button{padding:14px 12px;font-size:12px}.busca--hero input{font-size:14px;padding-left:12px}.hero__sugestoes{gap:8px}.sugestoes__rotulo{width:100%;margin-bottom:4px}.hero__sugestoes button{font-size:12px;padding:8px 12px}.acervo{padding-top:40px}.acervo__cab h2{max-width:none;font-size:32px}.acervo__cab p{font-size:14px}.grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.livro__abrir{padding:18px 22px}.livro__t{font-size:14px}.ordem select{font-size:12px;max-width:100%}.acervo__barra{gap:10px}.historia__in{padding-top:56px;padding-bottom:56px}.historia__texto{font-size:15px}.compramos h2{font-size:42px}.visite__links a{flex-direction:row}.visite__links small{font-size:12px;max-width:55%;text-align:right}.aviso{font-size:13px;bottom:80px}}