/* todos */
.principal h1 {
  margin-bottom: .4em;
}

.principal h2 {
  margin-bottom: .4em;
}

.principal h3 {
  margin-bottom: .4em;
}

.principal h4 {
  margin-bottom: .4em;
}

.principal ul {
  margin-bottom: 1.2em;
}

.principal p {
  margin-bottom: 1em;
}
.principal article {
  /* margin-bottom: 3em; */
  margin-bottom: 1.6em;
}

/* não está funcionando :( */
.empresa-valores ul
, .empresa-valores li
, .empresa-valores ul li {
  list-style: disc; 
  list-style-type: disc; 
}

#acesso {
  text-align: center;
}
#acesso .campo {
  border: solid 1px;
  border-radius:2px;
}
#acessoNome {
  padding: .8em;
}
#acessoSenha {
  padding: .8em;
}
#usuarioEntrar {
  padding: .8em;
}
#usuarioEsqueceuSenha {
  display: block;
}

.produtos-lista {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  justify-content: space-around;
  /*width: 600px;*/
  /*background: red;*/
  flex-wrap: wrap;
}

.produto-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #ddd;
  margin: 4px;
  width: 200px;
  margin-bottom: 12px;
}

.produto-dados {
  display: flex;
  background: #eee;
  flex: 1;
}

.produto-item img {
  display: flex;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin: 8px;
  /*height: 190px;*/
  width: 182px;
}

.produto-item h2 {
  display: flex;
  font-size: 16px;
  font-weight: bold;
}
.produto-item p {
  display: flex;
  font-size: 14px;
}

.produto-item h2, .produto-item p {
  padding: 4px 8px 4px;
  margin: 0;
}

.produto-item p {
  padding: 4px 8px 16px 8px;
  margin: 0;
}

/* desktop */
@media (min-width: 720px) {

  .principal {
    padding-top: 212px;
  }

  .inicio {
    
  }

  .empresa {
    
  }

  .empresa-missao {
    
  }

  .empresa-depoimentos {
    
  }

  .empresa-depoimento-texto {
    
  }
  .empresa-depoimento-nome {
    
  }

  .empresa-depoimento-data {
    
  }

  .produtos {
    
  }

  .produtos-categorias {
    
  }

  .produtos-categorias ul li {
    list-style-type: disc;
  }

  .contato {
    
  }

  .contato-canais {
  }

  .contato-canais ul {
    display: block;
    width: 100%;
  }
  .contato-canais ul li {
    float: left;
    display: inline-block;
    text-align: center;
    border: 1px;
    border-style: solid;
    border-radius: 6px;
    padding: .8em;
    margin: .4em;
  }

  .contato-email {
    
  }

  .contato-telefone {
    
  }

  .contato-mapa {
    
  }

}

/* celular-retrato */
@media screen and (max-width: 720px) {

  #contato-canais {
    /* text-align: center; */
  }
  
  .contato-mapa iframe {
    width: 100%;
  }
  
  #usuarioCadastro span {
    display: block;
  }
}