.bcat{--bg:#090720;--ink:#eef0ff;--mut:#a9aed6;--line:rgba(167,180,255,.28);--c1:#5D4EDB;--c2:#6C8FE0;--grad:linear-gradient(135deg,#5D4EDB,#6C8FE0);--panel:linear-gradient(135deg,#3a2f9e 0%,#3f66c8 52%,#6a2bb0 100%);position:relative;box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--bg);color:var(--ink);font-family:'DM Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;min-height:70vh;background-image:radial-gradient(1200px 520px at 15% -8%,rgba(93,78,219,.28),transparent 60%),radial-gradient(900px 480px at 100% 0,rgba(108,143,224,.16),transparent 60%)}
.bcat{margin-top:-40px}
.bcat *,.bcat *::before,.bcat *::after{box-sizing:border-box}
.bcat a{color:inherit;text-decoration:none}
.bcat button,.bcat input,.bcat select{font:inherit;color:inherit}
.bcat button{cursor:pointer;border:0;background:none}
.bcat :focus-visible{outline:2px solid #a7b4ff;outline-offset:2px}
.bcat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bcat-cover{position:relative;overflow:hidden;padding:34px 4% 12px;background:linear-gradient(135deg,var(--b1) 0%,var(--b2) 100%);min-height:230px;display:flex;align-items:flex-end}
.bcat-cover.has-img{min-height:340px;background-image:var(--bcat-cover);background-size:cover;background-position:center 30%}
.bcat-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 85% 0,rgba(255,255,255,.14),transparent 60%),linear-gradient(180deg,rgba(9,7,32,.15) 0%,rgba(9,7,32,.55) 55%,var(--bg) 100%)}
.bcat-cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad)}
.bcat-cin{position:relative;width:100%;max-width:1760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.bcat-crumb{font-size:12.5px;color:rgba(255,255,255,.8)}.bcat-crumb b{color:#fff;font-weight:600}
.bcat h1{margin:0;font-size:clamp(32px,4.4vw,54px);font-weight:700;letter-spacing:-.01em;line-height:1.05;color:#fff}
.bcat .bcat-sub{margin:0;color:rgba(255,255,255,.88)!important;font-size:15px;max-width:640px;line-height:1.5}
.bcat-pais{display:flex;gap:8px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:none}.bcat-pais::-webkit-scrollbar{display:none}
.bcat-pc{flex:none;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(8,6,28,.42);border:1px solid rgba(255,255,255,.2);font-size:13.5px;font-weight:500;transition:background .2s,border-color .2s}
.bcat-pc b{font-size:10.5px;letter-spacing:.06em;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.16)}
.bcat-pc:hover{background:rgba(255,255,255,.18)}
.bcat-pc.on{background:var(--grad);border-color:transparent;color:#fff}.bcat-pc.on b{background:rgba(255,255,255,.28)}
.bcat-bar{position:sticky;top:var(--bcat-top,0px);z-index:40;padding:12px 4%;background:rgba(9,7,32,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(167,180,255,.14)}
.bcat-bin{position:relative;max-width:1760px;margin:0 auto;display:flex;align-items:center;gap:12px}
.bcat-fbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--grad);color:#fff;font-weight:600;font-size:14px;flex:none}
.bcat-fbtn .n{min-width:20px;height:20px;border-radius:10px;background:#fff;color:#3a2f9e;font-size:11.5px;display:none;place-items:center;padding:0 5px}.bcat-fbtn.has .n{display:grid}
.bcat-s{flex:0 1 240px;min-width:120px}
.bcat-s input{width:100%;height:38px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07);padding:0 14px;font-size:14px;color:#fff}
.bcat-s input::placeholder{color:var(--mut)}
.bcat-act-row{display:flex;gap:8px;flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}.bcat-act-row::-webkit-scrollbar{display:none}
.bcat-act{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(93,78,219,.26);font-size:13px}
.bcat-act i{font-style:normal;font-size:16px;line-height:1;opacity:.85}.bcat-act:hover{background:rgba(93,78,219,.5)}
.bcat-all{background:transparent;padding:6px 12px;color:var(--mut)}
.bcat-sort{flex:none;margin-left:auto}
.bcat-sort select{height:38px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:0 14px;color:#fff;font-size:13.5px}.bcat-sort option{color:#111}
.bcat-pop{position:absolute;z-index:50;left:0;top:calc(100% + 14px);width:min(860px,92vw);max-height:76vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 24px 14px;box-shadow:0 30px 70px rgba(3,2,25,.65);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
.bcat.fopen .bcat-pop{opacity:1;visibility:visible;transform:none}
.bcat-phead{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:16px}.bcat-phead b{font-weight:700}
.bcat-clear{margin-left:auto;font-size:13px;color:#dfe5ff;text-decoration:underline!important}
.bcat-x{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);font-size:22px;line-height:1;color:#fff}.bcat-x:hover{background:rgba(255,255,255,.28)}
.bcat-pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.bcat-pg-genero,.bcat-pg-pais{grid-column:1/-1}
.bcat-pg h4{font-family:'DM Sans','Inter',system-ui,sans-serif;font-weight:700;margin:0 0 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e4e9ff;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.2)}
.bcat-chips{display:flex;flex-wrap:wrap;gap:8px}
.bcat-chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.32);font-size:13px;transition:background .15s}
.bcat-chip:hover{background:rgba(255,255,255,.16)}.bcat-chip.on{background:#fff;color:#3a2f9e!important;border-color:#fff;font-weight:600}
.bcat-pfoot{display:none;position:sticky;bottom:-14px;margin:14px -24px -14px;padding:12px 24px;background:linear-gradient(180deg,transparent,#3a2f9e 40%)}
.bcat-ver{width:100%;padding:12px;border-radius:999px;background:#fff;color:#3a2f9e;font-weight:700;font-size:15px}
.bcat-scrim{position:fixed;inset:0;z-index:39;background:rgba(5,3,26,.55);opacity:0;visibility:hidden;transition:opacity .2s}
.bcat.fopen .bcat-scrim{opacity:1;visibility:visible}
.bcat-main{max-width:1760px;margin:0 auto;padding:22px 4% 60px}
.bcat-count{font-size:13.5px;color:var(--mut);margin-bottom:16px}.bcat-count b{color:#fff;font-weight:600}
.bcat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 20px}
.bcat-card{position:relative;display:block;border-radius:12px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.bcat-poster{position:relative;display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#17123f;box-shadow:0 6px 18px rgba(3,2,20,.5);transition:box-shadow .25s}
.bcat-img{width:100%;height:100%;object-fit:cover;display:block}
.bcat-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#241d63,#17123f)}
.bcat-ep{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:7px 2px 7px 2px;background:linear-gradient(135deg,#ffb25b,#ff7a1a);color:#2b1659;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.bcat-live{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:2px 7px 2px 7px;background:var(--grad);color:#fff;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.bcat-go{position:absolute;left:50%;bottom:12px;transform:translate(-50%,8px);opacity:0;padding:7px 16px;border-radius:999px;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;transition:opacity .2s,transform .2s}
.bcat-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,7,32,.8));opacity:0;transition:opacity .25s}
.bcat-go{z-index:2}
.bcat-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:9px;font-size:14px;font-weight:600;line-height:1.25;text-align:center;color:#fff}
.bcat-y{display:block;text-align:center;margin-top:2px;font-size:12px;color:var(--mut)}
@media(hover:hover){.bcat-card:hover{transform:scale(1.04);z-index:2}.bcat-card:hover .bcat-poster{box-shadow:0 14px 34px rgba(3,2,20,.7),0 0 0 2px rgba(167,180,255,.5)}.bcat-card:hover .bcat-go{opacity:1;transform:translate(-50%,0)}.bcat-card:hover .bcat-poster::after{opacity:1}}
.bcat-card:focus-visible .bcat-poster{box-shadow:0 0 0 3px #a7b4ff}
.bcat-pag{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:38px}
.bcat-pn{min-width:40px;height:40px;padding:0 12px;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-weight:600;transition:background .15s}
.bcat-pn:hover{background:rgba(255,255,255,.14)}.bcat-pn.on{background:var(--grad);border-color:transparent;color:#fff}
.bcat-dots{color:var(--mut);padding:0 4px}
.bcat-empty{text-align:center;padding:60px 20px;max-width:520px;margin:20px auto}
.bcat-eic{width:92px;height:92px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font-size:40px;background:var(--grad);box-shadow:0 0 40px rgba(108,143,224,.35)}
.bcat-empty h3{margin:0 0 6px;font-size:20px;font-weight:600;color:#fff}.bcat-empty p{margin:0 0 18px;color:var(--mut);font-size:14px}
.bcat-btn{display:inline-block;padding:10px 20px;border-radius:999px;background:var(--grad);color:#fff!important;font-weight:600;font-size:14px}
.bcat.is-loading .bcat-gridwrap{opacity:.45;pointer-events:none;transition:opacity .15s}
@media(max-width:1500px){.bcat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1180px){.bcat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}}
@media(max-width:700px){.bcat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.bcat-cover{padding:24px 16px 8px;min-height:190px}.bcat-cover.has-img{min-height:250px}.bcat-bar{padding:10px 16px}.bcat-main{padding:16px 16px 50px}.bcat-ep,.bcat-live{display:none}.bcat-t{font-size:13px}
.bcat-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0d0a2a}
.bcat-bin{flex-wrap:wrap}.bcat-s{order:3;flex:1 1 100%}.bcat-act-row{order:4;flex:1 1 100%}.bcat-sort{order:2;margin-left:auto}
.bcat-pop{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:82vh;border-radius:18px 18px 0 0;padding:18px 18px 12px;transform:translateY(24px)}.bcat.fopen .bcat-pop{transform:none}
.bcat-pgrid{grid-template-columns:1fr}.bcat-pfoot{display:block;margin:12px -18px -12px;padding:12px 18px;bottom:-12px}}
@media(prefers-reduced-motion:reduce){.bcat *,.bcat *::before,.bcat *::after{transition:none!important;animation:none!important}.bcat-card:hover{transform:none}}
html.bcat-lock{overflow:hidden}
/* v2: encabezado con foto a la derecha, badges pegados, boton, flow */
.bcat-cover.has-img{background:var(--bg);background-image:none;min-height:360px}
.bcat-cover.has-img::before{inset:0 0 0 auto;width:74%;background:var(--bcat-cover) center 22%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 22%,#000 55%),linear-gradient(0deg,transparent 0,rgba(0,0,0,.6) 28%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 22%,#000 55%),linear-gradient(0deg,transparent 0,rgba(0,0,0,.6) 28%,#000 62%);-webkit-mask-composite:source-in;mask-composite:intersect}
.bcat-cover.has-img .bcat-cin{z-index:1}
.bcat-ep{top:0;left:0;padding:5px 10px 5px 9px;border-radius:0 0 10px 0;font-size:10.5px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.bcat-live{top:0;right:0;padding:5px 9px 5px 10px;border-radius:0 0 0 10px;font-size:10px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.bcat-poster::after{background:linear-gradient(180deg,rgba(9,7,32,0) 45%,rgba(9,7,32,.92) 100%)}
.bcat-go{left:12px;right:12px;bottom:12px;transform:translateY(10px);display:flex;align-items:center;justify-content:center;gap:7px;padding:0;height:38px;border-radius:10px;background:linear-gradient(135deg,#5D4EDB 0%,#6C8FE0 100%);border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 22px rgba(93,78,219,.55),inset 0 1px 0 rgba(255,255,255,.28);font-size:13px;font-weight:700;letter-spacing:.02em;transition:opacity .22s,transform .22s}
.bcat-go svg{width:15px;height:15px;fill:#fff;flex:none}
@media(hover:hover){.bcat-card:hover .bcat-go{opacity:1;transform:translateY(0)}}
.bcat.is-loading .bcat-gridwrap{opacity:.6;transition:opacity .2s .18s}
@keyframes bcatIn{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.bcat-in .bcat-card{animation:bcatIn .45s cubic-bezier(.2,.7,.2,1) backwards}
.bcat-in .bcat-card:nth-child(2){animation-delay:.03s}.bcat-in .bcat-card:nth-child(3){animation-delay:.06s}.bcat-in .bcat-card:nth-child(4){animation-delay:.09s}.bcat-in .bcat-card:nth-child(5){animation-delay:.12s}.bcat-in .bcat-card:nth-child(6){animation-delay:.15s}.bcat-in .bcat-card:nth-child(n+7){animation-delay:.2s}
.bcat-chip,.bcat-cin a{transition:background .2s,border-color .2s,transform .2s}
@media(prefers-reduced-motion:reduce){.bcat-in .bcat-card{animation:none}}
@media(max-width:700px){.bcat-cover.has-img::before{width:100%;opacity:.7;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 70%);mask-image:linear-gradient(0deg,transparent 0,#000 70%)}.bcat-cover.has-img{min-height:260px}}
/* v3: tipografia del sitio, paleta neutra, sin raya, barra integrada */
.bcat{font-family:'DM Sans',system-ui,sans-serif;font-synthesis:none}
.bcat h1{font-family:'Bebas Neue','DM Sans',sans-serif;font-weight:400;letter-spacing:.06em;line-height:1;font-size:clamp(60px,8vw,112px);text-shadow:0 4px 24px rgba(0,0,0,.45)}
.bcat-empty h3{font-family:'Bebas Neue','DM Sans',sans-serif;font-weight:400;letter-spacing:.05em;font-size:30px}
.bcat-cover::after{display:none}
.bcat-pc{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,color .2s,border-color .2s}
.bcat-pc:hover{background:rgba(255,255,255,.18)}
.bcat-pc.on{background:#fff;border-color:#fff;color:#14103a}
.bcat-pc.on *{color:#14103a}
.bcat-bar{background:transparent;border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .25s,border-color .25s}
.bcat-bar.stuck{background:rgba(9,7,32,.92);border-bottom-color:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.bcat-fbtn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.bcat-fbtn:hover{background:rgba(255,255,255,.18)}
.bcat .bcat-s input[type]{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#fff;font-family:'DM Sans',sans-serif;font-weight:500;box-shadow:none;outline:0}
.bcat .bcat-s input[type]:focus{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.55);box-shadow:0 0 0 3px rgba(255,255,255,.12);color:#fff!important;-webkit-text-fill-color:#fff!important}
.bcat .bcat-s input::placeholder{color:rgba(255,255,255,.55)!important;-webkit-text-fill-color:rgba(255,255,255,.55)!important}
.bcat select{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:'DM Sans',sans-serif}
.bcat-act{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff}
.bcat-pop{background:linear-gradient(160deg,#181450 0%,#0f0c2e 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 64px rgba(0,0,0,.65)}
.bcat-chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;transition:background .2s,color .2s}
.bcat-chip:hover{background:rgba(255,255,255,.16)}
.bcat-chip.on{background:#fff;border-color:#fff;color:#14103a}
.bcat-ver,.bcat-btn{background:#fff;color:#14103a;border:0;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.bcat-eic{background:rgba(255,255,255,.12)}
.bcat-ep{background:rgba(9,7,32,.8);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bcat-go{background:#fff;color:#14103a;border:0;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.bcat-go svg{fill:#14103a}
@media(hover:hover){.bcat-card:hover .bcat-poster{box-shadow:0 14px 34px rgba(3,2,20,.7),0 0 0 2px rgba(255,255,255,.5)}}
@media(max-width:700px){.bcat-bar.stuck{background:#0d0a2a;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* v4 */
.bcat-ep{top:-1px;left:-1px;z-index:3;background:linear-gradient(135deg,#ffb25b,#ff7a1a);color:#2b1659;-webkit-backdrop-filter:none;backdrop-filter:none;padding:6px 11px 6px 10px}
.bcat-live{top:-1px;right:-1px;z-index:3;background:linear-gradient(135deg,#0a8a63,#12b886);color:#fff;padding:6px 10px 6px 11px}
.bcat-poster{isolation:isolate;transform:translateZ(0)}
.bcat-pg-pais{display:none}
.bcat-pop{background:var(--panel);border:1px solid rgba(167,180,255,.3)}
.bcat-phead{display:flex;align-items:center;gap:14px}
.bcat-phead b{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700}
.bcat-x{width:32px;height:32px;min-width:32px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:18px;line-height:1;cursor:pointer;flex:none;box-shadow:none}
.bcat-x:hover{background:rgba(255,255,255,.26)}
.bcat-main{min-height:80vh}
@media(min-width:701px){.bcat-pop{display:flex;flex-direction:column;overflow:hidden}.bcat-pgrid{overflow-y:auto;min-height:0;flex:1 1 auto}}
.bcat.is-loading .bcat-gridwrap{opacity:.55;transition:opacity .12s}
.bcat-in .bcat-card{animation:none!important}
@keyframes bcatFd{from{opacity:.55}to{opacity:1}}
.bcat-gridwrap.bcat-in{animation:bcatFd .3s ease-out}
.bcat-dd{position:relative;margin-left:auto}
.bcat-dd select{display:none}
.bcat-ddb{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 18px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#fff;font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s}
.bcat-ddb:hover{background:rgba(255,255,255,.17)}
.bcat-ddb svg{flex:none;transition:transform .2s}
.bcat-dd.open .bcat-ddb svg{transform:rotate(180deg)}
.bcat-ddm{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:6px;border-radius:16px;background:var(--panel);border:1px solid rgba(167,180,255,.3);box-shadow:0 20px 50px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.bcat-dd.open .bcat-ddm{opacity:1;visibility:visible;transform:none}
.bcat-ddi{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#fff;font:500 14px 'DM Sans',sans-serif;text-align:left;cursor:pointer}
.bcat-ddi:hover{background:rgba(255,255,255,.16)}
.bcat-ddi.on{background:rgba(255,255,255,.2);font-weight:700}
.bcat-ddi.on::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-3px 4px 0 10px}
/* v5: esqueleto al recargar */
.bcat.is-loading .bcat-gridwrap{opacity:1;pointer-events:none;transition:none}
@keyframes bcatFd{from{opacity:.25}to{opacity:1}}
@keyframes bcatFs{from{opacity:.82}to{opacity:1}}
.bcat-gridwrap.bcat-in.bcat-soft{animation-name:bcatFs;animation-duration:.25s}
.bcat-skc{display:block}
.bcat-skc i{display:block;aspect-ratio:2/3;border-radius:12px;background:linear-gradient(100deg,rgba(255,255,255,.05) 30%,rgba(255,255,255,.13) 50%,rgba(255,255,255,.05) 70%) 0 0/300% 100%;animation:bcatSh 1.2s linear infinite}
.bcat-skc b{display:block;height:12px;width:80%;margin:10px auto 0;border-radius:6px;background:rgba(255,255,255,.07)}
.bcat-skc b.s{width:40%;height:10px}
@keyframes bcatSh{to{background-position:-300% 0}}
.bcat-skl-l{display:inline-block;width:170px;height:12px;border-radius:6px;background:rgba(255,255,255,.08);vertical-align:middle}
/* v6 */
.bcat-fbtn{position:relative}
.bcat-fbtn .n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.bcat-pais{gap:10px}
.bcat-pc{padding:5px 14px 5px 6px}
.bcat-pc:hover{background:rgba(255,255,255,.14)}
.bcat-pc.on:hover{background:#fff}
.bcat-pais .bcat-pc:first-child{padding:5px 18px}
/* v7: borde chroma en hover */
.bcat-poster::before{content:"";position:absolute;inset:0;border-radius:12px;padding:2.5px;background:linear-gradient(135deg,#38bdf8 0%,#6d5ce8 50%,#e04df0 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .25s;z-index:4;pointer-events:none}
@media(hover:hover){.bcat-card:hover .bcat-poster{box-shadow:0 16px 38px rgba(3,2,20,.7),0 0 28px rgba(109,92,232,.6),0 0 60px rgba(224,77,240,.25)}.bcat-card:hover .bcat-poster::before{opacity:1}}
.bcat-card:focus-visible .bcat-poster{box-shadow:0 0 28px rgba(109,92,232,.6)}.bcat-card:focus-visible .bcat-poster::before{opacity:1}
/* v8: encabezado alto + generos populares */
.bcat-cover{padding:64px 4% 24px;min-height:calc(var(--bcat-h,460px) * .7)}
.bcat-cover.has-img{min-height:var(--bcat-h,460px)}
.bcat-cover.has-img::before{background-position:center var(--bcat-py,22%)}
.bcat-cin{gap:14px}
.bcat-cover h1{margin-bottom:2px}
[data-part="chips"]{display:flex;flex-direction:column;gap:14px}
.bcat-gen{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bcat-gl{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-right:6px}
.bcat-gc{padding:6px 15px;border-radius:999px;font-size:13px;font-weight:500;color:#fff;background:rgba(9,7,32,.35);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,color .2s,border-color .2s}
.bcat-gc:hover{background:rgba(255,255,255,.16)}
.bcat-gc.on{background:#fff;border-color:#fff;color:#14103a}
@media(max-width:700px){.bcat-cover{padding:28px 16px 14px;min-height:calc(var(--bcat-h,460px) * .6)}.bcat-cover.has-img{min-height:calc(var(--bcat-h,460px) * .62)}.bcat-gen{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.bcat-gen::-webkit-scrollbar{display:none}.bcat-gc,.bcat-gl{flex:none}}
/* v9: header transparente como el Inicio (PC) */
@media screen and (min-width:993px){
html body.bcat-page #thrive-header{position:fixed!important;left:0!important;right:0!important;width:100%!important;z-index:99999!important;background-image:linear-gradient(to bottom,rgba(20,18,46,.93) 0%,rgba(20,18,46,.8) 30%,rgba(20,18,46,.55) 55%,rgba(20,18,46,.25) 78%,rgba(20,18,46,0) 100%)!important;background-color:transparent!important;box-shadow:none!important;transition:background-color .35s ease,background-image .35s ease,box-shadow .35s ease!important}
html body.bcat-page:not(.admin-bar) #thrive-header{top:0!important}
html body.bcat-page.admin-bar #thrive-header{top:32px!important}
html body.bcat-page #thrive-header .symbol-section-out{background:transparent!important}
html body.bcat-page #thrive-header.bla-header-scrolled{background-image:linear-gradient(90deg,rgb(18,5,49) 0%,rgb(37,0,93) 48%,rgb(91,11,177) 100%)!important;background-color:rgb(37,0,93)!important;box-shadow:0 2px 20px rgba(0,0,0,.45)!important}
html body.bcat-page.page:not(.home) #content{margin-top:0!important}
.bcat-cover{padding-top:140px}
}
/* v10: estado vacio */
.bcat-eic{display:grid!important;place-items:center;width:92px;height:92px;border-radius:50%;margin:0 auto 18px;background:var(--panel)!important;box-shadow:0 0 0 1px rgba(167,180,255,.3),0 10px 40px rgba(93,78,219,.45);font-size:0;line-height:0;padding:0}
.bcat-eic svg{display:block;margin:0;transform:translate(-1px,-1px)}
html body .bcat .bcat-btn,html body .bcat a.bcat-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:#14103a!important;-webkit-text-fill-color:#14103a!important;font-weight:700;font-size:15px;padding:12px 26px;border-radius:999px;text-decoration:none!important}
/* FUNDIDO #327 */.bcat{opacity:0;transition:opacity .6s ease;animation:bcatShow .01s linear 1.6s forwards}@keyframes bcatShow{to{opacity:1}}body.bcatready .bcat{opacity:1}@media (prefers-reduced-motion:reduce){.bcat{opacity:1!important;transition:none!important;animation:none!important}}
/* ===== CHIPS-HOVER-LIMPIO (paises y generos: sin backdrop-filter, hover solo con raton) ===== */
.bcat .bcat-pais,.bcat .bcat-gen{isolation:isolate}
.bcat .bcat-pc,.bcat .bcat-gc{-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease;transform:none}
.bcat .bcat-pc:not(.on),.bcat .bcat-gc:not(.on){background:rgba(9,7,32,.42)}
@media (hover:hover){.bcat .bcat-pc:not(.on):hover,.bcat .bcat-gc:not(.on):hover{background:rgba(255,255,255,.16)}}
@media (hover:none){.bcat .bcat-pc:not(.on):hover,.bcat .bcat-gc:not(.on):hover{background:rgba(9,7,32,.42)}}
.bcat .bcat-cover::before{transition:none}
/* ===== FIN CHIPS-HOVER-LIMPIO ===== */