.elementor-3168 .elementor-element.elementor-element-6417213{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-5299138 */.materiais-wrapper {
  display: flex;
  gap: 20px;
  width: 100%;
}
.menu-materiais {
  width: 240px;
}
.lista-materiais {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bloco-categoria {
  margin-bottom: 8px;
}

.categoria-btn, .subcategoria-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px;
  border: none;
  background-color: #79869e;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.categoria-btn:hover, .subcategoria-btn:hover {
  background-color: #0038ff;
  color: white;
}
.subcategorias {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 2px solid #ccc;
}

.material-item {
  background-color: #f9f9f9;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  max-height: 90px;
  display: flex;
  width: 100%;
      justify-content: space-between;
}
.material-item h4 {
    margin-bottom: 5px;
    font-size: 15px;
    width: 200px;
    display: -webkit-box;
    align-self: center;
    min-width: 70px;
}

.material-item p {
    font-size: 15px;
    align-content: center;
    margin-left: 20px;
    margin-right: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-width: 600px;
}

.bloco-categoria>a {
    background-color: #79869e !important;
    color: white !important;
}

.material-item a {
  display: inline-block;
  color: #0038ff;
  font-weight: bold;
  text-decoration: none;
  text-align: end;
}
.material-item a:hover {
  text-decoration: underline;
}

.menu-materiais a.ativo {
	background-color: #0038ff !important;
	color: white !important;
	font-weight: bold;
}


@media (max-width: 768px) {
  .materiais-wrapper {
    flex-direction: column;
  }

  .menu-materiais {
    width: 100%;
  }
  
  .material-item p {
    max-width: 300px;   
}
  
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6417213 */.elementor-shortcode {
    display: flex;
    max
}

.menu-categorias {
        max-width: 300px;
    width: 300px;
}

.elementor elementor-3168 {
    min-height: 60vh;
}

.categoria-bloco {
    margin-bottom: 20px;
}

.categoria-btn, .subcategoria-btn {
    border-radius: 5px !important;
}

.subcategoria-btn {
    background-color: #F9F9F9 !important;
    color: black !important;
}

.categoria-btn {
    background-color: #808080 !important;
}

.categoria-btn:hover, .subcategoria-btn:hover {
    background-color: #0047AB !important;
    color: white !important;
}

.categoria-btn:active, .subcategoria-btn:active {
    background-color: #0047AB !important;
}/* End custom CSS */
/* Start custom CSS */html, body{
width: 100%;
overflow-x: hidden;
}/* End custom CSS */