/* Coroa: carrossel côncavo com as 12 participantes, galeria em mosaico e visor. Medidas a 90% do desenho, como o resto da página. */
#coroa{--cr-tinta:#2b1c24;--cr-tinta2:#7a6570;--cr-cobre:#8f4f12;--cr-vinho:#a8385f;color:var(--cr-tinta)}
#coroa.sec.fx::before{background:url(coroa/ceu-capa.webp) center/cover no-repeat}

#coroa .cab{display:flex;justify-content:center;margin-bottom:0}
#coroa .cr-placa{position:relative;width:min(558px,94vw);aspect-ratio:856/227;background:url(box-cdb8-sim.webp) center/100% 100% no-repeat;display:grid;place-content:center;justify-items:center;filter:drop-shadow(0 10.8px 14.4px rgba(40,30,20,.32))}
#coroa .cr-placa small{display:block;font:400 clamp(18px,2.16vw,27px)/1 var(--script);color:var(--cr-vinho);margin-bottom:-.05em}
#coroa .cr-placa h2{font:400 clamp(39.6px,5.04vw,64.8px)/1 var(--titulo);margin:0;color:#5b1a30;-webkit-text-stroke:.014em currentColor;text-shadow:0 1px 0 rgba(255,246,236,.8)}

#coroa .cr-palco{--cw:clamp(153px,18.9vw,261px);position:relative;width:100vw;margin:9px 0 0 calc(50% - 50vw);height:calc(var(--cw) * 935 / 616 + 135px);perspective:990px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline:none}
#coroa .cr-palco.cr-arrasta{cursor:grabbing}
#coroa .cr-palco:focus-visible{outline:2px solid var(--cr-vinho);outline-offset:-6px;border-radius:14px}
#coroa .cr-anel{position:absolute;left:50%;top:99px;width:var(--cw);margin-left:calc(var(--cw) / -2);transform-style:preserve-3d}
#coroa .cr-carta{position:absolute;left:0;top:0;width:var(--cw);aspect-ratio:616/935;transform-style:preserve-3d;backface-visibility:hidden}
#coroa .cr-carta.cr-elim{filter:grayscale(1)}
#coroa .cr-ph{position:absolute;inset:0;-webkit-mask:url(ap-janela-retrato.webp) center/100% 100% no-repeat;mask:url(ap-janela-retrato.webp) center/100% 100% no-repeat;background:#143a31;overflow:hidden}
#coroa .cr-bx{position:absolute;left:0;right:0;top:-12%;height:112%;opacity:0;visibility:hidden;filter:blur(5px);z-index:0;transform-origin:50% 40%;
  transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1)}
#coroa .cr-bx img{width:100%;height:100%;display:block}
#coroa .cr-bx.cr-on{opacity:1;visibility:visible;transform:none;filter:none;z-index:2}
#coroa .cr-bx.cr-sai{opacity:1;visibility:visible;transform:none;filter:none;z-index:1;transition:none}
#coroa .cr-vz .cr-bx{top:0;height:560%}
#coroa .cr-vz .cr-bx.cr-sai{opacity:0;filter:blur(5px);transition:opacity .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1)}
#coroa .cr-fr{position:absolute;inset:0;background:url(ap-moldura-retrato-au-hq.webp) center/100% 100% no-repeat;pointer-events:none}
#coroa .cr-vz{position:absolute;left:0;right:0;top:-12%;height:20%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000 70%,#0000 95%);mask-image:linear-gradient(#000 70%,#0000 95%)}
#coroa .cr-luz{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(ap-janela-retrato.webp) center/100% 100% no-repeat;mask:url(ap-janela-retrato.webp) center/100% 100% no-repeat}
#coroa .cr-chao{position:absolute;left:50%;bottom:9px;width:min(810px,90%);height:63px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(90,50,10,.28),transparent 70%);pointer-events:none}

#coroa .cr-info{display:grid;justify-items:center;gap:12.6px;margin-top:30.6px}
#coroa .cr-nome{font:400 clamp(34.2px,4.14vw,50.4px)/1 var(--titulo);text-align:center;-webkit-text-stroke:.014em currentColor;text-wrap:balance;transition:opacity .25s}
#coroa .cr-estado{font:600 9.9px/1 var(--rotulo);letter-spacing:.24em;text-transform:uppercase;color:var(--cr-tinta2);margin-top:-3.6px}
#coroa .cr-estado[hidden]{display:none}
#coroa .cr-orn{display:block;width:180px;aspect-ratio:1100/106;margin-top:-3.6px;background:url(ap-orn2-au-hq.webp) center/100% 100% no-repeat}
#coroa .cr-redes{display:flex;justify-content:center;gap:7.2px;min-height:51.5px}
#coroa .cr-redes a{position:relative;display:block;flex:none;width:37.3px;height:51.5px;background:var(--m) center/contain no-repeat;filter:drop-shadow(0 2.7px 2.7px rgba(60,10,30,.42));transition:transform .25s,filter .25s}
#coroa .cr-redes a::after{content:"";position:absolute;inset:-2px -3.6px}
#coroa .cr-redes a[data-rede=ig]{--m:url(ap-gema-ig.webp)}
#coroa .cr-redes a[data-rede=tt]{--m:url(ap-gema-tt.webp)}
#coroa .cr-redes a[data-rede=x]{--m:url(ap-gema-x.webp)}
#coroa .cr-redes a[data-rede=yt]{--m:url(ap-gema-yt.webp)}
#coroa .cr-redes a svg{position:absolute;left:50%;top:50%;width:16.2px;height:16.2px;margin:-8.55px 0 0 -8.1px;color:#fff6dc;filter:drop-shadow(0 1px 1px rgba(40,0,20,.85)) drop-shadow(0 0 2px rgba(255,255,255,.55));pointer-events:none}
#coroa .cr-redes a:hover,#coroa .cr-redes a:focus-visible{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 5.4px 4.5px rgba(60,10,30,.42)) brightness(1.08);outline:none}
#coroa .cr-redes a:focus-visible{outline:2px solid var(--cr-vinho);outline-offset:2px;border-radius:40%}
#coroa .cr-dica{font:600 9px/1 var(--rotulo);letter-spacing:.22em;text-transform:uppercase;color:var(--cr-tinta2);text-align:center}

#coroa .cr-gal{position:relative;width:min(100%,810px);margin:39.6px auto 0;min-height:270px;transition:height .7s cubic-bezier(.22,1,.36,1)}
#coroa .cr-foto{all:unset;position:absolute;left:0;top:0;cursor:zoom-in;overflow:hidden;border-radius:14.4px;background:#143a31;box-shadow:0 12.6px 23.4px rgba(60,35,10,.3),0 0 0 1px rgba(143,79,18,.5);
  opacity:0;transform:translateY(81px);filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}
#coroa .cr-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s}
#coroa .cr-foto::after{content:"";position:absolute;inset:5.4px;border-radius:9.9px;border:1px solid rgba(243,220,152,.55);pointer-events:none;transition:border-color .3s}
#coroa .cr-foto::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(160deg,rgba(168,56,95,0),rgba(168,56,95,0));transition:background .4s}
#coroa .cr-foto:hover img,#coroa .cr-foto:focus-visible img{transform:scale(1.06);filter:saturate(1.1)}
#coroa .cr-foto:hover::before,#coroa .cr-foto:focus-visible::before{background:linear-gradient(160deg,rgba(243,220,152,.18),rgba(168,56,95,.22))}
#coroa .cr-foto:hover::after,#coroa .cr-foto:focus-visible::after{border-color:rgba(243,220,152,.95)}
#coroa .cr-foto:focus-visible{outline:2px solid var(--cr-vinho);outline-offset:3px}
#coroa .cr-gal.cr-elim .cr-foto img,#coroa .cr-gal.cr-elim .cr-foto:hover img,#coroa .cr-gal.cr-elim .cr-foto:focus-visible img{filter:grayscale(1)}
@media (max-width:700px){#coroa .cr-palco{--cw:135px;perspective:630px;height:calc(var(--cw) * 935 / 616 + 99px)}#coroa .cr-anel{top:72px}}

#coroa .cr-visor{position:fixed;inset:0;z-index:50;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;display:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;color:#f4ecdc;overflow:hidden;overscroll-behavior:contain;
  padding:calc(14px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:radial-gradient(ellipse at center,#143a31,#05100d 75%)}
#coroa .cr-visor[open]{display:grid;animation:cr-abre .3s ease}
#coroa .cr-visor::backdrop{background:transparent}
@keyframes cr-abre{from{opacity:0}}
#coroa .cr-v-topo{display:flex;justify-content:space-between;align-items:center;gap:12px}
#coroa .cr-v-nome{font:400 clamp(23.4px,2.7vw,30.6px)/1.05 var(--titulo)}
#coroa .cr-fechar{all:unset;cursor:pointer;width:45px;height:45px;border-radius:50%;background:url(fechar-ouro.svg) center/contain no-repeat;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));flex:none;transition:transform .2s}
#coroa .cr-fechar:hover{transform:scale(1.06)}
#coroa .cr-fechar:focus-visible,#coroa .cr-seta:focus-visible,#coroa .cr-v-pe button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#coroa .cr-v-palco{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.8vw,23.4px);min-height:0;touch-action:pan-y}
#coroa .cr-seta{all:unset;position:relative;cursor:pointer;width:61.2px;height:36px;flex:none;background:url(seta-ouro.svg) center/contain no-repeat;filter:drop-shadow(0 3px 3px rgba(0,0,0,.5));transition:transform .25s}
#coroa .cr-seta::after{content:"";position:absolute;inset:-4px}
#coroa .cr-seta.cr-prox{transform:scaleX(-1)}
#coroa .cr-seta:hover{transform:translateX(-3px)}
#coroa .cr-seta.cr-prox:hover{transform:scaleX(-1) translateX(-3px)}
#coroa .cr-retrato{position:relative;height:min(100%,calc((100vw - 153px) * 935 / 616));aspect-ratio:616/935;max-height:100%}
#coroa .cr-retrato .cr-ph{position:absolute;inset:0;background:#143a31}
#coroa .cr-retrato .cr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;opacity:0;transition:opacity .35s}
#coroa .cr-retrato .cr-ph img.cr-on{opacity:1}
#coroa .cr-visor.cr-elim .cr-ph img{filter:grayscale(1)}
#coroa .cr-v-pe{display:flex;justify-content:center;gap:10px;overflow-x:auto;padding:6px}
#coroa .cr-v-pe button{all:unset;cursor:pointer;flex:none;width:46px;height:64px;opacity:.5;transition:opacity .2s,transform .2s;box-shadow:0 0 0 1px rgba(217,173,82,.6)}
#coroa .cr-v-pe button img{width:100%;height:100%;object-fit:cover;display:block}
#coroa .cr-v-pe button[aria-current="true"]{opacity:1;transform:translateY(-3px);box-shadow:0 0 0 2px #f3dc98}
@media (max-width:640px){#coroa .cr-v-palco{position:relative}#coroa .cr-v-palco .cr-seta{position:absolute;bottom:6px;z-index:2}#coroa .cr-v-palco .cr-seta.cr-ant{left:4px}#coroa .cr-v-palco .cr-seta.cr-prox{right:4px}#coroa .cr-retrato{height:min(100%,calc((100vw - 32px) * 935 / 616))}}
@media (prefers-reduced-motion:reduce){#coroa *,#coroa *::before,#coroa *::after{animation:none!important;transition:none!important}}