/* Abertura da 007 Digital: o detetive, a lupa que verifica e a entrada pela lente.
   Aparece uma vez por visita. "Pular" ou Esc vão direto ao site. Montada por /entrada.js. */
.e7-ativo{overflow:hidden}
.e7{position:fixed;inset:0;z-index:5000;overflow:hidden;background:#050913;color:#e8edf7;font-family:"IBM Plex Sans",system-ui,sans-serif}
.e7__foto{position:absolute;inset:0;background:#050913 url(/hero.jpg) 58% 48%/cover no-repeat;opacity:0;transform:scale(1.12);animation:e7-foto 2.4s cubic-bezier(.2,.7,.2,1) .2s forwards}
@keyframes e7-foto{to{opacity:1;transform:scale(1)}}
.e7__sombra{position:absolute;inset:0;background:linear-gradient(90deg,#050913 0%,#050913d9 30%,#05091300 62%),linear-gradient(0deg,#050913 0%,#05091300 40%)}
.e7__grade{position:absolute;inset:0;background-image:linear-gradient(#f0a83a10 1px,transparent 1px),linear-gradient(90deg,#f0a83a10 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 30% 50%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,#000 0%,transparent 70%)}
.e7__varredura{position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,#f0a83a00,#f0a83a22,#f0a83a00);animation:e7-varre 3.2s linear 1s infinite}
@keyframes e7-varre{to{top:100%}}

/* brilho na lente do detetive (posição calculada pelo script) */
.e7__lente{position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 0 0 3px #ffcd7300,0 0 40px #f0a83a00;animation:e7-lente 2.2s ease-in-out 2.4s infinite}
@keyframes e7-lente{50%{box-shadow:0 0 0 3px #ffcd73aa,0 0 60px #f0a83a88}}

/* conteúdo à esquerda */
.e7__conteudo{position:absolute;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);max-width:min(520px,88vw);display:flex;flex-direction:column;gap:18px}
.e7__logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:clamp(20px,2.4vw,26px);opacity:0;animation:e7-sobe .7s ease .5s forwards}
.e7__logo i{width:38px;height:38px;border-radius:50%;border:4px solid #f0a83a;position:relative;box-shadow:0 0 18px #f0a83a77;flex:none}
.e7__logo i:after{content:"";position:absolute;width:14px;height:5px;background:#f0a83a;right:-12px;bottom:-5px;transform:rotate(45deg);border-radius:2px}
.e7__logo small{display:block;font-weight:500;font-size:11px;color:#93a0ba;letter-spacing:1.6px;text-transform:uppercase}
.e7__eyebrow{margin:0;color:#f0a83a;font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:0;animation:e7-sobe .7s ease .8s forwards}
.e7__titulo{margin:0;font:700 clamp(34px,5vw,58px)/1.06 "Playfair Display",Georgia,serif;opacity:0;animation:e7-sobe .8s ease 1s forwards}
.e7__titulo em{font-style:normal;color:#ffcd73}
@keyframes e7-sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ficha que vai sendo verificada */
.e7__ficha{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid #22304d;border-radius:14px;background:#0d1424cc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;animation:e7-sobe .7s ease 1.3s forwards}
.e7__linha{display:flex;align-items:center;gap:10px;font-size:14px;color:#93a0ba}
.e7__linha span{min-width:120px}
.e7__linha i{flex:1;height:6px;border-radius:3px;background:#22304d;overflow:hidden;position:relative}
.e7__linha i:after{content:"";position:absolute;inset:0;width:0;background:linear-gradient(90deg,#f0a83a,#ffcd73);animation:e7-barra .6s ease forwards;animation-delay:calc(var(--i) * .55s + 1.8s)}
@keyframes e7-barra{to{width:100%}}
.e7__linha b{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#3ccf8e;opacity:0;animation:e7-ok .3s ease forwards;animation-delay:calc(var(--i) * .55s + 2.4s)}
.e7__linha span{animation:e7-acende .3s ease forwards;animation-delay:calc(var(--i) * .55s + 2.4s)}
@keyframes e7-ok{to{opacity:1}}
@keyframes e7-acende{to{color:#e8edf7}}

.e7__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px;opacity:0;animation:e7-sobe .7s ease 1.6s forwards}
.e7__entrar{appearance:none;border:0;cursor:pointer;font:800 18px "IBM Plex Sans",system-ui,sans-serif;color:#1a1204;background:linear-gradient(180deg,#ffcd73,#f0a83a);padding:16px 40px;border-radius:12px;box-shadow:0 0 0 0 #f0a83a66,0 12px 30px #0008;animation:e7-pulsa 2s ease-in-out infinite}
.e7__entrar:hover{filter:brightness(1.06)}
.e7__entrar:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes e7-pulsa{50%{box-shadow:0 0 0 10px #f0a83a00,0 12px 30px #0008}}
.e7__aviso{font-size:12px;color:#93a0ba}
.e7__pular{position:absolute;top:16px;right:16px;z-index:3;background:#ffffff14;color:#dfe5f1;border:1px solid #ffffff4d;border-radius:999px;padding:7px 16px;font:600 13px "IBM Plex Sans",system-ui,sans-serif;cursor:pointer}
.e7__pular:hover{background:#ffffff2e}

/* entrada: a lente cresce até tomar a tela */
.e7--entrando .e7__conteudo,.e7--entrando .e7__pular{transition:opacity .4s;opacity:0;pointer-events:none}
.e7--entrando .e7__foto{animation:none;opacity:1;transition:transform 1.4s cubic-bezier(.7,0,.3,1);transform:scale(3.2)}
.e7--entrando .e7__sombra,.e7--entrando .e7__grade,.e7--entrando .e7__varredura{transition:opacity .5s;opacity:0}
.e7--entrando .e7__lente{animation:none;box-shadow:0 0 0 4000px #050913,0 0 0 3px #ffcd73;transition:transform 1.4s cubic-bezier(.7,0,.3,1);transform:scale(16)}
.e7--saindo{animation:e7-sai .6s ease forwards}
@keyframes e7-sai{to{opacity:0;visibility:hidden}}

@media (max-width:700px){
  .e7__foto{bottom:42%;background-position:60% 45%}
  .e7__sombra{background:linear-gradient(0deg,#050913 0%,#050913f2 48%,#05091300 78%)}
  .e7__conteudo{top:auto;bottom:max(20px,4vh);transform:none;gap:12px}
  .e7__titulo{font-size:32px}
  .e7__linha span{min-width:96px}
  .e7__ficha .e7__linha:nth-child(n+5){display:none}
}
@media (prefers-reduced-motion:reduce){.e7 *{animation-duration:.01s!important;animation-delay:0s!important}}

/* poeira dourada subindo */
.e7__poeira{position:absolute;inset:0;pointer-events:none}
.e7__poeira i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffcd73;box-shadow:0 0 10px #f0a83a;opacity:0;animation:e7-poeira linear infinite}
@keyframes e7-poeira{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}100%{opacity:0;transform:translateY(-95vh) translateX(30px)}}
.e7--entrando .e7__poeira{transition:opacity .4s;opacity:0}