*{ padding: auto; margin: auto;}


.container-header{ position:relative; width:100%; height:90px;  z-index:888; background: rgb(210,210,210);
background: linear-gradient(90deg, rgba(210,210,210,1) 0%, rgba(245,245,245,1) 50%, rgba(249,249,249,1) 100%);
box-shadow:2px 2px #222; 
transition: .5s; -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
		-moz-box-shadow:    5px 3px 1.5px rgba(50, 50, 50, 0.15);
		box-shadow:         5px 3px 1.5px rgba(50, 50, 50, 0.15); }
.header{ position:relative; width:100%; z-index:9999;  }
.header a{ text-decoration:none; border:0;}
.logo-header{ position:relative; width:240px !important; height:90px !important; top:0px !important; margin-top:0 !important;  left:0; margin-left:0; 
background:#BC1F1A; border:0px solid red; }	
.logo-header img{ position:relative; width:170px !important; height:28px !important; top:35px; left:25px;}

#play {
  position: sticky;
  top: 0;
  width: 100%;
  transition: background-color 0.3s; 
}

#play.is-active { 

  border-radius:0px 0px 30px 0px;
}


/* Botão Hamburguer */
.hamburger {
  border: none;
  background: none;
  cursor: pointer;
  position: fixed; top:20px;
  right: 25px; /* Mover para o lado direito */
  z-index: 1001; color:red; border:0px solid red; width:60px !important; height:50px; border:0px solid red;
}

.hamburger img { width:55px; height:25px;}
/* Lightbox */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: none;
  z-index: 1000;
}

/* Menu Lateral - abre pela direita agora */
.side-menu {
  position: fixed;
  top: 0;
  right: -260px; /* escondido fora da tela à direita */
  left: auto;
  width: 260px;
  height: 100%;
  background-color: #ffffff;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  padding-top: 90px;
  transition: right 0.3s ease;
  z-index: 1002;
}

.side-menu.open {
  right: 0; /* desliza para a tela */
}

/* Botão Fechar */
.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 36px;
  background: none;
  border: none;
  cursor: pointer; color:#BC1F1A;
}

/* Itens do menu */
.side-menu ul {
  list-style: none;
}

.menu-item {
  display: block;
  padding: 18px 20px;
  text-decoration: none;
  color: #333; letter-spacing:0.5px;
  transition: background 0.3s ease;
   font-family:Rubik-Regular; font-size:17px;
}

.menu-item:hover {
  background-color: #f0f0f0;
}

.menu-item.active {
  background-color: #007bff;
  color: #fff;
}

/* Submenu */
.has-submenu .submenu {
  display: none;
  background-color: #f9f9f9;
}

.has-submenu.open .submenu {
  display: block;
}

.submenu .menu-item {
  padding-left: 40px;
}

/* Responsivo opcional */
@media (min-width: 2768px) {
  .hamburger {
    display: none;
  }
}



/* Desktop only style */
@media (max-width: 952px){
	
	.menu-container { top:15px; }
	.logo-header{ position:relative; width:218px !important;  }
}