/* ══════════════════════════════════════════
   TENSOR SERIES PLAYER v3
══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@400;500&display=swap');

:root {
  --gold:  #FFD000;
  --gold2: #FFA500;
  --red:   #E8150B;
  --dark:  #0A0A0A;
  --dark2: #141414;
  --card:  #181818;
  --text:  #F0F0F0;
  --muted: #888;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html,body{
  background:var(--dark);
  color:var(--text);
  font-family:'Barlow',sans-serif;
  min-height:100dvh;
  -webkit-tap-highlight-color:transparent;
  overflow-x:hidden;
}

body::before{
  content:'';position:fixed;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
  pointer-events:none;z-index:0;
}

.tsp-wrap{
  max-width:480px;margin:0 auto;
  position:relative;padding-bottom:50px;
}

/* ── HEADER ── */
.tsp-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px 10px;
  background:linear-gradient(180deg,#000 65%,transparent);
  gap:10px;
}

.tsp-back-btn{
  color:#fff;display:flex;align-items:center;
  background:rgba(255,255,255,.1);border-radius:50%;
  width:36px;height:36px;justify-content:center;
  text-decoration:none;flex-shrink:0;
  transition:background .2s;
}
.tsp-back-btn:hover{background:rgba(255,255,255,.2);}

.tsp-logo{
  font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:3px;line-height:1;flex:1;text-align:center;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 55%,var(--red) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.tsp-logo span{
  display:block;font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:10px;letter-spacing:5px;
  background:linear-gradient(90deg,var(--gold),var(--gold2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

.tsp-insta-btn{
  display:flex;align-items:center;gap:5px;flex-shrink:0;
  background:linear-gradient(135deg,#833AB4,#FD1D1D,#F77737);
  color:#fff!important;text-decoration:none!important;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;letter-spacing:1px;
  padding:6px 12px;border-radius:6px;
  transition:transform .2s,box-shadow .2s;
}
.tsp-insta-btn:hover{transform:scale(1.05);box-shadow:0 4px 18px rgba(253,29,29,.4);}

/* ── AD ── */
.tsp-ad{position:relative;z-index:1;margin:10px 14px;text-align:center;min-height:50px;}

/* ── HERO ── */
.tsp-hero{
  position:relative;z-index:1;margin:6px 14px 2px;
  border-radius:12px;overflow:hidden;
  background:linear-gradient(135deg,#1a0000,#2c0a00,#181800);
  border:1px solid rgba(255,208,0,.1);
  padding:22px 18px 18px;
}
.tsp-hero::after{content:'🎬';position:absolute;right:-8px;top:-8px;font-size:80px;opacity:.05;transform:rotate(15deg);pointer-events:none;}

.tsp-hero-badge{
  display:inline-block;background:var(--red);color:#fff;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:11px;letter-spacing:2px;
  padding:3px 10px;border-radius:4px;margin-bottom:10px;
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}

.tsp-hero-title{
  font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:1px;line-height:1.05;
  color:var(--gold);text-shadow:0 2px 20px rgba(255,208,0,.2);
}
.tsp-hero-desc{font-size:13px;color:#aaa;margin-top:7px;line-height:1.5;}

/* ── SECTION LABEL ── */
.tsp-section-label{
  position:relative;z-index:1;
  font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:2px;color:var(--gold);
  padding:16px 16px 8px;display:flex;align-items:center;gap:10px;
}
.tsp-section-label::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(255,208,0,.3),transparent);}

/* ══════════════════════════════════════════
   GRID DE SÉRIES
══════════════════════════════════════════ */
.tsp-series-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:10px;padding:0 14px;
}

.tsp-serie-card{
  display:block;text-decoration:none!important;color:inherit;
  border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  transition:transform .25s,box-shadow .25s;
  opacity:0;animation:fadeup .45s ease forwards;
}
.tsp-serie-card:hover,.tsp-serie-card:focus{
  transform:translateY(-4px) scale(1.025);
  box-shadow:0 14px 40px rgba(0,0,0,.65),0 0 0 1px rgba(255,208,0,.22);
  outline:none;
}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.tsp-serie-thumb{
  position:relative;width:100%;
  /* 9:16 para capas de série */
  aspect-ratio:9/16;
  background:linear-gradient(160deg,#2a1000,#1a2200,#220000);
  overflow:hidden;
}
.tsp-serie-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .4s;
  /* Alta qualidade — sem filtros, sem downscale */
  image-rendering:auto;
}
.tsp-serie-card:hover .tsp-serie-thumb img{transform:scale(1.04);}

.tsp-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

.tsp-serie-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent 0%,rgba(0,0,0,.95) 100%);
  padding:30px 10px 10px;
}
.tsp-serie-name{
  font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;
  color:var(--gold);line-height:1.1;text-shadow:0 1px 8px rgba(0,0,0,.9);
}
.tsp-serie-desc{font-size:10px;color:#ccc;margin-top:3px;line-height:1.4;}
.tsp-ep-count{
  display:inline-block;margin-top:5px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:10px;
  letter-spacing:1px;color:#000;
  background:var(--gold);padding:2px 8px;border-radius:3px;
}

.tsp-play-overlay{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;opacity:0;transition:opacity .2s;
  background:rgba(0,0,0,.45);
}
.tsp-serie-card:hover .tsp-play-overlay,.tsp-serie-card:focus .tsp-play-overlay{opacity:1;}
.tsp-play-circle{
  width:52px;height:52px;background:rgba(255,208,0,.92);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(255,208,0,.5);
}
.tsp-play-overlay span{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:1px;color:#fff;}

/* ══════════════════════════════════════════
   HERO DA SÉRIE (página de episódios)
══════════════════════════════════════════ */
.tsp-serie-hero{
  position:relative;z-index:1;
  margin:6px 14px 2px;border-radius:12px;overflow:hidden;
  aspect-ratio:16/7;background:#111;
}
.tsp-serie-hero-bg{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(.55);
}
.tsp-serie-hero-content{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 16px 14px;
  background:linear-gradient(transparent,rgba(0,0,0,.85));
}
.tsp-serie-hero-title{
  font-family:'Bebas Neue',sans-serif;font-size:34px;letter-spacing:2px;
  color:var(--gold);text-shadow:0 2px 10px rgba(0,0,0,.8);line-height:1;
}
.tsp-serie-hero-desc{font-size:12px;color:#ccc;margin-top:5px;line-height:1.4;}
.tsp-ep-count-badge{
  display:inline-block;margin-top:7px;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;
  letter-spacing:1px;background:var(--red);color:#fff;
  padding:2px 10px;border-radius:4px;
}

/* ══════════════════════════════════════════
   GRADE DE EPISÓDIOS
══════════════════════════════════════════ */
.tsp-ep-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:10px;padding:0 14px;
}

.tsp-ep-card{
  background:var(--card);border-radius:12px;overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  cursor:pointer;
  opacity:0;animation:fadeup .45s ease forwards;
  transition:box-shadow .25s;
}
.tsp-ep-card:hover,.tsp-ep-card:focus-within{
  box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 0 1px rgba(255,208,0,.2);
  outline:none;
}

/* ── CAPA DO EPISÓDIO ── */
.tsp-ep-cover{
  position:relative;width:100%;
  /* 9:16 vertical igual ao vídeo */
  aspect-ratio:9/16;
  overflow:hidden;background:#111;
}
.tsp-ep-cover img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s;
  /* Sem compressão extra — usa o tamanho original do WP */
  image-rendering:auto;
}
.tsp-ep-card:hover .tsp-ep-cover img{transform:scale(1.04);}

.tsp-ghost-num{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(255,208,0,.1);line-height:1;}

.tsp-ep-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(0,0,0,.92));
  padding:22px 8px 8px;pointer-events:none;
}
.tsp-ep-num{
  font-family:'Bebas Neue',sans-serif;font-size:15px;letter-spacing:1px;
  color:var(--gold);line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.9);
}
.tsp-ep-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:11px;color:#ddd;margin-top:2px;line-height:1.3;
  text-transform:uppercase;letter-spacing:.4px;
}

.tsp-ep-play-btn{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.75);
  width:50px;height:50px;
  background:rgba(255,208,0,.92);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s,transform .2s;
  box-shadow:0 4px 24px rgba(255,208,0,.5);
  pointer-events:none;
}
.tsp-ep-card:hover .tsp-ep-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1);}

/* ── PLAYER INLINE ── */
.tsp-ep-player{
  position:relative;width:100%;
  /* mantém 9:16 */
  aspect-ratio:9/16;
  background:#000;
}

.tsp-player-controls{
  position:absolute;top:0;left:0;right:0;z-index:5;
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 10px;
  background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);
  gap:6px;
}

.tsp-btn-back-ep{
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.12);
  border:none;color:#fff;cursor:pointer;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;letter-spacing:.5px;
  padding:5px 10px;border-radius:5px;
  transition:background .2s;flex-shrink:0;
}
.tsp-btn-back-ep:hover{background:rgba(255,255,255,.22);}

.tsp-player-title{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;
  font-size:11px;color:#ddd;letter-spacing:.3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  flex:1;text-align:center;
}

.tsp-btn-fullscreen{
  background:rgba(255,208,0,.9);border:none;color:#000;
  width:30px;height:30px;border-radius:5px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:transform .2s;
}
.tsp-btn-fullscreen:hover{transform:scale(1.1);}

.tsp-video-wrap{
  position:absolute;inset:0;
}
.tsp-video-wrap iframe,
.tsp-video-wrap video{
  width:100%;height:100%;border:none;
  /* fullscreen support */
  object-fit:contain;
}

/* ── INFO ABAIXO DO CARD ── */
.tsp-ep-info{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 9px 8px;
}
.tsp-ep-info-num{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:12px;color:#ddd;letter-spacing:.3px;
}
.tsp-ep-info-views{font-size:11px;color:var(--muted);}

/* ── FOOTER CTA ── */
.tsp-footer-cta{position:relative;z-index:1;text-align:center;padding:28px 20px 10px;}
.tsp-footer-cta p{font-size:13px;color:var(--muted);margin-bottom:12px;}
.tsp-footer-cta a{
  display:inline-block;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:#000!important;text-decoration:none!important;
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:14px;letter-spacing:1px;
  padding:10px 26px;border-radius:6px;
  transition:transform .2s,box-shadow .2s;
}
.tsp-footer-cta a:hover{transform:scale(1.04);box-shadow:0 4px 20px rgba(255,208,0,.3);}