.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.embed-content {
  aspect-ratio: 16 / 9;
  width: 100%;
  border: none;
}

/* ==========================================
VÍDEOS VERTICAIS - YOUTUBE SHORTS + INSTAGRAM
Adicionar em: Gantry > Denali > Base Outline > Custom CSS/JS
========================================== */
.video-vertical iframe[src*="youtube.com/embed"],
.video-vertical iframe[src*="youtu.be"] {
aspect-ratio: 9 / 16 !important;
width: 100% !important;
height: auto !important;
max-height: 80vh !important;
}
@media (min-width: 769px) {
.video-vertical iframe[src*="youtube.com/embed"],
.video-vertical iframe[src*="youtu.be"] {
aspect-ratio: 16 / 9 !important;
max-height: 80vh !important;
}
}
@media (max-width: 768px) {
.video-vertical iframe[src*="youtube.com/embed"],
.video-vertical iframe[src*="youtu.be"] {
aspect-ratio: 9 / 16 !important;
height: 75vh !important;
max-width: 100vw !important;
}
}
.video-vertical {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding-bottom: 0 !important;
overflow: hidden !important;
}
.video-vertical iframe[src*="instagram.com"] {
aspect-ratio: 9 / 16 !important;
width: 100% !important;
height: auto !important;
}
.video-vertical iframe {
}