.videos-hero{position:relative;background:linear-gradient(180deg,#05101f 0%,#0a2340 100%);color:#fff;padding:56px 0 40px;overflow:hidden}
.videos-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff17;border-radius:50%;right:-120px;top:-200px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05;pointer-events:none}
.videos-hero .container{position:relative;z-index:1}
.videos-hero p{color:#d4e0ed;line-height:1.7;max-width:600px;font-size:15px;margin:16px 0 24px}
.videos-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.video-filters{display:flex;flex-wrap:wrap;gap:8px}
.video-filters[hidden],.video-model[hidden]{display:none}
.vfilter{border:1px solid #ffffff40;background:transparent;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.vfilter:hover{background:#ffffff14}
.vfilter[aria-pressed="true"]{background:#fff;color:var(--azul);border-color:#fff}
.video-model{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#93c5fd}
.video-model select{appearance:none;-webkit-appearance:none;background:#ffffff10 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23fff' stroke-width='2.5'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #ffffff40;color:#fff;border-radius:999px;padding:8px 34px 8px 14px;font:700 12px/1.2 inherit;letter-spacing:0;text-transform:none;cursor:pointer}
.video-model select option{color:#132238}

.videos-list{background:var(--azul);color:#fff}
.videos-list .lead{color:#c5d3e3}
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.videos-groups{display:grid;gap:44px}
.videos-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff1f;padding-bottom:12px;margin-bottom:18px}
.videos-group-head h2{font-size:clamp(20px,2.4vw,26px);margin:0;color:#fff}
.videos-group-head span{color:#93c5fd;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.vcard.is-soon .vthumb{cursor:default}
.vcard.is-soon .vstatus{color:#8fb7e0}
.vskel{aspect-ratio:4/3.6;border-radius:16px;background:linear-gradient(100deg,#ffffff08 30%,#ffffff14 50%,#ffffff08 70%) 0 0/300% 100%;animation:vsk 1.3s linear infinite}
@keyframes vsk{to{background-position:-150% 0}}

.videos-cta{background:#fff}
.cta-panel{background:var(--celeste);color:var(--azul);border-radius:20px;padding:clamp(24px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-panel p{color:#34516e;font-size:14px;line-height:1.6;margin:8px 0 0;max-width:520px}

footer{background:var(--azul);color:#d0deed;padding:25px 0;font-size:12px}

@media(max-width:900px){.videos-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){
  .container{width:calc(100% - 28px)}
  .videos-grid{grid-template-columns:1fr;gap:16px}
  .videos-hero{padding:40px 0 30px}
  .nav-actions .btn-outline{display:none}
  .video-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-right:-14px;scrollbar-width:none}
  .vfilter{flex:0 0 auto}
  .video-model{width:100%}
  .video-model select{flex:1}
}