/* Cards de vídeo do Cortina: proporções nativas, sem interferir nos demais conteúdos. */
.copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom {
 position: relative; display: flex; align-items: flex-start; justify-content: flex-start;
 gap: 16px; overflow-x: auto; overflow-y: hidden; padding: 8px 0 16px !important;
 scroll-snap-type: x mandatory; scroll-padding: 0; scrollbar-width: none;
}
.copy-carrosselCardsCortina.hp-video-carousel .swiper-wrapper-custom::after { display: none; }
.copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom > .item-slide { flex: 0 0 340px; width: 340px !important; min-width: 0; scroll-snap-align: start; margin: 0; }
.copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom > .hp-video-short { flex-basis: 180px; width: 180px !important; }
.hp-video-card { width: 100%; text-align: left; }
.hp-video-card .hp-video-open { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 12px; overflow: hidden; background: #e8edf2; cursor: pointer; }
.hp-video-short .hp-video-open { aspect-ratio: 9 / 16; }
.hp-video-open img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hp-video-short .hp-video-open img { object-position: center; }
.hp-video-play { position: absolute; right: 8px; bottom: 8px; width: 30px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #000a; color: #fff; }
.hp-video-play svg { width: 20px; height: 20px; fill: currentColor; }
.hp-video-card h3 { margin: 10px 0 5px; }
.hp-video-card h3 button { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; text-align: left; font: inherit; font-size: 14px; line-height: 1.4; font-weight: 600; color: #21252b; background: transparent; border: 0; padding: 0; cursor: pointer; }
.hp-video-card .hp-video-type { font-size: 12px; line-height: 1.5; color: #7a8089; }
.hp-video-card button:focus-visible { outline: 2px solid #0066b0; outline-offset: 3px; }
.hp-video-carousel .hp-video-controls { display: flex; justify-content: center; align-items: center; gap: 20px; }
.hp-video-controls[hidden] { display: none; }
.copy-carrosselCardsCortina .hp-video-controls .swiper-pagination-custom { width: auto !important; margin: 0; }
.copy-carrosselCardsCortina .hp-video-controls .cortina-arrow { opacity: 1; }
.hp-video-controls .cortina-arrow:disabled { opacity: .3; cursor: default; }
.hp-video-controls .cortina-arrow svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
html.hp-video-modal-open { overflow: hidden; }
.hp-video-dialog { width: min(960px,calc(100vw - 32px),calc((100dvh - 80px)*16/9)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 10px; overflow: visible; background: #000; box-shadow: 0 20px 80px #0007; }
.hp-video-dialog::backdrop { background: #06101bd9; }
.hp-video-dialog-short { width: min(390px,calc(100vw - 32px),calc((100dvh - 80px)*9/16)); }
.hp-video-player { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; }
.hp-video-dialog-short .hp-video-player { aspect-ratio: 9 / 16; }
.hp-video-player iframe, .hp-video-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.hp-video-close { position: absolute; right: 0; top: -38px; width: 30px; height: 30px; padding: 5px; background: #fff; color: #26384b; border: 0; border-radius: 50%; cursor: pointer; }
.hp-video-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.hp-video-close:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 768px) {
 .copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom { padding-inline: 16px !important; scroll-padding-left: 16px; }
 .copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom > .item-slide { flex-basis: min(340px,82vw); width: min(340px,82vw) !important; }
 .copy-carrosselCardsCortina.hp-video-carousel .bar-carrossel .swiper-wrapper-custom > .hp-video-short { flex-basis: 168px; width: 168px !important; }
 .hp-video-card h3 button { font-size: 13px; }
}