/* Header e herói (extraído de index.php) */
.fixed-header{position:fixed;top:0;left:0;right:0;height:70px;background:rgba(7,7,7,0.6);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;padding:0 16px}
/* Header ao rolar: fundo branco */
.fixed-header.scrolled{background:#ffffff; color:#111827;}
.fixed-header.scrolled .social-buttons .social-button i{color:#111827}
/* Transição suave para esconder/mostrar */
.fixed-header{transition:transform 0.8s ease-in-out, background-color 0.3s ease}
.header-left{display:flex;align-items:center;gap:12px}
.header-brand img{height:48px;max-height:48px;width:auto;display:block}
.header-nav{display:flex;gap:20px}
.header-nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:6px;background:rgba(0,0,0,0.6)}
.fixed-header.scrolled .header-nav a{background:#e5e7eb;color:#111}
.fixed-header.scrolled .header-nav a:hover{filter:brightness(0.95)}

/* Botão Top com ícone moderno (cima/baixo) e alto contraste */
.header-nav .nav-top{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#ffffff;color:#111;border:2px solid #7c4dff;box-shadow:0 6px 14px rgba(124,77,255,0.30);padding:0}
.header-nav .nav-top i{font-size:18px;line-height:1}
.header-nav .nav-top:hover{filter:brightness(1.05)}
/* Inverte para destacar quando o header estiver branco */
.fixed-header.scrolled .header-nav .nav-top{background:#000;color:#fff;border-color:#00e5ff;box-shadow:0 6px 14px rgba(0,229,255,0.35)}

.parallax-section{position:relative;height:60vh;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.parallax-bg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background-size:cover;background-position:center;will-change:transform}
.parallax-bg.no-parallax{background-attachment:scroll;transform:none !important;will-change:auto}
.parallax-bg.has-video{background:none}
.parallax-bg.has-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.hero-section{height:620px;margin-top:72px}
.content-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;height:100%}
.logo-container{margin-bottom:1rem;display:flex;align-items:center;justify-content:center}
.hero-logo{max-width:320px;width:100%;height:auto}
.content-overlay h1{color:#ffffff;font-weight:700;font-size:clamp(1.5rem, 3.2vw, 3rem);text-shadow:0 2px 10px rgba(0,0,0,0.35)}

/* Regras mobile: player abaixo dos botões sociais à esquerda */
@media (max-width: 640px){
  .fixed-header{height:auto;padding:8px 12px}
  .header-left{flex-wrap:wrap;flex-direction:row;align-items:center;gap:10px}
  /* Logo à esquerda e na mesma linha dos botões sociais */
  .header-brand{order:1}
  .social-left{order:2;width:auto;flex:0 0 auto}
  /* Player vem abaixo em largura total */
  /* Player removido: regra excluída */
  /* Oculta o botão Top apenas em modo mobile */
  .header-nav .nav-top{display:none}
  /* Quando o header ficar branco (scrolled), desliza para cima e some */
  .fixed-header.scrolled{transform: translateY(-100%)}
  /* Ao voltar para topo (sem scrolled), reaparece */
  .fixed-header{transform: translateY(0)}
}

/* Removidos estilos específicos do player no header */
.social-buttons .social-button i{font-size:18px;color:#fff;line-height:1}