/* fundo granulado atrás do cartão: aparece e some em 3 passos, e o grão tremula como filme */
.capa-grao{position:absolute;z-index:7;inset:0;pointer-events:none;opacity:0;
  background-image:url(img/ad5d681fe5.png);background-size:150px 150px;
  transition:opacity .42s steps(3,start);animation:capa-grao .36s steps(1,end) infinite;animation-play-state:paused}
.capa-grao[data-on="1"]{opacity:1;animation-play-state:running}
@keyframes capa-grao{0%{background-position:0 0}25%{background-position:-41px 67px}50%{background-position:73px -29px}75%{background-position:-17px -83px}}
@media (prefers-reduced-motion:reduce){.capa-grao{animation:none;transition:opacity .2s linear}}
/* blur de movimento vertical no fundo enquanto o cartão está aberto: entra e sai em 3 passos, junto com o grão */
.capa[data-mb="in"]>:is(header,.capa-mid,.capa-says-l,.capa-tel,.capa-says-r,.capa-char){animation:capa-mb-in .42s step-end forwards}
.capa[data-mb="out"]>:is(header,.capa-mid,.capa-says-l,.capa-tel,.capa-says-r,.capa-char){animation:capa-mb-out .42s step-end forwards}
@keyframes capa-mb-in{0%{filter:url(#capa-mb1)}33.333%{filter:url(#capa-mb2)}66.667%,100%{filter:url(#capa-mb3)}}
@keyframes capa-mb-out{0%{filter:url(#capa-mb2)}33.333%{filter:url(#capa-mb1)}66.667%,100%{filter:none}}

html,body{margin:0;background:#A8DB70}
@media (prefers-color-scheme: dark){html,body{background:#403826}}
@font-face{font-family:"PP Mori Web";font-weight:400;font-style:normal;font-display:swap;src:local("PP Mori Regular"),local("PPMori-Regular"),url(../fontes/PPMori-Regular.woff2) format("woff2")}
@font-face{font-family:"PP Mori Web";font-weight:400;font-style:italic;font-display:swap;src:local("PP Mori Book Italic"),local("PPMori-BookItalic"),url(../fontes/PPMori-BookItalic.woff2) format("woff2")}
@font-face{font-family:"PP Mori Web";font-weight:600;font-style:normal;font-display:swap;src:local("PP Mori SemiBold"),local("PPMori-SemiBold"),url(../fontes/PPMori-SemiBold.woff2) format("woff2")}
.capa-midia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.capa-btn.capa-som{position:absolute;right:12px;bottom:12px;z-index:1;min-height:32px;padding:0 14px;border-radius:999px;background:rgba(20,17,10,.55);color:#fff;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.capa-btn.capa-som[aria-pressed="true"]{background:#A8DB70;color:#403826}
.capa-premio{position:absolute;left:12px;top:12px;z-index:1;margin:0;padding:7px 12px;border-radius:999px;background:#A8DB70;color:#403826;font-size:11px;line-height:1;font-weight:600;pointer-events:none}
.capa-premio.capa-premio-cs{position:relative;left:auto;top:auto;margin-top:28px;padding:9px 16px;font-size:13px}
.capa-premio-ouro,.capa-premio-prata,.capa-premio-bronze{overflow:hidden;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.18)}
.capa-premio-bronze{background:linear-gradient(135deg,#9A5F2C 0%,#C88A4E 42%,#E2AE78 52%,#B97A3F 64%,#8A5326 100%);color:#2B1708}
.capa-premio-prata{background:linear-gradient(135deg,#8E9399 0%,#C9CDD2 42%,#EEF0F2 52%,#B5BABF 64%,#83888E 100%);color:#1E2124}
.capa-premio-ouro{background:linear-gradient(135deg,#A97C1E 0%,#D9AE45 42%,#F6D98A 52%,#CFA136 64%,#9C7015 100%);color:#2A1C02}
.capa-premio-ouro::after,.capa-premio-prata::after,.capa-premio-bronze::after{content:"";position:absolute;top:-50%;bottom:-50%;left:0;width:45%;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,247,230,.75),rgba(255,255,255,0));transform:translateX(-160%) skewX(-20deg);animation:capa-brilho 3.2s ease-in-out infinite}
@keyframes capa-brilho{0%{transform:translateX(-160%) skewX(-20deg)}45%,100%{transform:translateX(330%) skewX(-20deg)}}
@media (prefers-reduced-motion:reduce){.capa-premio::after{animation:none;opacity:0}}
/* troféu: tela que sobe por cima do case (como o cartão de contato): grão, blur de movimento no fundo e o troféu girando */
.capa-premio.capa-premio-cs{border:0;font-family:inherit;pointer-events:auto;cursor:pointer}
.capa-premio.capa-premio-cs[data-trofeu="0"]{cursor:default}
html[data-trofeu="in"] [data-capa-port]{animation:capa-mb-in .42s step-end forwards}
html[data-trofeu="out"] [data-capa-port]{animation:capa-mb-out .42s step-end forwards}
.capa-trofeu{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:hidden;cursor:pointer;color:#A8DB70;
  font-family:'PP Mori Web','PP Mori','Instrument Sans',system-ui,sans-serif;background:rgba(28,24,15,0);transition:background-color .42s steps(3,start)}
.capa-trofeu[hidden]{display:none}
.capa-trofeu[data-estado="in"],.capa-trofeu[data-estado="on"]{background:rgba(28,24,15,.5)}
.capa-trofeu>.capa-grao{z-index:0}
.capa-trofeu-palco{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;transform:translateY(115vh)}
.capa-trofeu[data-estado="in"] .capa-trofeu-palco{animation:capa-trofeu-sobe .95s cubic-bezier(.16,.84,.3,1.04) forwards,capa-trofeu-mb .95s step-end forwards}
.capa-trofeu[data-estado="on"] .capa-trofeu-palco{transform:none}
.capa-trofeu[data-estado="out"] .capa-trofeu-palco{animation:capa-trofeu-desce .55s cubic-bezier(.5,0,.85,.35) forwards,capa-trofeu-mb-out .55s step-end forwards}
@keyframes capa-trofeu-sobe{0%{transform:translateY(115vh)}100%{transform:none}}
@keyframes capa-trofeu-desce{0%{transform:none}100%{transform:translateY(115vh)}}
@keyframes capa-trofeu-mb{0%{filter:url(#capa-mb3)}45%{filter:url(#capa-mb2)}70%{filter:url(#capa-mb1)}88%,100%{filter:none}}
@keyframes capa-trofeu-mb-out{0%{filter:url(#capa-mb1)}25%{filter:url(#capa-mb2)}55%,100%{filter:url(#capa-mb3)}}
/* altura do troféu: 74% da tela, mas no celular quem manda é a largura (o vídeo é 4:5 e não pode passar das bordas) */
.capa-trofeu{--trofeu-h:min(74vh,860px,calc((100vw - 32px) * 1.25))}
.capa-trofeu-video{display:block;height:var(--trofeu-h);width:auto;max-width:calc(100vw - 32px);aspect-ratio:4/5;pointer-events:none}
.capa-premio.capa-trofeu-selo{position:relative;left:auto;top:auto;margin-top:calc(var(--trofeu-h) * -.07);padding:9px 16px;font-size:13px}
.capa-trofeu-voltar{position:absolute;z-index:2;top:14px;right:clamp(12px,2vw,28px);min-height:40px;padding:0 18px;border:1.5px solid #A8DB70;border-radius:999px;
  background:transparent;color:#A8DB70;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .42s steps(3,end)}
.capa-trofeu[data-estado="in"] .capa-trofeu-voltar,.capa-trofeu[data-estado="on"] .capa-trofeu-voltar{opacity:1}
@media (prefers-reduced-motion:reduce){
  .capa-trofeu-palco{transform:none!important;animation:none!important}
  html[data-trofeu] [data-capa-port]{animation:none}
  .capa-trofeu{transition:opacity .2s linear}.capa-trofeu[data-estado="out"]{opacity:0}}
*{box-sizing:border-box}
a{color:inherit}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
.capa{
  --cr:28px; --cb:24px; --ch:90px; --cw:calc(var(--ch) * 0.765);
  --tl:28px; --tb:24px; --th:86px; --tw:calc(var(--th) * 0.4606);
}
.capa-btn{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}
.capa-char-in{width:100%;height:100%}
.capa-e{opacity:0}
.capa-e1{opacity:1}
@keyframes capa-e1{0.000%{opacity:1}16.043%{opacity:0}17.112%{opacity:1}18.182%{opacity:0}100%{opacity:0}}
.capa-e1{animation:capa-e1 14960ms step-end infinite}
@keyframes capa-e2{0.000%{opacity:0}16.043%{opacity:1}17.112%{opacity:0}18.182%{opacity:1}19.251%{opacity:0}100%{opacity:0}}
.capa-e2{animation:capa-e2 14960ms step-end infinite}
@keyframes capa-e4{0.000%{opacity:0}19.251%{opacity:1}33.957%{opacity:0}100%{opacity:0}}
.capa-e4{animation:capa-e4 14960ms step-end infinite}
@keyframes capa-e5{0.000%{opacity:0}33.957%{opacity:1}35.294%{opacity:0}100%{opacity:0}}
.capa-e5{animation:capa-e5 14960ms step-end infinite}
@keyframes capa-e6{0.000%{opacity:0}35.294%{opacity:1}36.631%{opacity:0}100%{opacity:0}}
.capa-e6{animation:capa-e6 14960ms step-end infinite}
@keyframes capa-e7{0.000%{opacity:0}36.631%{opacity:1}47.326%{opacity:0}100%{opacity:0}}
.capa-e7{animation:capa-e7 14960ms step-end infinite}
@keyframes capa-e8{0.000%{opacity:0}47.326%{opacity:1}49.332%{opacity:0}100%{opacity:0}}
.capa-e8{animation:capa-e8 14960ms step-end infinite}
@keyframes capa-e9{0.000%{opacity:0}49.332%{opacity:1}61.364%{opacity:0}100%{opacity:0}}
.capa-e9{animation:capa-e9 14960ms step-end infinite}
@keyframes capa-e10{0.000%{opacity:0}61.364%{opacity:1}62.834%{opacity:0}100%{opacity:0}}
.capa-e10{animation:capa-e10 14960ms step-end infinite}
@keyframes capa-e11{0.000%{opacity:0}62.834%{opacity:1}72.193%{opacity:0}100%{opacity:0}}
.capa-e11{animation:capa-e11 14960ms step-end infinite}
@keyframes capa-e12{0.000%{opacity:0}72.193%{opacity:1}73.930%{opacity:0}100%{opacity:0}}
.capa-e12{animation:capa-e12 14960ms step-end infinite}
@keyframes capa-e13{0.000%{opacity:0}73.930%{opacity:1}83.957%{opacity:0}100%{opacity:0}}
.capa-e13{animation:capa-e13 14960ms step-end infinite}
@keyframes capa-e15{0.000%{opacity:0}83.957%{opacity:1}100%{opacity:0}}
.capa-e15{animation:capa-e15 14960ms step-end infinite}
.capa-char:hover .capa-e:not(.capa-e14),.capa-char:focus-visible .capa-e:not(.capa-e14){visibility:hidden}
.capa-char:hover .capa-e14,.capa-char:focus-visible .capa-e14{opacity:1}
.capa-tel-in{width:100%;height:100%}
.capa-bub{position:absolute;height:40px;white-space:nowrap;pointer-events:none;font-size:14px;line-height:16px;font-weight:600;letter-spacing:-0.01em;color:var(--tinta);opacity:0}
.capa-bub-s{position:absolute;inset:0;display:flex}
.capa-bub-s svg{display:block;height:100%;overflow:hidden}
.capa-bub-s .l{width:18.3px;flex:none}
.capa-bub-s .m{flex:1 1 auto;width:1px;margin:0 -0.5px}
.capa-bub-s .r{width:31.4px;flex:none}
.capa-bub-t{position:relative;display:block;padding:8px 12px 0 11px}
.capa-bub.flip .capa-bub-s{transform:scaleX(-1)}
.capa-bub.flip .capa-bub-t{padding:8px 12px 0 11px}
.capa-says-r .capa-bub{right:0;bottom:0;transform-origin:100% 100%}
.capa-says-l .capa-bub{left:0;bottom:0;transform-origin:0 100%}
.capa-react{transition:none}
@keyframes capa-bc1{0%{opacity:0;transform:scale(.85)}4.822%{opacity:1;transform:scale(.88)}5.000%{opacity:1;transform:scale(1.06)}5.178%{opacity:1;transform:scale(1)}7.222%{opacity:0;transform:scale(1)}100%{opacity:0}}
.capa-bc1{animation:capa-bc1 45000ms step-end infinite}
@keyframes capa-bc2{0%{opacity:0;transform:scale(.85)}27.222%{opacity:1;transform:scale(.88)}27.400%{opacity:1;transform:scale(1.06)}27.578%{opacity:1;transform:scale(1)}29.267%{opacity:0;transform:scale(1)}100%{opacity:0}}
.capa-bc2{animation:capa-bc2 45000ms step-end infinite}
@keyframes capa-bc3{0%{opacity:0;transform:scale(.85)}41.222%{opacity:1;transform:scale(.88)}41.400%{opacity:1;transform:scale(1.06)}41.578%{opacity:1;transform:scale(1)}43.000%{opacity:0;transform:scale(1)}100%{opacity:0}}
.capa-bc3{animation:capa-bc3 45000ms step-end infinite}
@keyframes capa-bc4{0%{opacity:0;transform:scale(.85)}82.044%{opacity:1;transform:scale(.88)}82.222%{opacity:1;transform:scale(1.06)}82.400%{opacity:1;transform:scale(1)}84.222%{opacity:0;transform:scale(1)}100%{opacity:0}}
.capa-bc4{animation:capa-bc4 45000ms step-end infinite}
.capa-mm{position:absolute;left:7.8%;top:4.34%;width:77.6%;height:95.6%;overflow:hidden}
.capa-mm-y{width:1500%;height:1200%;animation:capa-mm-y 15000ms steps(12) infinite}
.capa-mm-x{width:100%;height:100%;background:url(img/f4e4a6af80.png) 0 0/100% 100% no-repeat;animation:capa-mm-x 1250ms steps(15) infinite}
@keyframes capa-mm-y{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@keyframes capa-mm-x{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.capa-mmh{position:absolute;left:7.8%;top:4.34%;width:77.6%;height:95.6%;overflow:hidden}
.capa-mmh-y{width:1500%;height:400%;animation:capa-mmh-y 5000ms steps(4,jump-none) -333ms 1 forwards}
.capa-mmr{position:absolute;left:7.8%;top:4.34%;width:77.6%;height:95.6%;overflow:hidden}
.capa-mmr-y{width:1500%;height:400%}
.capa-mmh-x,.capa-mmr-x{width:100%;height:100%;background:url(img/398249a585.png) 0 0/100% 100% no-repeat;animation:capa-mmh-x 1250ms steps(15,jump-none) -333ms 4 forwards}
.capa-mmr-x{animation:none}
@keyframes capa-mmh-y{from{transform:translateY(0)}to{transform:translateY(-75%)}}
@keyframes capa-mmh-x{from{transform:translateX(0)}to{transform:translateX(-93.3333%)}}
@media (prefers-reduced-motion:reduce){.capa-mmh-y{transform:translateY(-75%)}.capa-mmh-x{transform:translateX(-93.3333%)}}
.capa-mmo{position:absolute;left:-9.27%;top:4.34%;width:123.1%;height:95.6%;overflow:hidden}
.capa-mmb{position:absolute;left:43.5%;top:32.85%;width:15.6%;height:47%;overflow:visible;transform:scaleX(-1)}
.capa-mmo-in{width:1200%;height:200%;background:url(img/efd5dbb5de.png) 0 0/100% 100% no-repeat}

.capa-idx{min-height:32px;padding:0 2px;border-bottom:1px solid transparent}
.capa-idx:hover,.capa-idx:focus-visible{border-bottom-color:currentColor}
.capa-tema{display:inline-flex;align-items:center;justify-content:center;min-width:32px}
.capa-card[data-3d="1"]{opacity:0!important;pointer-events:none!important}
.capa-card[data-3d="1"]:focus-within{opacity:1!important;pointer-events:auto!important;z-index:9!important}
.capa-linha{display:block;width:max-content;min-height:22px;font-size:14px;line-height:22px;font-weight:600;text-decoration:none;border-bottom:1px solid transparent}
.capa-linha:hover,.capa-linha:focus-visible{border-bottom-color:currentColor}
.capa-case{transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.capa-filtro{display:inline;font:inherit;letter-spacing:inherit;transition:opacity .2s ease}
.capa-filtro:hover,.capa-filtro:focus-visible{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.08em}
.capa-filtro sup{font-size:.22em;letter-spacing:0;vertical-align:2.6em;margin-left:.1em}
.capa-next-arrow{display:inline-block;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}
.capa-next:hover .capa-next-arrow,.capa-next:focus-visible .capa-next-arrow{transform:translateX(12px)}
.capa-case-card{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.capa-case-pg[data-flip="1"]>:not([data-capa-cover]){animation:capa-case-in .45s .25s cubic-bezier(.2,.8,.2,1) both}
@keyframes capa-case-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.capa-case:hover .capa-case-card{transform:scale(.985)}
.capa-case:hover .capa-case-more{text-decoration:underline}
@keyframes capa-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(-1deg) translateY(-2px)}}
@media (max-width:720px){
  .capa{--cr:16px; --cb:16px; --ch:68px; --tl:16px; --tb:16px; --th:64px}
  .capa-card{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;aspect-ratio:auto!important;height:300px}
  .capa-card-bar{display:none!important}
  .capa-card-sol{left:58px!important;width:96px!important;height:96px!important}
  .capa-card-sol svg{width:62px;height:62px}
  .capa-card-ddd{left:72px!important}
  .capa-card-txt{left:166px!important;width:auto!important;right:14px;top:84px!important}
  .capa-grid>*{grid-column:1 / -1!important}
  .capa-case-txt>*{grid-column:1 / -1!important}
  .capa-ficha-tec{grid-template-columns:repeat(2,1fr)!important}
}
@media (prefers-reduced-motion:reduce){
  .capa *,.capa *::before,.capa *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
}

/* modo claro/escuro: as cores do arquivo são as do modo claro; data-inv="1" troca para o outro */
.capa{--fundo:#A8DB70;--tinta:#403826;--escuro:#E9F4D9;--cinza:#6E6B48;--miudo:#4F4630;--sombra:42,36,24;--borda:#2A2418;--sol:#A8DB70;--mao:#403826;--concha:#A8DB70}
.capa[data-inv="1"]{--fundo:#403826;--tinta:#A8DB70;--escuro:#2A2418;--cinza:#8C8A62;--miudo:#93BE64;--sombra:18,15,9;--borda:#1A160E;--sol:#A8DB70;--mao:#2A2418;--concha:#2A2418}
.capa-wm-a{display:none}
.capa[data-inv="1"] .capa-wm-a{display:block}
.capa[data-inv="1"] .capa-wm-n{display:none}
.capa[data-inv="1"] .capa-mm-x{background-image:url(img/d39430359d.png)}
.capa[data-inv="1"] .capa-mmh-x,.capa[data-inv="1"] .capa-mmr-x{background-image:url(img/43990989c7.png)}
.capa[data-inv="1"] .capa-mmo-in{background-image:url(img/2a90bc02d6.png)}
.capa-fecha-c{display:none}
@media (max-width:720px){.capa-fecha-l{display:none}.capa-fecha-c{display:inline}}
.capa-card-sol{background:none!important}
.capa-card-sol svg{position:absolute;left:-48px;top:-26px;width:220px!important;height:220px!important;opacity:0.1;fill:var(--tinta)}
.capa-card-sol svg path{fill:var(--tinta)}
/* carregando: a mão do loader (mesmos quadros vetoriais) contando sobre a mídia que ainda não chegou (capa.js) */
.capa-carrega{position:fixed;left:-44px;top:-44px;width:88px;height:88px;z-index:9998;pointer-events:none;opacity:0;transition:opacity .25s ease}
.capa-carrega[data-on]{opacity:1}
.capa-carrega svg{display:block;width:100%;height:100%}
.capa-carrega path{fill:#A8DB70}
/* aviso de cookies (LGPD): pílula "dedos cruzados" acima da linha de baixo da capa; nada do Google carrega antes do "Pode sim" */
.fc-ck{--ck-base:132px;position:fixed;left:50%;bottom:var(--ck-base);transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:14px;
  width:max-content;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 10px 10px 14px;border-radius:999px;background:#403826;color:#E9F4D9;
  font:400 14px/1.35 'PP Mori Web','PP Mori','Instrument Sans',system-ui,sans-serif;box-shadow:0 10px 30px rgba(28,24,15,.25);
  opacity:0;translate:0 12px;transition:opacity .35s ease,translate .35s ease}
.fc-ck[hidden]{display:none}
.fc-ck[data-on]{opacity:1;translate:0 0}
.fc-ck svg{width:34px;height:34px;flex:none}.fc-ck svg path{fill:#A8DB70}
.fc-ck p{margin:0;max-width:430px}.fc-ck p b{color:#A8DB70;font-weight:600}
.fc-ck div{display:flex;gap:6px;flex:none}
.fc-ck button{font:inherit;font-weight:600;padding:9px 16px;border-radius:999px;border:1.5px solid #A8DB70;background:transparent;color:#A8DB70;cursor:pointer}
.fc-ck button.sim{background:#A8DB70;color:#403826}
.fc-ck button:focus-visible{outline:2px solid #E9F4D9;outline-offset:2px}
@media (max-width:720px){.fc-ck{--ck-base:96px;left:12px;right:12px;transform:none;width:auto;border-radius:18px;flex-wrap:wrap;padding:14px}
  .fc-ck p{flex:1 1 200px}.fc-ck div{flex:1 1 100%}.fc-ck button{flex:1}}
@media (prefers-color-scheme:dark){.fc-ck{background:#A8DB70;color:#403826}.fc-ck svg path{fill:#403826}.fc-ck p b{color:#403826}
  .fc-ck button{border-color:#403826;color:#403826}.fc-ck button.sim{background:#403826;color:#A8DB70}.fc-ck button:focus-visible{outline-color:#403826}}
@media (prefers-reduced-motion:reduce){.fc-ck{transition:none}}
/* link "Cookies" no cartão de contato (reabre o aviso) */
.capa-card-ck{position:absolute;right:104px;bottom:12px;height:26px;padding:0 2px;margin:0;background:none;border:0;font-family:inherit;font-size:11px;font-weight:600;color:var(--tinta);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
.capa-card-ck:hover{text-decoration-thickness:2px}