.elementor-3667 .elementor-element.elementor-element-b9eee0e{--display:flex;}.elementor-3667 .elementor-element.elementor-element-b9eee0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3667 .elementor-element.elementor-element-cf63787{width:var( --container-widget-width, 101.73% );max-width:101.73%;--container-widget-width:101.73%;--container-widget-flex-grow:0;}.elementor-3667 .elementor-element.elementor-element-cf63787.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-3667 .elementor-element.elementor-element-b9eee0e{--width:813px;--min-height:0px;}.elementor-3667 .elementor-element.elementor-element-cf63787{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-cf63787 */.meu-header {
  background-color: #000;
  color: white;
  padding: 15px;
  font-family: sans-serif;
  max-width: 1200px;
  margin: 0 auto;
}

/* LINHA DE CIMA: grid com 3 colunas iguais sempre */
.linha-cima {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

/* LINHA DE BAIXO: grid com 2 colunas iguais sempre */
.linha-baixo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

/* Botões vermelhos */
.botao {
  background-color: #cc0000; /* vermelho forte */
  color: white;
  padding: 6px 8px;
  text-decoration: none;
  border-radius: 0;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  height: 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
}

.botao:hover {
  background-color: #990000; /* vermelho escuro no hover */
}

/* Dropdown */
.dropdown {
  position: relative;
  display: inline-flex;
  width: 100%;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #111;
  min-width: 200px;
  z-index: 999;
  border-radius: 5px;
  box-shadow: 0 0 10px #00000088;
  top: 100%;
  left: 0;
}

.dropdown-menu a {
  color: white;
  padding: 10px;
  display: block;
  text-decoration: none;
}

.dropdown-menu a:hover {
  background-color: #222;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

/* Botão amarelo Vídeos */
.botao[style*="background-color: yellow"] {
  background-color: yellow !important;
  color: black !important;
  border-radius: 0;
}

/* Ajustes para telas muito pequenas */
@media (max-width: 300px) {
  .botao {
    font-size: 12px;
    height: 30px;
    padding: 4px 6px;
  }
}



.botao {
  border-radius: 6px; /* bordas arredondadas para todos */
}

/* mantém o estilo do botão amarelo, só adiciona o border-radius */
.botao[style*="background-color: yellow"] {
  border-radius: 6px !important;
}/* End custom CSS */