:root{
  --bp-blue:#0d6efd;
  --bp-blue-dark:#0b5ed7;
  --bp-dark:#0f172a;
  --bp-soft:#f8fafc;
  --bp-border:#d8e1ee;
  --bp-text:#1e293b;
  --bp-muted:#64748b;
}
body{font-family:Arial,Helvetica,sans-serif;color:var(--bp-text);background:#fff}
.navbar{backdrop-filter:blur(10px);padding-top:10px;padding-bottom:10px}
.bp-logo{height:42px;width:auto;display:block}
.section{padding:78px 0}
.video-hero{padding:72px 0;background:linear-gradient(135deg,#0b5ed7 0%,#2563eb 50%,#60a5fa 100%);color:#fff;overflow:hidden}
.video-hero .kicker{color:rgba(255,255,255,.86)}
.kicker{font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bp-muted);font-weight:700;margin-bottom:10px}
.card-soft,.video-card,.hero-card{border:0;border-radius:26px;box-shadow:0 14px 36px rgba(15,23,42,.08);background:#fff}
.small-note{font-size:.92rem;color:var(--bp-muted)}
.video-card{height:100%;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.video-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(15,23,42,.12)}
.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#e0f2fe,#fde68a);display:flex;align-items:center;justify-content:center;color:var(--bp-dark);font-weight:800;font-size:clamp(28px,5vw,56px)}
.hero-card{text-align:center;padding:28px 20px;height:100%;transition:transform .18s ease,box-shadow .18s ease;color:inherit;text-decoration:none;display:block}
.hero-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(15,23,42,.12);color:inherit}
.hero-avatar{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:linear-gradient(135deg,#e0f2fe,#fde68a);background-size:cover;background-position:top center;box-shadow:inset 0 0 0 8px rgba(255,255,255,.7)}
.bpv-player-wrap{background:#050816;border-radius:30px;padding:12px;box-shadow:0 24px 50px rgba(15,23,42,.18)}
.bpv-video{width:100%;max-height:78vh;display:block;border-radius:22px;background:#000}
.bpv-video.vertical{max-width:520px;margin:0 auto;aspect-ratio:9/16}
.bpv-video.horizontal{aspect-ratio:16/9}
.tag-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eff6ff;color:#0b5ed7;font-weight:700;font-size:.85rem;margin:0 6px 8px 0}
.mobile-callbar{position:fixed;left:0;right:0;bottom:0;z-index:1035;padding:10px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--bp-border);display:none}
.mobile-callbar .btn{border-radius:16px;font-weight:700;padding:14px 16px}
@media (max-width:768px){.bp-logo{height:34px}.mobile-callbar{display:block}body{padding-bottom:86px}.section{padding:58px 0}.video-hero{padding:58px 0;text-align:center}}
.text-white-75{color:rgba(255,255,255,.78)}
.video-thumb-poster{position:relative;aspect-ratio:9/16;background-size:cover;background-position:center;justify-content:flex-start;align-items:flex-end;padding:14px;min-height:360px}
.video-thumb-poster::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.70));pointer-events:none}
.episode-badge{position:relative;z-index:1;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.92);color:var(--bp-dark);font-weight:800;font-size:.95rem;padding:8px 12px;box-shadow:0 8px 18px rgba(15,23,42,.18)}
.video-thumb-fallback{aspect-ratio:9/16;min-height:360px;background:linear-gradient(135deg,#e0f2fe,#fde68a);font-size:clamp(22px,4vw,40px);text-align:center;padding:18px}
.tag-pill-small{font-size:.78rem;padding:5px 8px;margin:0 4px 6px 0;background:#f1f5f9;color:#334155}
@media (min-width:992px){.video-card .video-thumb-poster,.video-card .video-thumb-fallback{min-height:390px}}
@media (max-width:768px){.video-thumb-poster,.video-thumb-fallback{min-height:330px}.video-card .p-4{padding:1rem!important}}
.bpv-follow,.bpv-share{position:relative;overflow:hidden}
.bpv-follow .btn,.bpv-share .btn{border-radius:999px;font-weight:700}
.bpv-share{background:linear-gradient(135deg,#ffffff 0%,#eff6ff 100%)}
.bpv-follow{background:#fff}
@media (max-width:768px){.bpv-follow .btn,.bpv-share .btn{flex:1 1 auto}.bpv-follow .d-flex.flex-wrap,.bpv-share .d-flex.flex-wrap{width:100%}}

.social-grid{display:flex;flex-wrap:wrap;gap:12px}
.social-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:16px;border:1px solid transparent;font-weight:800;font-size:.95rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.social-btn:hover{transform:translateY(-1px);opacity:.96}
.social-btn span{white-space:nowrap}
.social-youtube{background:#ff0033;color:#fff}
.social-tiktok{background:#111827;color:#fff}
.social-instagram{background:linear-gradient(135deg,#833ab4 0%,#fd1d1d 50%,#fcb045 100%);color:#fff}
.social-facebook{background:#1877f2;color:#fff}
.social-threads{background:#000;color:#fff}
.social-whatsapp{background:#25d366;color:#fff}
.social-telegram{background:#229ed9;color:#fff}
.social-neutral{background:#fff;color:var(--bp-dark);border-color:var(--bp-border)}
.social-facebook-outline{background:#fff;color:#1877f2;border-color:#1877f2}
.bpv-follow .social-grid,.bpv-share .social-grid{align-items:stretch}
.bpv-sidebar-card{align-self:flex-start}
@media (max-width:768px){.social-grid{gap:10px}.social-btn{width:100%}}


/* Conversion block refinements: text-labeled branded buttons, no fake platform logos. */
.bpv-sidebar-card{width:100%}
.social-btn{border-radius:12px;min-height:44px;padding:11px 17px;letter-spacing:.01em;line-height:1.1}
.social-youtube{background:#ff0000;color:#fff}
.social-tiktok{background:#111;color:#fff;box-shadow:inset 3px 0 0 #25f4ee,inset -3px 0 0 #fe2c55,0 8px 22px rgba(15,23,42,.10)}
.social-instagram{background:linear-gradient(135deg,#405de6 0%,#833ab4 28%,#c13584 52%,#fd1d1d 74%,#fcb045 100%);color:#fff}
.social-facebook{background:#1877f2;color:#fff}
.social-threads{background:#000;color:#fff}
.social-whatsapp{background:#25d366;color:#fff}
.social-telegram{background:#229ed9;color:#fff}
.social-facebook-outline{background:#fff;color:#1877f2;border-color:#1877f2}
.social-neutral{background:#fff;color:var(--bp-dark);border-color:var(--bp-border)}

.social-btn i{font-size:1.08em;line-height:1;margin-right:8px;display:inline-flex;align-items:center}
.social-btn:hover{color:inherit;text-decoration:none}
.bpv-sidebar-card{width:100%;max-width:none}
@media (min-width:992px){.bpv-sidebar-card{width:100%;max-width:none}}


/* Hover color safety: branded social buttons keep white text; neutral share buttons keep dark text. */
.social-youtube:hover,.social-tiktok:hover,.social-instagram:hover,.social-facebook:hover,.social-threads:hover,.social-whatsapp:hover,.social-telegram:hover{color:#fff}
.social-neutral:hover{color:var(--bp-dark)}
.social-facebook-outline:hover{color:#1877f2}
