@import url('bootstrap.min.css');
@import url('animate.css');
@import url('font-awesome.min.css');
@import url('bootstrap.offcanvas.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');
@import url('magnific-popup.css');
@import url('pe-icon-7-stroke.css');
@import url('style.css');
/* Overlay modal de vídeo — isolado, não interfere nos outros estilos */
.inline-video-overlay {
  position:fixed;
  inset:0;
  background: rgba(0,0,0,0.75);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:12000;
  padding: 20px;
}
.inline-video-box {
  width:100%;
  max-width:980px;
  background:transparent;
  position:relative;
}
.inline-video-box iframe {
  width:100%;
  height:56.25vw; /* manter 16:9 - será limitado pelo max-width */
  max-height:80vh;
  border:0;
  border-radius:8px;
  box-shadow:0 18px 40px rgba(5,20,40,0.6);
}
.inline-video-close {
  position:absolute;
  right:-8px;
  top:-8px;
  background:#fff;
  color:#111;
  border-radius:50%;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,0.2);
  z-index:13000;
}
@media(max-width:600px){
  .inline-video-box iframe { height:56.25vw; }
}
