:root{--ink:#171714;--red:#e5000e;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body{margin:0}body{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;line-height:1.5}img,canvas{display:block;max-width:100%}.archive-picture{display:block;width:100%;height:100%;overflow:hidden;background:#171714}.archive-picture img,.archive-picture canvas{width:100%;height:100%;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:#171714;padding:15px}.skip-link:focus{top:15px}.entry-page{background:var(--ink);color:#fff}.entry-page .skip-link{z-index:200}.entry-main{height:100svh;min-height:560px}.cinema-entry{position:relative;height:100%;isolation:isolate;overflow:hidden}.cinema-slides,.cinema-slide,.cinema-veil{position:absolute;inset:0}.cinema-slide{opacity:0;transition:opacity 1.6s ease;overflow:hidden}.cinema-slide.active{opacity:1}.cinema-slide .archive-picture{height:100%;background:#171714}.cinema-slide img{object-fit:cover;object-position:center 42%;animation:ken-burns 8s linear both;animation-play-state:paused}.cinema-slide.active img{animation-play-state:running}.cinema-slide:nth-child(even) img{animation-direction:reverse}.cinema-veil{background:linear-gradient(180deg,#17171444,#17171433 35%,#171714b3);z-index:1}.cinema-entry::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cinema-center{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px 95px;text-align:center}.cinema-seal{width:clamp(115px,13vw,190px);height:auto;filter:drop-shadow(0 0 28px #ffffff15);animation:seal-glow 8s ease-in-out infinite}.cinema-logo{width:clamp(230px,27vw,390px);margin:33px 0 43px;height:auto}.enter-button{position:relative;border:1px solid #ffffff99;background:#17171426;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:55px;min-width:180px;padding:15px 24px;border-radius:999px;overflow:hidden;transition:background .45s,color .45s;isolation:isolate;font-size:16px}.enter-button:before{content:"";position:absolute;inset:0;background:#fff;transform:translateY(103%);transition:transform .5s var(--ease);z-index:-1}.enter-button:hover:before,.enter-button:focus-visible:before{transform:translateY(0)}.enter-button:hover,.enter-button:focus-visible{color:var(--ink)}.enter-button:focus-visible{outline:2px solid #fff;outline-offset:8px}.cinema-controls{position:absolute;z-index:4;bottom:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;width:min(620px,calc(100% - 50px))}.slide-progress{display:flex;gap:7px;width:100%}.slide-progress button{border:0;background:transparent;padding:15px 0;cursor:pointer;flex:1;position:relative}.slide-progress button:after{content:"";position:absolute;top:15px;left:0;right:0;height:1px;background:#ffffff55}.slide-progress button span{position:absolute;top:15px;left:0;width:0;height:2px;background:#fff;z-index:1}.slide-progress button[aria-current] span{animation:progress-line 6.8s linear forwards}.cinema-pause{border:0;background:transparent;color:#fff;font-size:12px;cursor:pointer;padding:10px}.cinema-entry.paused .cinema-slide img,.cinema-entry.paused .slide-progress span,.cinema-entry.paused .cinema-seal{animation-play-state:paused!important}.cinema-footer{position:absolute;bottom:0;left:0;right:0;background:none;padding:0 20px 26px;text-align:center;font-size:11px;line-height:1.4;color:#ffffffc9;z-index:3}.entry-leaving .cinema-entry{animation:entry-out .65s var(--ease) forwards}@keyframes ken-burns{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes progress-line{from{width:0}to{width:100%}}@keyframes seal-glow{0%,70%,100%{filter:drop-shadow(0 0 18px #ffffff10)}80%{filter:drop-shadow(0 0 35px #ffffff35)}}@keyframes entry-out{to{opacity:0;transform:scale(1.035)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.6s}
@media(max-width:680px){.entry-main{min-height:500px}.cinema-center{padding-bottom:100px}.cinema-logo{width:240px;margin:26px 0 35px}.cinema-seal{width:135px}.cinema-slide img,.cinema-slide canvas{object-position:50% 40%}.cinema-controls{gap:12px;bottom:75px;width:calc(100% - 40px)}.slide-progress{gap:4px}.cinema-footer{font-size:10px;padding-bottom:23px}.enter-button{min-width:165px;padding:14px 22px;font-size:15px}}@media(max-height:600px) and (min-width:681px){.cinema-seal{width:95px}.cinema-logo{width:240px;margin:20px 0 25px}.cinema-center{padding-bottom:75px}.cinema-controls{bottom:55px}.cinema-footer{padding-bottom:15px}.entry-main{min-height:420px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cinema-slide:not(:first-child){display:none}.cinema-slide:first-child{opacity:1}.cinema-controls{display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.cinema-slide canvas{animation:ken-burns 8s linear both;animation-play-state:paused}.cinema-slide.active canvas{animation-play-state:running}.cinema-slide:nth-child(even) canvas{animation-direction:reverse}.cinema-entry.paused .cinema-slide canvas{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.cinema-slide canvas{animation:none!important}}

@media(min-width:1024px){.cinema-slide img,.cinema-slide canvas{object-position:50% 50%}.cinema-logo{max-width:390px}.cinema-seal{max-width:190px}}

.cinema-center .cinema-seal{margin-bottom:42px}.cinema-footer{display:flex;align-items:center;justify-content:center;gap:14px}.cinema-footer>img{width:96px;height:auto;flex:none}@media(max-width:680px){.cinema-center .cinema-seal{margin-bottom:35px}.cinema-footer{gap:9px;padding-left:16px;padding-right:16px}.cinema-footer>img{width:68px}.cinema-footer>span{max-width:235px;text-align:left}}

/* Full HD: inteiro, sem recorte ou zoom. O preenchimento ocupa a tela. */
.entry-main{height:100svh;min-height:0}
.cinema-slide .entry-photo{background-size:cover;background-position:center;background-repeat:no-repeat}
.cinema-slide .entry-photo img,.cinema-slide .entry-photo canvas{object-fit:contain!important;object-position:center!important;animation:none!important;transform:none!important;width:100%;height:100%}
@media(max-height:500px){.cinema-center{padding:20px 20px 75px}.cinema-center .cinema-seal{width:100px;margin-bottom:20px}.cinema-controls{bottom:48px}.cinema-footer{padding-bottom:12px;font-size:9px}.cinema-footer>img{width:68px}.enter-button{padding:10px 20px}}

.cinema-entry::after{display:none}

@media(max-width:680px) and (min-height:600px){.cinema-center{padding-top:180px;padding-bottom:60px}}

/* Seu próximo passo (04/11/2026). Desktop: a criança fica no centro e a escola ao redor —
   selo, saudação e Entrar à esquerda; links rápidos em escada à direita. Celular e tablet: tudo embaixo, sobre degradê. */
.entry-greeting{margin:18px 0 22px;font:800 clamp(28px,2.9vw,46px)/1.02 "SF Pro Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.025em;text-wrap:balance;text-shadow:0 2px 24px #17171440}
.entry-steps-label{margin:0 0 14px;font:700 11px/1 "SF Pro Display",-apple-system,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1}
.entry-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.entry-steps li{animation:step-rise .9s var(--ease) both;animation-delay:calc(.35s + var(--i) * 80ms)}
.entry-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:14px;min-height:60px;padding:10px 16px;border-radius:18px;text-align:left;text-decoration:none;color:#fff;background:#17171452;border:1px solid #ffffff2e;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 10px 30px #1717141f;transition:transform .45s var(--ease),background .35s,color .35s,border-color .35s}
.entry-step-glyph{display:block;width:26px;height:26px;transform:rotate(-1.2deg);transition:transform .45s var(--ease),color .35s}
.entry-steps li:nth-child(3n+2) .entry-step-glyph{transform:rotate(1.35deg)}
.entry-steps li:nth-child(3n) .entry-step-glyph{transform:rotate(-2deg)}
.entry-step-text{display:grid;gap:2px}
.entry-step b{font:800 15px/1.15 "SF Pro Display",-apple-system,sans-serif}
.entry-step small{font:500 12px/1.3 "SF Pro Display",-apple-system,sans-serif;color:#ffffffbf}
.entry-step-go{font-size:13px;opacity:.65;transition:transform .45s var(--ease),opacity .35s}
.entry-step.is-main{background:var(--red);border-color:var(--red);box-shadow:0 14px 34px #e5000e3d}
.entry-step.is-main small{color:#ffffffe6}
.entry-step.is-route{background:#fff;border-color:#fff;color:var(--ink);box-shadow:0 14px 34px #17171438}
.entry-step.is-route small{color:#393938}
.entry-step.is-route .entry-step-glyph{color:var(--red)}
.entry-step:hover,.entry-step:focus-visible{background:#fff;border-color:#fff;color:var(--ink)}
.entry-step:hover small,.entry-step:focus-visible small{color:#393938}
.entry-step:hover .entry-step-glyph,.entry-step:focus-visible .entry-step-glyph{color:var(--red);transform:rotate(0) scale(1.08)}
.entry-step:hover .entry-step-go,.entry-step:focus-visible .entry-step-go{opacity:1;transform:translate(2px,-2px)}
.entry-step.is-route:hover,.entry-step.is-route:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}
.entry-step.is-route:hover small,.entry-step.is-route:focus-visible small{color:#ffffffd1}
.entry-step.is-route:hover .entry-step-glyph,.entry-step.is-route:focus-visible .entry-step-glyph{color:#fff}
.entry-step:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes step-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

@media(min-width:1101px){
 .cinema-veil{background:linear-gradient(90deg,#17171480 0%,#17171426 30%,#17171400 46%,#17171400 58%,#17171426 72%,#17171480 100%),linear-gradient(180deg,#17171400 60%,#17171466 100%)}
 .cinema-center{align-items:flex-start;justify-content:center;text-align:left;padding:40px clamp(32px,6vw,104px) 120px}
 .cinema-seal{width:clamp(170px,14vw,240px)}
 .entry-greeting{max-width:9.5em}
 .entry-steps{position:absolute;right:clamp(32px,5vw,88px);bottom:150px;width:min(340px,26vw)}
 .entry-steps li{margin-left:calc(var(--i) * 12px)}
 .entry-steps li:hover{position:relative;z-index:1}
 .entry-step:hover,.entry-step:focus-visible{transform:translateX(-6px)}
}
@media(max-width:1100px){
 .cinema-veil{background:linear-gradient(180deg,#17171433 0%,#17171414 30%,#17171473 56%,#171714e0 100%)}
 .cinema-center{justify-content:flex-end;padding:32px 24px 72px}
 .cinema-seal{width:150px}
 .entry-steps{width:min(720px,100%);margin-top:32px}
 .entry-steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}
 .entry-step:hover,.entry-step:focus-visible{transform:translateY(-4px)}
}
@media(max-width:680px){
 .cinema-center{padding:24px 16px 62px}
 .cinema-seal{width:130px}
 .entry-greeting{margin:12px 0 16px;font-size:26px}
 .enter-button{min-width:200px}
 .entry-steps{margin-top:22px}
 .entry-steps-label{margin-bottom:10px}
 .entry-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .entry-step{grid-template-columns:22px minmax(0,1fr);gap:10px;min-height:56px;padding:9px 12px;border-radius:16px}
 .entry-step-glyph{width:21px;height:21px}
 .entry-step b{font-size:13px}
 .entry-step small{font-size:11px}
 .entry-step-go{display:none}
}
@media(max-height:720px) and (min-width:1101px){.cinema-seal{width:136px}.entry-greeting{font-size:34px;margin:12px 0 16px}.entry-step{min-height:46px;padding:5px 14px}.entry-steps{bottom:146px}.cinema-center{padding-bottom:96px}}
@media(prefers-reduced-motion:reduce){.entry-steps li{animation:none!important}.entry-step,.entry-step-glyph{transition:none!important}}
@media(max-width:1100px){.entry-page .hero-video-toggle{top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;bottom:auto;padding:9px 13px;font-size:12px}}