/* =============================================
   NOVOTECK SHORTS v2 — Frontend CSS
   ============================================= */
.ntk-shorts-section { padding: 40px 0; overflow: hidden; }
.ntk-shorts-titulo  { text-align:center; font-size:1.6rem; font-weight:700; margin-bottom:8px; color:#1a1a1a; text-transform:uppercase; letter-spacing:1px; }
.ntk-shorts-subtitulo { text-align:center; font-size:.95rem; color:#666; margin-bottom:30px; }

.ntk-swiper-wrap { position:relative; padding:0 50px; }
.ntk-shorts-swiper { overflow:hidden; }

.ntk-short-slide { position:relative; border-radius:16px; overflow:hidden; background:#000; aspect-ratio:9/16; max-height:520px; }

/* Inner wrapper para o CTA não bloquear o iframe */
.ntk-slide-inner { position:relative; width:100%; height:100%; }
.ntk-slide-inner iframe { width:100%; height:100%; border:none; display:block; }

/* Botão produto */
.ntk-product-cta {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 18px;
    border-radius: 24px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
    transition: transform .18s, box-shadow .18s, background .15s;
    z-index: 10;
}
.ntk-product-cta:hover {
    background: #ff0000;
    color: #fff;
    transform: translateX(-50%) scale(1.05);
    box-shadow: 0 6px 20px rgba(0,0,0,.4);
}
.ntk-product-cta svg { flex-shrink:0; }

/* Swiper nav */
.ntk-swiper-wrap .swiper-button-next,
.ntk-swiper-wrap .swiper-button-prev {
    color:#fff; background:#222; width:40px; height:40px;
    border-radius:50%; top:50%; transform:translateY(-50%);
}
.ntk-swiper-wrap .swiper-button-next::after,
.ntk-swiper-wrap .swiper-button-prev::after { font-size:16px; font-weight:bold; }
.ntk-swiper-wrap .swiper-button-prev { left:4px; }
.ntk-swiper-wrap .swiper-button-next { right:4px; }
.ntk-swiper-wrap .swiper-pagination-bullet-active { background:#ff0000; }

/* Modal */
.ntk-modal {
    display: none;
    position: fixed; inset: 0; z-index: 99999;
    align-items: center; justify-content: center;
}
.ntk-modal.ntk-modal-open { display: flex; }
.ntk-modal-backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.82);
    backdrop-filter: blur(6px);
}
.ntk-modal-box {
    position: relative; z-index: 1;
    width: min(360px, 90vw);
    aspect-ratio: 9/16;
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 24px 64px rgba(0,0,0,.7);
    animation: ntkPop .22s ease;
}
@keyframes ntkPop { from { transform:scale(.88); opacity:0; } to { transform:scale(1); opacity:1; } }
.ntk-modal-close {
    position:absolute; top:10px; right:10px; z-index:2;
    width:32px; height:32px; border-radius:50%;
    background:rgba(0,0,0,.6); border:none; color:#fff;
    font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center;
    transition:background .15s;
}
.ntk-modal-close:hover { background:rgba(255,0,0,.8); }
.ntk-modal-video { width:100%; height:100%; }
.ntk-modal-video iframe { width:100%; height:100%; border:none; }

/* Responsive */
@media (max-width:767px) {
    .ntk-swiper-wrap { padding:0 36px; }
    .ntk-short-slide  { max-height:400px; }
    .ntk-shorts-titulo { font-size:1.2rem; }
    .ntk-swiper-wrap .swiper-button-next,
    .ntk-swiper-wrap .swiper-button-prev { width:32px; height:32px; }
    .ntk-swiper-wrap .swiper-button-next::after,
    .ntk-swiper-wrap .swiper-button-prev::after { font-size:13px; }
    .ntk-product-cta { font-size:12px; padding:7px 14px; }
}