:root{--ui:Arial,sans-serif;--paper:#F9F7F5;--area-tinta:#37302A;--fundo-livre:#F9F7F5}html{-webkit-font-smoothing:antialiased}body{line-height:1.5}button:disabled{cursor:default}
*{box-sizing:border-box}
body{margin:0;background:#F9F7F5;color:#37302A;font-family:var(--ui);--bb-paper:#F9F7F5;--bb-ink:#37302A;--bb-line:#37302A35;--bb-yellow:#E8E114}
body[data-area=lolla]{font-family:Arial,Arial,sans-serif}
button,input,select{font:inherit}
button,a,input,select{touch-action:manipulation}
button,.botao{border:1px solid var(--bb-ink);background:transparent;color:inherit;border-radius:0;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-block;transition:background .16s,color .16s}
button:hover,.botao:hover{background:#37302A0D}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #885AA5;outline-offset:4px}
button.ativo,.botao.forte{background:var(--bb-ink);color:var(--bb-paper)}
button.ativo:hover,.botao.forte:hover{background:#161311}
a{color:inherit;text-underline-offset:4px}
p{line-height:1.55}
h1,h2,h3,p{overflow-wrap:break-word}
h1{margin:0;font-size:24px}
h2{font-size:34px;margin:0 0 16px;line-height:1.05;font-weight:400}
h3{font-size:24px;margin:0 0 12px;line-height:1.15;font-weight:400}
body[data-area=lolla] h2,body[data-area=lolla] h3{font-family:Impact,Impact,sans-serif;text-transform:uppercase}
small{font-size:11px}
.sobretitulo,.meta{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;line-height:1.6}
.fonte{font-size:11px;line-height:1.65;color:#645D55}
.cabecalho{display:flex;align-items:center;gap:24px;margin:0 36px;padding:25px 0 22px;border-bottom:2px solid var(--bb-ink);position:relative}
body[data-area=lolla] .cabecalho:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#E8E114 0 25%,#FB4A40 25% 50%,#00AE98 50% 75%,#D8A5CB 75%)}
#marca img{display:block;width:100px;height:47px;object-fit:contain}
.cabecalho-titulo{display:grid;gap:5px;font-size:10px;letter-spacing:1.5px;border-left:1px solid var(--bb-line);padding-left:24px}
.cabecalho-titulo strong{font-size:11px}
.etiqueta{margin-left:auto;font-size:10px;text-decoration:none;border-bottom:1px solid;padding:7px 0;white-space:nowrap}
.etiqueta span{margin-left:10px}
#menu{display:none}
nav{display:flex;flex-wrap:wrap;padding:0 36px;background:var(--bb-paper);border-bottom:1px solid var(--bb-line);position:sticky;top:0;z-index:5;gap:0}
nav button{border:0;border-right:1px solid var(--bb-line);padding:15px 13px;font-size:11px;white-space:nowrap;display:flex;gap:8px;align-items:center}
nav button span{font-size:9px;opacity:.65}
nav button.ativo{background:var(--bb-yellow);color:var(--bb-ink)}
main{max-width:1500px;padding:36px 36px 70px;margin:auto}
main:focus{outline:none}
.intro{margin:5px 0 32px;max-width:850px}
.intro h2{font-size:clamp(40px,5.8vw,76px);margin:16px 0 18px;max-width:850px}
.intro p{max-width:670px;font-size:14px;margin-bottom:0}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:start}
.hero-copy{padding-top:10px}
.hero-copy h2{font-size:clamp(62px,7.6vw,116px);line-height:1.01;letter-spacing:-1px;margin:24px 0}
.hero-copy h2 em{font-style:normal;color:#FB4A40}
.hero-copy p{font-size:14px;max-width:360px;margin:0 0 25px}
.hero-copy button{font-size:12px}
.hero-copy button span{margin-left:25px}
.texto-link{padding:10px 0;border:0;border-bottom:1px solid currentColor;font-size:11px}
.hero-copy .texto-link{display:block;margin-top:12px}
.demonstracao{min-width:0}
.poster{background:#E8E114;position:relative;aspect-ratio:1/1.07;isolation:isolate;overflow:hidden;color:#37302A}
.poster-topo{position:absolute;top:7%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;z-index:3}
.poster-topo img{width:26%;max-height:65px;object-fit:contain}
.poster-topo span{font-size:9px;letter-spacing:1.5px;line-height:1.5}
.poster-recorte{position:absolute;inset:45% -20% -30% 45%;background:#FB4A40;transform:rotate(-17deg)}
.poster-texto{position:absolute;top:30%;left:7%;font-family:Impact,Impact,sans-serif;font-size:clamp(65px,8vw,120px);line-height:.98;z-index:2;letter-spacing:-1px;transform:rotate(-4deg)}
.poster-topografia{position:absolute;width:80%;height:48%;object-fit:contain;bottom:-6%;left:-15%;transform:rotate(12deg);z-index:1}
.poster-gesto{position:absolute;width:28%;height:29%;object-fit:contain;right:3%;bottom:13%;z-index:3;transform:rotate(-20deg)}
.poster-rodape{position:absolute;bottom:5%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.5px;z-index:3}
.poster[data-camada="1"] .poster-texto,.poster:not([data-camada="3"]) .poster-topografia,.poster:not([data-camada="3"]) .poster-gesto{visibility:hidden}
.camadas{padding:16px 0 0}
.camadas-botoes{display:flex;margin-top:10px;border:1px solid var(--bb-ink)}
.camadas-botoes button{flex:1;border:0;border-right:1px solid var(--bb-ink);font-size:11px;padding:12px 8px;display:flex;gap:10px;align-items:center;justify-content:center}
.camadas-botoes button:last-child{border:0}
.camadas-botoes button[aria-pressed=true]{background:var(--bb-ink);color:var(--bb-paper)}
.camadas-botoes small{font-size:9px;opacity:.6}
.camadas p{font-size:12px;min-height:38px;margin:12px 0 0}
.camadas .texto-link{font-size:11px;padding:4px 0}
.faixa-editorial{display:flex;justify-content:space-between;gap:15px;border-top:2px solid var(--bb-ink);border-bottom:1px solid var(--bb-ink);padding:14px 0;margin-top:40px;font-size:9px;letter-spacing:1.5px}
.atalhos,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.atalho{padding:24px;text-align:left;position:relative;border:0;background:#E8E114;min-height:280px}
.atalho:nth-child(2){background:#00AE98}
.atalho:nth-child(3){background:#D8A5CB}
.atalho:hover{background:#FAEABB}
.atalho-numero{font-family:Impact,sans-serif;font-size:42px;display:flex;gap:14px;align-items:center;margin-bottom:34px}
.atalho-numero small{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1px}
.atalho h3{font-size:32px}
.atalho>span:not(.atalho-numero){font-size:12px;line-height:1.5;display:block;max-width:250px}
.atalho b{position:absolute;right:20px;top:25px;font-size:24px;font-weight:400}
.card{padding:24px;border:1px solid var(--bb-line);background:transparent}
.card p{font-size:13px}
.card .meta{display:block;margin-bottom:15px}
.card button{font-size:11px}
.pilar-arte{height:220px;margin:-24px -24px 24px;display:grid;place-items:center;padding:30px;overflow:hidden}
.pilar-arte img{max-width:100%;max-height:160px}
.musica{background:#E8E114}
.cidade{background:#00AE98}
.natureza{background:#D8A5CB}
.tipo-specimen{display:grid;grid-template-columns:1fr 1fr;margin:25px 0 42px;background:#37302A;color:#F9F7F5}
.tipo-specimen>div{padding:30px}
.tipo-specimen>div:first-child{background:#E8E114;color:#37302A}
.tipo-specimen strong{font-family:Impact,sans-serif;display:block;font-size:clamp(60px,7vw,100px);line-height:1.05;font-weight:400;margin-top:25px}
.tipo-specimen p{font-size:clamp(23px,3vw,40px);line-height:1.2;margin:30px 0 22px;letter-spacing:-.6px}
.tipo-specimen small{display:block;max-width:300px;font-size:13px;line-height:1.6}
.alfabeto{display:block;margin-top:45px;font-size:20px;line-height:1.6}
.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:0;margin:20px 0}
.swatch{padding:0;text-align:left;border:1px solid var(--bb-line)}
.swatch i{height:120px;display:block}
.swatch span{display:block;padding:12px;font-size:11px;line-height:1.8}
.swatch:hover span{background:#37302A;color:#F9F7F5}
details{border-bottom:1px solid var(--bb-line);padding:22px 0}
summary{font-size:16px;font-weight:700;cursor:pointer;padding-right:15px}
details p{max-width:800px;font-size:14px}
.links{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center;margin-top:22px;font-size:12px}
.aviso{font-size:10px;padding:18px 0;border-top:1px solid var(--bb-line);margin:35px 0 0;color:#645D55;line-height:1.7}
.bancada{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);border:1px solid var(--bb-ink)}
.controles{padding:25px;border-right:1px solid var(--bb-ink)}
.controles>.meta{display:block;margin-bottom:25px}
label{display:block;font-size:11px;font-weight:700;margin:0 0 18px}
label input:not([type=checkbox]),label select{display:block;margin-top:8px;width:100%;max-width:100%;padding:11px;border:1px solid var(--bb-line);background:transparent;color:inherit;border-radius:0;font-size:12px}
input[type=color]{height:43px}
label input[type=range]{padding:0;accent-color:#37302A}
.controles button{font-size:11px;width:100%}
.canvas{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:65px 35px;gap:35px;overflow:hidden;transition:background .15s}
.canvas-meta{position:absolute;top:24px;left:25px;font-size:9px;letter-spacing:1.4px}
.canvas img{max-height:180px;max-width:80%;object-fit:contain}
.amostra{font-family:Impact,Impact,sans-serif;text-align:center;line-height:1.05;overflow-wrap:anywhere;max-width:100%;text-transform:uppercase}
.resultado{padding:22px 25px;border-top:1px solid var(--bb-ink);display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;grid-column:1/-1}
.resultado strong{font-size:20px;letter-spacing:-.5px}
.resultado p{margin:7px 0;font-size:12px}
.resultado .fonte{font-size:10px}
.resultado[data-contraste=baixo]{border-top:5px solid #FB4A40}
.resultado[data-contraste=bom]{border-top:5px solid #00AE98}
.resultado[data-contraste=grande]{border-top:5px solid #E8E114}
.resultado .links{margin:0}
.barra{display:flex;gap:15px;align-items:end;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--bb-ink);border-bottom:1px solid var(--bb-line)}
.barra label{margin:0;flex:1;min-width:170px}
.barra label:first-child{flex:2}
.barra button{font-size:12px;height:40px}
.galeria-cabecalho{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:15px}
.preview-fundos{display:flex;align-items:center;gap:6px}
.preview-fundos>span{font-size:9px;letter-spacing:1px;margin-right:7px}
.preview-fundos button{padding:4px;border-color:transparent}
.preview-fundos button[aria-pressed=true]{border-color:#37302A}
.preview-fundos i{display:block;width:22px;height:22px;border:1px solid #37302A30}
.fundo-claro{background:#E5E3DF}
.fundo-escuro{background:#37302A}
.fundo-cor{background:#E8E114}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px 20px}
.asset{min-width:0}
.asset button{width:100%;border:0;text-align:left;padding:0}
.thumb{height:220px;display:grid;place-items:center;background:#E5E3DF;padding:25px}
.thumb img{max-width:100%;max-height:165px;object-fit:contain;transition:transform .2s}
.asset button:hover img{transform:scale(1.05)}
[data-preview=escuro] .thumb,.thumb[data-preview=escuro]{background:#37302A}
[data-preview=cor] .thumb,.thumb[data-preview=cor]{background:#E8E114}
.legenda{padding:14px 0 10px;font-size:12px;line-height:1.4}
.legenda small{display:block;color:#645D55;margin-top:6px;font-size:10px}
.asset>a{display:block;padding:0 0 14px;border-bottom:1px solid var(--bb-line);font-size:11px}
.vazio{padding:40px;border-left:6px solid #E8E114;background:#FAEABB;max-width:850px}
.vazio h3{font-size:32px}
.vazio p{font-size:14px;max-width:650px}
.comparacao{display:grid;grid-template-columns:1fr 1fr;gap:20px}
dialog{max-width:800px;width:90vw;max-height:90vh;background:var(--bb-paper);color:var(--bb-ink);border:1px solid var(--bb-ink);border-radius:0;padding:25px}
dialog::backdrop{background:#201B16B8;backdrop-filter:blur(3px)}
.fechar{float:right;font-size:11px}
#ficha{clear:both;padding-top:20px}
#ficha .thumb{height:340px;margin-bottom:25px}
#ficha img{max-height:280px}
#ficha h2{font-family:Impact,sans-serif;font-size:34px}
#ficha p{font-size:13px}
#retorno{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#37302A;color:#F9F7F5;padding:12px 20px;z-index:20;pointer-events:none;font-size:12px;box-shadow:0 3px 20px #0003}
#retorno:empty,[hidden]{display:none!important}

@media(min-width:1450px){nav{justify-content:center}
.poster-texto{font-size:125px}
}

@media(max-width:1050px){.hero{gap:28px}
.cabecalho,nav{margin-left:24px;margin-right:24px}
nav{padding:0;margin:0 24px;position:static}
nav button{padding:12px 10px}
main{padding:28px 24px 60px}
.cabecalho{padding-top:22px}
.hero-copy h2{font-size:clamp(58px,8.4vw,85px)}
.poster-texto{font-size:8.5vw}
.atalho{padding:20px}
.atalho h3{font-size:27px}
.pilar-arte{height:180px}
.cards{gap:14px}
.card{padding:20px}
.pilar-arte{margin:-20px -20px 20px}
.pilar-arte img{max-height:130px}
}

@media(max-width:720px){.cabecalho{margin:0 20px;gap:16px;padding:20px 0 17px}
#marca img{width:80px;height:40px}
.cabecalho-titulo{padding-left:16px;letter-spacing:.8px;font-size:8px}
.cabecalho-titulo strong{font-size:9px}
.etiqueta{font-size:9px}
.etiqueta span{margin-left:4px}
#menu{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid var(--bb-line);padding:15px 20px;font-size:10px;letter-spacing:.5px;position:sticky;top:0;z-index:6;background:var(--bb-paper)}
#menu b{font-weight:400;margin-left:6px}
#menu>span:last-child{font-size:20px;line-height:12px}
nav{display:none;margin:0;padding:8px 20px 16px;position:sticky;top:45px;max-height:60vh;overflow:auto;border-bottom:2px solid var(--bb-ink);box-shadow:0 12px 14px #37302A15}
nav.aberto{display:grid;grid-template-columns:1fr 1fr}
nav button{padding:14px 10px;border-bottom:1px solid var(--bb-line);border-right:0;text-align:left;white-space:normal}
main{padding:25px 20px 55px}
.hero{grid-template-columns:1fr;gap:28px}
.hero-copy{padding:0}
.hero-copy h2{font-size:clamp(65px,13vw,94px);line-height:1;margin:19px 0}
.hero-copy p{max-width:420px;font-size:13px}
.hero-copy .texto-link{display:inline-block;margin:0 0 0 16px}
.poster{aspect-ratio:1.12}
.poster-texto{font-size:19vw;top:31%}
.poster-topo img{width:23%;max-height:55px}
.camadas p{min-height:36px}
.faixa-editorial{margin-top:30px;font-size:8px;letter-spacing:.6px}
.faixa-editorial span:last-child{max-width:150px;text-align:right}
.atalhos{grid-template-columns:1fr;gap:12px}
.atalho{min-height:0;padding:22px;display:grid;grid-template-columns:95px 1fr;gap:0 15px}
.atalho-numero{grid-row:1/3;display:block;font-size:46px;margin:0}
.atalho-numero small{display:block;font-size:8px;margin-top:6px}
.atalho h3{font-size:29px;margin-right:25px}
.atalho>span:not(.atalho-numero){max-width:330px}
.atalho b{right:18px;top:18px}
.cards,.comparacao{grid-template-columns:1fr}
.card h3{font-size:30px}
.pilar-arte{height:230px}
.pilar-arte img{max-height:180px}
.intro h2{font-size:52px}
.intro p{font-size:13px}
.tipo-specimen{grid-template-columns:1fr 1fr}
.tipo-specimen>div{padding:20px}
.tipo-specimen strong{font-size:57px}
.tipo-specimen p{font-size:25px}
.tipo-specimen small{font-size:11px}
.alfabeto{font-size:15px;margin-top:25px}
.swatches{grid-template-columns:repeat(3,1fr)}
.swatch i{height:90px}
.swatch span{font-size:10px;padding:9px}
.bancada{grid-template-columns:1fr}
.controles{border-right:0;border-bottom:1px solid var(--bb-ink);display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}
.controles>.meta{grid-column:1/-1;margin:0}
.controles label{margin:0;min-width:0}
.controles label:first-of-type,.controles label:nth-of-type(4){grid-column:1/-1}
.controles button{align-self:end;min-height:42px}
.canvas{min-height:370px;padding:65px 25px 40px}
.resultado{padding:20px}
.grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.thumb{height:180px;padding:20px}
.thumb img{max-height:130px}
.barra{gap:10px}
.barra label{min-width:120px}
.barra label:first-child{min-width:100%;flex:1}
.vazio{padding:25px}
.aviso{margin-top:25px}
#ficha .thumb{height:260px}
#ficha img{max-height:210px}
}

@media(max-width:390px){.etiqueta{max-width:70px;white-space:normal;text-align:right}
.cabecalho{gap:10px}
.cabecalho-titulo{padding-left:10px}
.hero-copy .texto-link{margin:10px 0 0;display:block}
.tipo-specimen{grid-template-columns:1fr}
.tipo-specimen strong{font-size:70px}
.thumb{height:150px;padding:16px}
.thumb img{max-height:110px}
.camadas-botoes button{gap:6px;font-size:10px}
.atalho{grid-template-columns:70px 1fr}
.atalho h3{font-size:25px}
}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}
}


body:not([data-area=lolla]) .vazio{border-left-color:var(--area-tinta);background:var(--paper)}

nav button.ativo:hover{background:var(--bb-yellow);color:var(--bb-ink)}

/* Noite é uma apresentação alternativa; cor dos originais e testes é preservada. */
.tema-manual{display:flex;border:1px solid var(--bb-line);padding:3px;gap:3px;flex-shrink:0}
.tema-manual button{font-size:11px;padding:8px 12px;border:0;min-height:34px}
.tema-manual button[aria-pressed=true]{background:var(--bb-ink);color:var(--bb-paper)}
html[data-bb-tema=noite]{background:#211E1B;color-scheme:dark}
html[data-bb-tema=dia]{color-scheme:light}
html[data-bb-tema=noite] body{--bb-paper:#211E1B;--bb-ink:#F9F7F5;--bb-line:#F9F7F535;background:var(--bb-paper);color:var(--bb-ink)}
html[data-bb-tema=noite] .fonte,html[data-bb-tema=noite] .aviso,html[data-bb-tema=noite] .legenda small{color:#BDB6AE}
html[data-bb-tema=noite] button:hover,html[data-bb-tema=noite] .botao:hover{background:#F9F7F512}
html[data-bb-tema=noite] button.ativo:hover,html[data-bb-tema=noite] .botao.forte:hover{background:#E8E114;color:#37302A}
html[data-bb-tema=noite] nav button.ativo,html[data-bb-tema=noite] nav button.ativo:hover{background:#E8E114;color:#37302A}
html[data-bb-tema=noite] .atalho,html[data-bb-tema=noite] .poster,html[data-bb-tema=noite] .vazio{color:#37302A}
html[data-bb-tema=noite] .atalho:hover{background:#FAEABB}
html[data-bb-tema=noite] .vazio button{border-color:#37302A}
html[data-bb-tema=noite] .vazio button:hover{background:#37302A15}
html[data-bb-tema=noite] .thumb{background:#E5E3DF;color-scheme:light}
html[data-bb-tema=noite] [data-preview=escuro] .thumb,html[data-bb-tema=noite] .thumb[data-preview=escuro]{background:#37302A}
html[data-bb-tema=noite] [data-preview=cor] .thumb,html[data-bb-tema=noite] .thumb[data-preview=cor]{background:#E8E114}
html[data-bb-tema=noite] .preview-fundos button[aria-pressed=true]{border-color:#F9F7F5}
html[data-bb-tema=noite] .swatch:hover span{background:#F9F7F5;color:#37302A}
html[data-bb-tema=noite] label input,html[data-bb-tema=noite] label select{background:#2B2723}
html[data-bb-tema=noite] label input[type=range]{accent-color:#E8E114}
html[data-bb-tema=noite] .controles,html[data-bb-tema=noite] .resultado{background:#27231F}
html[data-bb-tema=noite] #retorno{background:#F9F7F5;color:#37302A}
html[data-bb-tema=noite] .camadas-botoes button[aria-pressed=true],html[data-bb-tema=noite] .tema-manual button[aria-pressed=true]{background:#F9F7F5;color:#211E1B}
html[data-bb-tema=noite] :is(button,a,input,select,summary):focus-visible{outline-color:#E8E114}
@media(max-width:720px){.cabecalho{flex-wrap:wrap;gap:12px 16px}.tema-manual{margin-left:auto}.cabecalho .etiqueta{margin-left:auto}.tema-manual button{padding:7px 11px}.cabecalho:has(.tema-manual:not([hidden])) .etiqueta{max-width:none;white-space:nowrap}}
@media(max-width:450px){.cabecalho .tema-manual{margin-left:0}.cabecalho .etiqueta{order:4}.cabecalho-titulo{margin-right:auto}}

/* Abertura reconstruída com elementos dos arquivos reais de produção. */
.abertura-manual{display:flex;justify-content:space-between;gap:20px;padding:0 0 17px}
.capa-producao{position:relative;isolation:isolate;overflow:hidden;background:#FB4A40;color:#15110E;min-height:610px;display:grid;place-items:center;padding:80px 50px 100px}
.capa-fundo{position:absolute;inset:0;background-image:url('/composicao/degrade_L.webp'),url('/composicao/degrade_R.webp'),url('/composicao/espiral_grande.webp');background-size:55% 130%,65% 155%,cover;background-position:left top,right bottom,center;background-repeat:no-repeat;pointer-events:none;z-index:-2}
.capa-conteudo{width:min(670px,76%);position:relative;z-index:2;text-align:center}
.capa-logo{width:88%;height:auto;max-height:125px;object-fit:contain;margin:10px 0 20px}
.capa-papel{position:relative;padding:30px 20px 50px;isolation:isolate}
.capa-papel:before{content:'';position:absolute;inset:0;background:url('/composicao/caixa_amarela.webp') center/100% 100% no-repeat;z-index:-1}
.capa-papel h2{color:#15110E;font-size:clamp(66px,8.8vw,125px);line-height:.97;letter-spacing:-1px;margin:0;font-weight:400}
.capa-papel p{font-family:Impact,sans-serif;font-size:clamp(16px,2.3vw,25px);margin:16px 0 0;color:#A42720;letter-spacing:.4px}
.capa-acoes{display:flex;justify-content:center;gap:12px;margin:20px 0 0}
.capa-acoes button{background:#15110E;color:#F9F7F5;border-color:#15110E;font-size:12px;padding:14px 17px}
.capa-acoes button:last-child{background:#F9F7F5;color:#15110E}
.capa-acoes button span{margin-left:15px}
html[data-bb-tema] .capa-acoes button:hover{background:#E8E114;color:#15110E}
.capa-topografia{position:absolute;left:-25px;top:0;width:20%;max-height:80%;object-fit:contain;object-position:top left;pointer-events:none;z-index:0}
.capa-faixa15{position:absolute;top:0;right:0;width:63%;height:auto;pointer-events:none;z-index:1}
.capa-flor{position:absolute;right:-20px;bottom:-40px;width:26%;max-height:65%;object-fit:contain;object-position:bottom right;z-index:3;pointer-events:none}
.capa-rodape{position:absolute;left:0;bottom:0;width:100%;height:auto;min-height:70px;object-fit:cover;object-position:left top;pointer-events:none;z-index:1}
.capa-textura-papel,.capa-textura-grao{position:absolute;inset:0;pointer-events:none;z-index:4;background-position:center;background-size:cover}
.capa-textura-papel{background-image:url('/composicao/tratamento_papel.webp');mix-blend-mode:multiply;opacity:.62}
.capa-textura-grao{background-image:url('/composicao/tratamento_005.webp');mix-blend-mode:overlay;opacity:.32}
.capa-producao:not([data-etapa="4"]) :is(.capa-textura-papel,.capa-textura-grao){visibility:hidden}
.capa-producao:is([data-etapa="1"],[data-etapa="2"]) :is(.capa-topografia,.capa-faixa15,.capa-flor,.capa-rodape){visibility:hidden}
.capa-producao[data-etapa="1"] .capa-papel:before{visibility:hidden}
.capa-producao[data-etapa="1"] .capa-papel{background:#F9F7F5E8}
.leitura-capa{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:30px 0 10px;align-items:center}
.leitura-capa h3{font-size:34px;line-height:1.1;margin:13px 0}
.leitura-capa>div>p{font-size:12px;max-width:380px;margin-bottom:0}
.leitura-capa .camadas{padding:0}.leitura-capa .camadas p{font-size:13px;min-height:64px;max-width:570px;margin:17px 0}
.leitura-capa .camadas>a{font-size:11px}.rotas-manual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:24px}
.rotas-manual button{text-align:left;padding:22px 0;border:0;border-top:4px solid #00AE98;position:relative}
.rotas-manual button:nth-child(2){border-top-color:#D8A5CB}.rotas-manual button:nth-child(3){border-top-color:#FB4A40}
.rotas-manual h3{font-size:32px;margin:20px 25px 12px 0}.rotas-manual p{font-size:12px;max-width:270px}.rotas-manual button>span:last-child{position:absolute;right:5px;top:22px;font-size:25px}
@media(max-width:900px){.capa-producao{padding:70px 25px 100px;min-height:570px}.capa-conteudo{width:80%}.capa-papel h2{font-size:82px}.capa-flor{width:27%}.capa-papel{padding:25px 20px 45px}.leitura-capa{gap:25px}.camadas-botoes button{gap:6px}.rotas-manual h3{font-size:26px}}
@media(max-width:720px){.abertura-manual{font-size:9px}.abertura-manual .meta{font-size:8px;max-width:120px;text-align:right}.capa-producao{margin:0 -20px;padding:65px 15px 85px;min-height:520px}.capa-conteudo{width:92%}.capa-logo{width:88%;margin:15px 0 22px}.capa-papel{width:94%;margin:auto;padding:28px 12px 42px}.capa-papel h2{font-size:clamp(64px,14vw,92px)}.capa-papel p{font-size:18px}.capa-faixa15{width:78%}.capa-topografia{width:24%;left:-18px}.capa-flor{width:27%;bottom:-15px;right:-15px}.capa-rodape{min-height:52px}.capa-acoes{gap:9px;margin-top:18px}.capa-acoes button{font-size:11px;padding:12px 10px}.capa-acoes button span{margin-left:7px}.leitura-capa{grid-template-columns:1fr;gap:20px;padding-top:28px}.leitura-capa h3{font-size:32px}.leitura-capa .camadas p{min-height:65px}.camadas-botoes button{flex-direction:column;gap:5px}.rotas-manual{grid-template-columns:1fr;gap:12px}.rotas-manual button{padding:20px 0 10px}.rotas-manual h3{font-size:32px;margin:10px 0}.rotas-manual p{max-width:none}.rotas-manual h3 br{display:none}}

/* Revisão do Keynote: composição usa as marcas sem ano e o pattern atual. */
.capa-faixa15{top:-65px;right:-20px;width:57%;height:120px;object-fit:cover;background:#F9F7F5;padding:12px;transform:rotate(8deg);clip-path:polygon(0 0,100% 0,100% 100%,91% 94%,83% 99%,75% 93%,63% 97%,51% 91%,43% 97%,30% 94%,20% 98%,10% 93%,0 97%)}
.capa-rodape{left:22px;bottom:8px;width:15%;height:140px;min-height:0;object-fit:contain;object-position:left bottom}
.capa-topografia{width:22%;top:22px;left:-38px}
.capa-flor{width:24%;max-height:58%;right:-28px;bottom:-28px}
.capa-logo{max-height:110px;max-width:560px}
.conjunto-atual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 35px}
.conjunto-atual .thumb{height:210px}.conjunto-atual button{padding:18px;text-align:left;width:100%}.conjunto-atual img{max-width:100%;max-height:100%;object-fit:contain}
.setores-pendentes{padding:22px;border:1px solid var(--bb-line);margin-top:30px}.setores-pendentes p{max-width:850px}
@media(max-width:720px){.capa-faixa15{width:72%;height:92px;top:-15px;right:-12px;padding:5px}.capa-logo{margin:15px 0 22px}.capa-rodape{height:68px;width:18%;left:13px;bottom:5px}.capa-flor{width:30%;right:-20px;bottom:-20px}.conjunto-atual{grid-template-columns:1fr}.conjunto-atual .thumb{height:220px}}

/* Cores livres da prévia não alteram os arquivos originais. */
html[data-bb-tema] #grade .thumb{background:var(--fundo-livre,#E5E3DF)}
.cor-livre{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:12px 0;min-width:0}
.cor-livre>span{display:flex;gap:9px;align-items:center}
.cor-livre input[type=color]{width:48px;min-width:48px;height:42px;padding:3px;cursor:pointer}
.cor-livre input[type=text]{width:130px;min-width:0;max-width:100%;font-family:monospace;text-transform:uppercase}
.cor-livre [aria-invalid=true]{outline:2px solid #FB4A40}
.editor-cores{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.palco-asset{display:grid;place-items:center;padding:24px;min-height:250px;border:1px solid var(--bb-line);margin-top:18px}
.palco-asset canvas{display:block;width:auto;height:auto;max-width:100%;max-height:330px;object-fit:contain}
.marca-protegida{font-size:13px;max-width:340px}
.exportar-asset{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:16px 0;margin-bottom:15px;border-bottom:1px solid var(--bb-line)}
.exportar-asset label{display:flex;align-items:center;gap:8px;font-size:12px}.exportar-asset input{width:auto}
.exportar-asset button:disabled{opacity:.5;cursor:wait}
@media(max-width:720px){.editor-cores{gap:8px}.palco-asset{min-height:180px;padding:15px}.palco-asset canvas{max-height:240px}.exportar-asset{align-items:flex-start;flex-direction:column}}
.modo-cor{display:flex;gap:8px;align-items:center;font-size:12px}.modo-cor input{width:auto}

.cor-paleta{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:12px 0;min-width:0}
.cor-paleta>span{display:flex;gap:10px;align-items:center;min-width:0}
.cor-paleta i{width:34px;height:34px;flex-shrink:0;border:1px solid #888}
.cor-paleta select{min-width:0;width:100%;max-width:290px}
@media(max-width:720px){.editor-cores .cor-paleta{width:100%}}
@media(max-width:720px){.controles .cor-paleta{grid-column:1/-1}.cor-paleta select{max-width:none}}

.rodape-direitos{margin:0 35px;padding:22px 0 32px;border-top:1px solid var(--bb-line);font-size:12px}.creditos-ferramenta{max-width:850px}.creditos-ferramenta h3{margin-top:38px}.creditos-ferramenta li{margin:12px 0}.creditos-ferramenta strong{color:inherit}@media(max-width:720px){.rodape-direitos{margin:0 20px}}

.asset-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px 12px}.asset .asset-acoes button{width:auto;padding:8px 10px;font-size:12px;border:1px solid currentColor}.asset .asset-acoes a{padding:0;font-size:12px}

.aviso-web{font:12px Arial,sans-serif;padding:10px 20px;background:#FAEABB;color:#37302A}.sessao-web{display:flex;justify-content:flex-end;padding:8px 20px}.sessao-web button{font-size:12px}