body{background:#0e141b;color:#d9e2ec;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;padding-top:64px}body{background:linear-gradient(rgba(6,10,14,.85),rgba(6,10,14,.92) 35%,rgba(4,8,12,.97)),linear-gradient(140deg,rgba(0,0,0,.55),transparent 70%),radial-gradient(circle at 65% 18%,rgba(0,0,0,.55),transparent 62%),url('../images/tabla-blur-proxy.jpg') center/cover no-repeat;background-blend-mode:normal,overlay,normal,normal}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../images/tabla.jpg') center/cover no-repeat;filter:blur(3px) brightness(.2) saturate(.85);transform:scale(1.05);will-change:transform}.page{max-width:1180px;margin:0 auto;padding:40px 26px 120px}.watch-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(10,18,30,.88);display:flex;align-items:center;justify-content:center;transition:.3s;opacity:0;pointer-events:none}.watch-modal.active{opacity:1;pointer-events:auto}.watch-inner{background:#181f2a;border-radius:12px;box-shadow:0 8px 48px -8px #000a;padding:12px 12px 12px;max-width:92vw;width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:stretch;position:relative}#watchContainer iframe{width:100%;height:calc(92vh - 48px);border:none;border-radius:8px;background:#000;display:block}.watch-inner .close{position:absolute;top:10px;right:16px;background:#222b;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:15px;cursor:pointer;z-index:2}h1{font-size:clamp(30px, 5vw, 46px);line-height:1.05;margin:.2em 0 .4em}.lead{font-size:17px;max-width:760px;line-height:1.55;color:#9fb0c2}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:10px}.hero-mini{margin-bottom:10px;padding-bottom:0}.empty-hint{display:none;color:#9fb0c2;text-align:center;padding:18px 0}#scrollSentinel{height:1px}.video-card{background:#141c26;border:1px solid rgba(255,255,255,.05);padding:12px;border-radius:14px;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px -10px rgba(0,0,0,.55);transition:.28s}.video-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 10px 34px -14px rgba(0,0,0,.7)}.video-thumb{aspect-ratio:16/9;width:100%;border-radius:10px;background:#1f2a36 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;overflow:hidden;position:relative}.video-thumb:after{content:'▶';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;color:rgba(255,255,255,.9);text-shadow:0 4px 18px rgba(0,0,0,.6);transition:.35s;pointer-events:none}.video-card:hover .video-thumb:after{transform:scale(1.08)}.video-thumb .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-thumb .play-btn{pointer-events:auto;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.12);color:#fff;border-radius:999px;width:52px;height:52px;font-size:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5)}.video-thumb .thumb-spinner{position:absolute;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent,#7dd3fc);animation:spin 1s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.video-card .meta{font-size:12px;font-weight:600;letter-spacing:.5px;color:#8fb2d0}.video-card h3{margin:0;font-size:15px;font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{background:rgba(255,255,255,.08);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#b7c5d3}.award-flag{background:linear-gradient(135deg,#fc3,#ff8a00);color:#000;font-weight:700;font-size:11px;padding:4px 8px;border-radius:12px;box-shadow:0 4px 10px -6px rgba(0,0,0,.55);display:inline-flex;align-items:center;gap:4px}.award-flag:before{content:'✔';font-size:12px}.video-card:not([data-awarded=true]) .award-flag{display:none}.controls-row{display:flex;gap:12px;align-items:center}.controls-row>.left,.controls-row>.right{flex:1;min-width:0}.controls-row>.left{display:flex;align-items:center}.controls-row>.right{display:flex;align-items:center;justify-content:flex-start}#playlistFilter{display:block;margin-top:8px}.controls-row .left .ctrl-input{width:100%;min-width:0;margin-bottom:15px}.controls-row .right .ctrl-select{width:100%}.controls-area>div{display:block}.controls-area>div:last-child{display:flex;width:100%;margin-top:8px}.controls-area>div:last-child .ctrl-select{width:100%}.controls-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls-filter-row .ctrl-select{flex:1;min-width:200px}.controls-filter-row .favorites-filter-btn{flex-shrink:0}.ctrl-input{padding:8px 12px;border-radius:8px;border:1px solid #223;background:#181f2a;color:#d9e2ec;font-size:15px}.ctrl-select{padding:8px 10px;border-radius:8px;border:1px solid rgba(245,164,37,.3);background:#181f2a;color:#d9e2ec;font-size:15px;transition:all .3s ease}.ctrl-select:hover{border-color:rgba(245,164,37,.6);box-shadow:0 0 8px rgba(245,164,37,.2)}.ctrl-select:focus{outline:0;border-color:#f5a425;box-shadow:0 0 12px rgba(245,164,37,.3)}select:focus>option:checked{background:rgba(245,164,37,.2)!important;color:#f5a425!important}.ctrl-select option{background:#181f2a;color:#d9e2ec;padding:8px}.ctrl-select option:focus,.ctrl-select option:hover{background:rgba(245,164,37,.25)!important;color:#ffb347!important}.ctrl-select option:checked{background:linear-gradient(135deg,rgba(245,164,37,.3),rgba(255,179,71,.3))!important;color:#f5a425!important;font-weight:600}.controls-area{margin-bottom:8px}@media (max-width:800px){.page{padding:20px 14px 80px}body{padding-top:56px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:8px}.video-card{padding:10px}.video-thumb{min-width:200px;height:120px}#videoSearch{font-size:14px}select#playlistFilter,select#videoSort{font-size:13px;padding:6px}}@media (max-width:480px){.video-thumb{height:100px}.brand-title{font-size:14px}.video-card h3{font-size:14px}select#playlistFilter,select#videoSort{font-size:12px}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--grad);color:#1d1406;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .4s var(--ease);z-index:150;box-shadow:0 6px 20px -8px rgba(0,0,0,.6)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 10px 28px -10px rgba(0,0,0,.7);filter:brightness(1.08)}@media (max-width:640px){.back-to-top{bottom:20px;right:20px;width:46px;height:46px;font-size:20px}}.video-card{touch-action:manipulation}body.light-mode{background:#f5f7fa;color:#1a1f28}body.light-mode:before{filter:blur(3px) brightness(.95) saturate(.7);opacity:.3}body.light-mode .hero-mini h1,body.light-mode .video-card h3{color:#1a1f28}body.light-mode .lead,body.light-mode .video-card .meta{color:#5a6270}body.light-mode .video-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 18px -10px rgba(0,0,0,.1)}body.light-mode .video-card:hover{border-color:rgba(245,164,37,.4);box-shadow:0 10px 34px -14px rgba(0,0,0,.15)}body.light-mode .video-thumb{background:#e8ecf1}body.light-mode .ctrl-input,body.light-mode .ctrl-select{background:#fff;border:1px solid rgba(0,0,0,.15);color:#1a1f28}body.light-mode .ctrl-select:hover{border-color:rgba(245,164,37,.6);box-shadow:0 0 8px rgba(245,164,37,.2)}body.light-mode .ctrl-select:focus{border-color:#f5a425;box-shadow:0 0 12px rgba(245,164,37,.3)}body.light-mode .ctrl-select option{background:#fff;color:#1a1f28}body.light-mode .tag{background:rgba(0,0,0,.08);color:#4a5568}body.light-mode .watch-modal{background:rgba(245,247,250,.92)}body.light-mode .watch-inner{background:#fff;box-shadow:0 8px 48px -8px rgba(0,0,0,.2)}body.light-mode .watch-inner .close{background:rgba(0,0,0,.1);color:#1a1f28}body.light-mode .watch-inner .close:hover{background:rgba(0,0,0,.15)}body.light-mode .empty-hint{color:#5a6270}