/* =========================================================================
   IMPÉRIO PATRIMONIAL — Seção de vídeo (apresentação em vídeo)
   Reutiliza integralmente os tokens de styles.css.
   ========================================================================= */
.video-secao{
  background:var(--navy-950);
  color:var(--white);
  position:relative;
  overflow:hidden;
}
.video-secao::before{
  content:"";
  position:absolute;
  top:-25%;left:50%;
  width:700px;height:700px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(200,162,76,.12),transparent 65%);
  pointer-events:none;
}
.video-secao .section-head{
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  position:relative;
}
.video-secao .section-head .eyebrow{justify-content:center;color:var(--gold-400)}
.video-secao .section-head h2{color:var(--white)}
.video-secao .section-head p{color:var(--gray-300);margin-left:auto;margin-right:auto}

.video-player-wrap{
  position:relative;
  max-width:380px;
  margin:44px auto 0;
  border-radius:20px;
  overflow:hidden;
  aspect-ratio:9/16;
  background:#000;
  box-shadow:0 40px 80px -32px rgba(0,0,0,.6), 0 0 0 1px rgba(200,162,76,.25);
}
.video-player{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#000;
}
@media (max-width:480px){
  .video-player-wrap{max-width:300px;border-radius:16px}
}