/* V2.7N — Página de vídeos estilo Shorts */
.page-videos .container{max-width:none!important;width:100%!important;padding:0 10px 96px!important;overflow-x:hidden}
.v27n-shorts{width:100%;max-width:1180px;margin:0 auto;padding:18px 0 28px}
.v27n-shorts-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 16px}
.v27n-shorts-head small{display:block;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:4px}
.v27n-shorts-head h1{font-size:30px;line-height:1;margin:0 0 7px;color:#111827;letter-spacing:-.035em}
.v27n-shorts-head p{margin:0;color:#667085;font-size:14px}
.v27n-shorts-count{flex:0 0 auto;border:1px solid #e4e9ef;background:#fff;border-radius:999px;padding:9px 13px;color:#667085;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(20,40,70,.05)}
.v27n-shorts-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
.v27n-short{position:relative!important;display:block!important;aspect-ratio:9/16!important;min-width:0!important;width:100%!important;overflow:hidden!important;border:0!important;border-radius:16px!important;background:#0b1220!important;box-shadow:0 10px 25px rgba(14,30,55,.12)!important;cursor:pointer!important;padding:0!important;text-align:left!important;isolation:isolate}
.v27n-short img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.v27n-short:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78) 100%)}
.v27n-short:hover img{transform:scale(1.045);filter:saturate(1.05)}
.v27n-short-platform{position:absolute;z-index:3;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.56);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900}
.v27n-short-play{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--primary);box-shadow:0 9px 28px rgba(0,0,0,.25);font-size:18px;transition:transform .25s ease,background .25s ease}
.v27n-short:hover .v27n-short-play{transform:translate(-50%,-50%) scale(1.08)}
.v27n-short-copy{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;color:#fff}
.v27n-short-copy h2{font-size:14px;line-height:1.18;margin:0 0 5px;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 5px rgba(0,0,0,.25)}
.v27n-short-copy span{font-size:10px;opacity:.9;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.v27n-short-noimg{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--primary) 75%,#fff),#0b1730 65%);color:#fff;font-size:38px}
/* Modal vertical tipo Shorts */
.page-videos #videoModal.modal{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(3,8,18,.88)!important;backdrop-filter:blur(15px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .24s ease,visibility .24s ease!important}
.page-videos #videoModal.modal.show{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.page-videos #videoModal .modal-box{position:relative!important;width:min(94vw,430px)!important;height:min(88vh,760px)!important;max-width:430px!important;max-height:88vh!important;border-radius:24px!important;background:#05080e!important;overflow:hidden!important;padding:0!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important;transform:translateY(18px) scale(.97)!important;transition:transform .28s cubic-bezier(.2,.8,.2,1)!important}
.page-videos #videoModal.show .modal-box{transform:none!important}
.page-videos #videoModal iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#000!important}
.page-videos #videoModal .modal-close{position:absolute!important;z-index:5!important;right:11px!important;top:11px!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(0,0,0,.58)!important;color:#fff!important;font-size:26px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:pointer!important;backdrop-filter:blur(8px)!important}
@media(max-width:900px){.v27n-shorts-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:650px){
 .page-videos .container{padding:0 3px 88px!important}
 .v27n-shorts{padding-top:12px}
 .v27n-shorts-head{padding:0 9px;margin-bottom:10px;align-items:center}
 .v27n-shorts-head h1{font-size:24px}.v27n-shorts-head p{font-size:12px;max-width:260px}.v27n-shorts-count{padding:7px 10px;font-size:10px}
 .v27n-shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}
 .v27n-short{border-radius:4px!important;box-shadow:none!important}
 .v27n-short-platform{top:6px;left:6px;padding:4px 6px;font-size:8px}
 .v27n-short-play{width:36px;height:36px;font-size:13px;opacity:.94}
 .v27n-short-copy{left:7px;right:7px;bottom:7px}.v27n-short-copy h2{font-size:10px;margin-bottom:2px}.v27n-short-copy span{font-size:8px}
 .page-videos #videoModal.modal{padding:0!important;align-items:center!important}
 .page-videos #videoModal .modal-box{width:min(100vw,430px)!important;height:min(100dvh,780px)!important;max-height:100dvh!important;border-radius:0!important}
}
@media(max-width:360px){.v27n-shorts-head p{display:none}.v27n-shorts-count{font-size:9px}.v27n-short-copy h2{font-size:9px}}