/* ===== VCL — intro cinematográfica do avião (tela cheia) ===== */
#vcl-intro{position:fixed;inset:0;z-index:999999;background:#07070a;display:flex;align-items:center;justify-content:center;overflow:hidden;
  transition:opacity .85s ease, transform .85s cubic-bezier(.6,.04,.3,1);will-change:opacity,transform}
#vcl-intro.hide{opacity:0;transform:scale(1.12);pointer-events:none}
#vcl-intro-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#vcl-intro .vig{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 85% at 50% 45%, transparent 55%, rgba(0,0,0,.55) 100%)}
#vcl-intro .brand{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:3;text-align:center;
  color:#fff;font-family:Montserrat,Inter,sans-serif;font-weight:900;letter-spacing:.06em;
  font-size:clamp(2rem,7vw,5rem);text-shadow:0 6px 30px rgba(0,0,0,.6);opacity:0;
  animation:vclIntroBrand 3.4s ease-out .5s both}
#vcl-intro .brand small{display:block;font-size:.28em;font-weight:600;letter-spacing:.5em;color:#ff5252;margin-top:.4em}
@keyframes vclIntroBrand{0%{opacity:0;transform:translateY(-50%) scale(.92)}18%{opacity:1;transform:translateY(-50%) scale(1)}80%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){#vcl-intro{display:none}}