/* ===================================================================
   EPPYS ACADEMY — Skin Premium Dark  (tema: eppys-academy)
   Estética: dark-mode nativo (navy/ink), vidro fosco, bordas finíssimas,
   profundidade sutil, acento de marca pontual, microinterações fluidas.
   Paleta: brandbook oficial. Tipografia: Galano Grotesque.
   Carrega por último → vence a cascata. NÃO mexer em margin-top de
   .pt_home_vid_content (quebra o overlap do hero: spacer 500px + -150px).
   =================================================================== */

@font-face { font-family:'Galano'; src:url('../fonts/galano-regular.otf') format('opentype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Galano'; src:url('../fonts/galano-bold.otf') format('opentype'); font-weight:700; font-style:normal; font-display:swap; }

:root{
  /* base escura */
  --e-ink:#050611; --e-navy:#080b2c; --e-deep:#0d1030; --e-panel:#161a2e;
  /* superfícies (vidro / elevação) */
  --e-surface:rgba(255,255,255,.035); --e-surface-2:rgba(255,255,255,.06);
  --e-glass:rgba(10,13,38,.72); --e-glass-strong:rgba(8,11,44,.86);
  /* marca */
  --e-purple:#6e3dab; --e-violet:#8b5cf6; --e-magenta:#F03CC8; --e-pink:#F03CC8; --e-gold:#e9b85e;
  /* texto / linhas */
  --e-white:#f6f4ff; --e-muted:#a9a4bc; --e-line:rgba(255,255,255,.08); --e-line-2:rgba(255,255,255,.14);
  /* forma */
  --e-r:16px; --e-r-lg:20px; --e-r-pill:999px;
  --e-shadow:0 18px 44px rgba(3,4,15,.55); --e-shadow-sm:0 8px 22px rgba(3,4,15,.4);
  --e-glow:0 10px 30px rgba(240,60,200,.32);
  --e-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---- Tipografia global (Galano; preserva fontes de ícone) ---- */
body, body *:not(.glyphicon):not([class*="fa-"]):not([class*="fa "]):not(.material-icons):not(.twa):not(.feather){
  font-family:'Galano','Poppins',-apple-system,sans-serif !important;
}
body{ color:var(--e-white); }

/* ---- Fundo da marca ---- */
body{
  background:
    radial-gradient(120% 80% at 80% -10%, rgba(110,61,171,.22), transparent 55%),
    radial-gradient(90% 60% at 0% 0%, rgba(240,60,200,.10), transparent 50%),
    linear-gradient(168deg,#080b2c 0%,#0a0a24 46%,#050611 100%) fixed !important;
}

/* ---- Scrollbar premium ---- */
*{ scrollbar-width:thin; scrollbar-color:rgba(139,92,246,.45) transparent; }
*::-webkit-scrollbar{ width:10px; height:10px; }
*::-webkit-scrollbar-thumb{ background:linear-gradient(var(--e-violet),var(--e-magenta)); border-radius:99px; border:2px solid transparent; background-clip:padding-box; }
*::-webkit-scrollbar-track{ background:transparent; }

/* ---- Seleção de texto ---- */
::selection{ background:rgba(240,60,200,.30); color:#fff; }

/* =========================== NAV (topo) =========================== */
nav.navbar-findcond{
  background:var(--e-glass) !important;
  -webkit-backdrop-filter:saturate(140%) blur(16px); backdrop-filter:saturate(140%) blur(16px);
  border-bottom:1px solid var(--e-line) !important;
}
nav.navbar-findcond .hdr_hover_btn{ transition:color .2s var(--e-ease), background .2s var(--e-ease); border-radius:12px; }
nav.navbar-findcond .hdr_hover_btn:hover{ background:var(--e-surface); color:var(--e-white); }

/* barra de busca */
.search-header input, #search-bar, #search-bar-mobile{
  background:var(--e-surface) !important; border:1px solid var(--e-line) !important;
  color:var(--e-white) !important; border-radius:var(--e-pill) !important; transition:border-color .2s var(--e-ease), background .2s var(--e-ease);
}
.search-header input:focus, #search-bar:focus{ border-color:rgba(139,92,246,.6) !important; background:var(--e-surface-2) !important; outline:none; }
::placeholder{ color:var(--e-muted) !important; opacity:1; }

/* ---- Dropdowns: vidro escuro (eram claros) ---- */
.dropdown-menu{
  background:var(--e-panel) !important; border:1px solid var(--e-line) !important;
  box-shadow:var(--e-shadow) !important; border-radius:14px !important; overflow:hidden;
}
.dropdown-menu a, .dropdown-menu > li > a{ color:var(--e-white) !important; transition:background .15s var(--e-ease); }
.dropdown-menu a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:var(--e-surface) !important; color:var(--e-magenta) !important; }
.dropdown-menu a i{ color:var(--e-magenta); }

/* =========================== CHIPS DE CATEGORIA =========================== */
.pt_sec_nav_slide a{
  color:var(--e-muted) !important; font-weight:500 !important;
  border:1px solid var(--e-line) !important; border-radius:var(--e-pill) !important;
  padding:8px 18px !important; transition:all .2s var(--e-ease);
}
.pt_sec_nav_slide a:hover{ color:var(--e-white) !important; border-color:var(--e-line-2) !important; }
.pt_sec_nav_slide a.active{
  color:#fff !important;
  background:linear-gradient(90deg, rgba(240,60,200,.22), rgba(139,92,246,.22)) !important;
  border-color:rgba(139,92,246,.5) !important;
}

/* =========================== HERO (vídeo em destaque) =========================== */
.pt_fv_blur_img{ border:1px solid var(--e-line) !important; border-radius:var(--e-r-lg) !important; box-shadow:var(--e-shadow); }
.feature_image_main::before{ opacity:.18 !important; }
.pt_fv_blur_img > div:before{
  background-color:var(--e-glass-strong) !important;
  -webkit-backdrop-filter:blur(46px) saturate(130%) !important; backdrop-filter:blur(46px) saturate(130%) !important;
}
/* fio de luz neon sutil na base do hero */
.pt_fv_blur_img > div:after{
  background-image:linear-gradient(180deg, transparent 60%, rgba(240,60,200,.14)) !important;
}
.feature_text_title{ font-weight:700 !important; letter-spacing:-.02em; line-height:1.08 !important; }
.feature_wrap h4, .pt_featured_video > h4{ color:var(--e-muted) !important; letter-spacing:.12em; text-transform:uppercase; font-size:12px !important; }

/* =========================== BOTÕES =========================== */
.btn-main, .button_watch, a.btn-main, .btn-subscribe{
  background:linear-gradient(90deg,var(--e-magenta),var(--e-pink)) !important;
  border:none !important; color:#fff !important; border-radius:var(--e-pill) !important;
  box-shadow:var(--e-glow) !important; transition:transform .16s var(--e-ease), filter .2s var(--e-ease);
}
.btn-main:hover, .button_watch:hover, .btn-subscribe:hover{ transform:translateY(-2px); filter:brightness(1.06); }
.btn-subscribed{ background:var(--e-surface-2) !important; color:var(--e-white) !important; border:1px solid var(--e-line-2) !important; border-radius:var(--e-pill) !important; }

/* botão play do hero — glow ao passar */
.feat_vid_big_play_btn a, .video-player .play-button{ transition:transform .2s var(--e-ease), box-shadow .2s var(--e-ease); }
.feat_vid_big_play_btn a:hover{ transform:scale(1.06); box-shadow:0 0 0 8px rgba(240,60,200,.18); }

/* =========================== SEÇÕES DA HOME =========================== */
.pt_home_vid_content .title h4{
  font-size:23px !important; font-weight:700 !important; letter-spacing:-.01em; color:var(--e-white) !important;
}
.pt_home_vid_content .title h4 svg{ color:var(--e-magenta) !important; fill:var(--e-magenta) !important; }
.view_more_link a{ color:var(--e-muted) !important; transition:color .2s var(--e-ease); }
.view_more_link a:hover{ color:var(--e-white) !important; }
.page-margin.pt_homepg_whote_bg{ background:transparent !important; }

/* =========================== CARDS DE VÍDEO =========================== */
.pt_home_vid_content .video-list, .videos-listing .video-list{
  background:var(--e-surface) !important; border:1px solid var(--e-line) !important;
  border-radius:var(--e-r) !important; overflow:hidden;
  transition:transform .2s var(--e-ease), border-color .2s var(--e-ease), box-shadow .2s var(--e-ease), background .2s var(--e-ease);
}
.pt_home_vid_content .video-list:hover, .videos-listing .video-list:hover{
  transform:translateY(-5px); background:var(--e-surface-2) !important;
  border-color:rgba(139,92,246,.5) !important; box-shadow:var(--e-shadow);
}
/* thumbnail: leve zoom no hover (microinteração) */
.video-list-image{ overflow:hidden; border-radius:0 !important; }
.video-list-image img{ transition:transform .35s var(--e-ease); }
.video-list:hover .video-list-image img{ transform:scale(1.05); }
/* textos do card */
.video_channel_title, .video_channel_title a{ color:var(--e-white) !important; font-weight:600 !important; }
.video_channel_name, .video_channel_name a, .video_channel_stats{ color:var(--e-muted) !important; }
.wow_liv_counter, .center_abs{ border-radius:8px !important; }

/* =========================== RODAPÉ =========================== */
footer, .footer, .pt_footer{ border-top:1px solid var(--e-line); }
footer a, .footer a{ color:var(--e-muted) !important; transition:color .2s var(--e-ease); }
footer a:hover, .footer a:hover{ color:var(--e-white) !important; }
.copyright{ color:var(--e-muted) !important; }

/* =========================== ACESSIBILIDADE / ACABAMENTO =========================== */
a, button{ transition:color .2s var(--e-ease); }
:focus-visible{ outline:2px solid var(--e-violet); outline-offset:2px; border-radius:4px; }

/* Oculta a seção "Em alta" enquanto vazia (catálogo pequeno) — reversível */
.pt_home_vid_content:has(.pt_no_vid_found_trend){ display:none !important; }

@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation:none !important; }
}