/*

	CSS Reset

 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

button, label { cursor: pointer; }

label { font-size: 16px; }

a,
input,
:focus,
:active {
	outline: 0;
}

html, body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #414141;
	min-height: 100%;
}

button {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }

/*

	Padrões

 */

.d-none { display: none !important; }
.v-hidden { visibility: hidden !important; }
.o-hidden { overflow: hidden; }

.d-flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.container {
	display: flex;
	flex-direction: column;

	width: 85%;
	margin: 0 auto;
}

ul {
	list-style: none;
}

a { text-decoration: none; }

a.sublinhado-pontilhado span { border-bottom: 2px dotted rgba(6, 20, 10, 0.4); }

/*.icone-carregando { animation: rotacao-360 1s linear infinite }*/

/*@keyframes rotacao-360 {*/
/*	from { transform: rotate(0); }*/
/*	to { transform: rotate(360deg); }*/
/*}*/

/*

	CTA - Fazer primeira compra

 */
.cta-primeira-compra {
	max-width: 400px;
	margin: 50px auto 0 auto;
	padding: 30px;
	border-radius: 4px;
}

.cta-primeira-compra p {
	font-size: 1.1em;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 30px;
}

.cta-primeira-compra .emoji { height: 1.5em; }

/*

	BTN Flutuante WhatsApp

 */
#btn-flutuante-whatsapp {
	position: fixed;
	right: 15px;
	bottom: 15px;

	display: block;
	width: 60px;
	height: 60px;
}

#btn-flutuante-whatsapp img {
	width: 100%;
	height: 100%;
}

/*

	Badge

 */
.container-badge { position: relative; }

.badge {
	position: absolute;
	z-index: 1;
	top: -5px;
	right: -5px;

	overflow: hidden;

	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding-top: 1px;

	font-weight: bold;
	font-size: 10px;
	line-height: 18px;
	color: white;
	text-align: center;

	background-color: #1BA0D7;
}

/*

	Tags

 */
.tag {
	display: flex;
	flex-direction: row;
	align-items: center;

	background-color: #406DBC;
	border-radius: 15px;
	padding: 5px 10px;

	font-size: .9em;
	color: white;
}

.tag a { color: white; }

.tag i { margin-left: 5px; }

/*

	Links

 */
.link {
	color: #414141;
	text-decoration: underline;

	opacity: 0.8;
}

/*

	Inputs com icone

 */
.input-tag { position: relative; }

.input-tag .btn-add {
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	width: 40px;
	height: 40px;
	padding: 10px;

	right: 5px;
	top: 1.8em;

	font-size: 1.3em;
	color: #1BA0D7;
}

/*

	Campos desabilitados

 */
input[disabled=disabled],
button[disabled=disabled],
a[disabled=disabled] { cursor: not-allowed !important; }

input[disabled=disabled] { background-color: rgba(0,0,0,.06); }

/*

	Dropdown menu

 */
.dropdown-container {
	position: relative;
}

.menu-dropdown {
	position: absolute;
	background: #F4F8FF;
	border-radius: 4px;
	top: 100%;
	right: 0;
	display: none;
	flex-direction: column;
}

.dropdown-container.aberto .menu-dropdown { display: inherit; }

.dropdown-container:hover .menu-dropdown { display: flex; }

.menu-dropdown ul {
	display: flex;
	flex-direction: column;
}

.menu-dropdown ul li {
	margin: 0 !important;
	min-width: 130px;
}

.menu-dropdown hr {
	margin: 0 10px;
	border: none;
	height: 1px;
	background-color: #406DBC;
}

.menu-dropdown p,
.menu-dropdown ul a,
.menu-dropdown ul .titulo-sessao {
	display: block;
	padding: 15px !important;
	color: #406DBC !important;
}

#cabecalho-site .menu-dropdown { z-index: 100; }

/*

	Icone indicando carregamento

 */
.icone-carregando { animation: rotacao-360 1s linear infinite }

@keyframes rotacao-360 {
	from { transform: rotate(0); }
	to { transform: rotate(360deg); }
}

/*

	Aviso de erros dos formulários

 */
.avisos {
	display: flex;
	justify-content: center;
	align-items: center;
}

.avisos img {
	width: 25px;
	height: 25px;
}

.avisos span { margin-left: 10px; }

/*

	Botão verde

 */
.btn-verde {
	display: block;

	padding: 15px 60px;
	border-radius: 4px;
	background-color: #1BA0D7;
	border: none;

	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: white;

	transition: filter .3s linear;
}

.btn-verde:hover { filter: drop-shadow(0px 3px 6px rgba(128, 128, 128, 0.2)); }

/*

	Botão Laranja

 */
.btn-laranja {
	display: block;

	background-color: white;
	border: 1px solid #406DBC;
	border-radius: 4px;
	padding: 15px 60px;

	text-transform: capitalize;
	font-weight: 500;
	font-size: 1em;
	text-align: center;
	color: #406DBC;

	transition: all .3s linear;
}

.btn-laranja:hover {
	background-color: #DAE7FF;
	border: 1px solid #DAE7FF;
}

/*

	Botão sem "aparencia"

 */
.btn-transparente,
.btn-transparente:hover {
	border: none;
	background: none;
}

/*

	Select Personalizado

 */
.select-personalizado { /* Container de todos os elementos do select customizado */
	position: relative;
	max-width: 350px;
}

.select-personalizado select { display: none; } /* Esconde o select original */

.select-personalizado .select {
	position: relative;
	width: 250px;
	padding: 15px 35px 15px 15px;

	cursor: pointer;
	border-radius: 4px;
	border: solid 1px #d4d4d4;
	background-color: white;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #868e96;

	transition: border-color .3s linear;
}

.select-personalizado .select::after { /* Seta do select */
	position: absolute;
	content: "";
	top: 1.1em;
	right: 14px;
	width: 14px;
	height: 14px;
	background-size: 100%;
	background: url("/img/icones/seta-baixo.svg") no-repeat center;
	transition: all .2s ease-out;
}

.select-personalizado .select.select-aberto { border-color: #406DBC; }

.select-personalizado .select.select-aberto::after { transform: rotate(-180deg); }

.select-personalizado .itens-select {
	position: absolute;
	z-index: 2;

	margin-top: 5px;
	padding: 15px;
	border-radius: 4px;
	background-color: rgb(245,245,245);
}

.select-personalizado .itens-select div {
	color: #414141;
	cursor: pointer;

	padding: 15px;
	border-radius: 6px;
	transition: background-color .3s ease-out;
}

.select-personalizado .itens-select div:hover,
.select-personalizado .itens-select .item-selecionado { background-color: rgba(255,255,255,0.8); }

/*

	Inputs

 */
.grupo-input:not(.sombra-input),
input,
textarea {
	border: 1px solid #d4d4d4;
	border-radius: 4px;
	font-size: 16px;
	padding: 15px;
	transition: border-color .3s linear;
	width: 100%;
}

.sombra-input {
	border: 0.5px solid rgba(203, 203, 203, 0.05);
	box-shadow: 0 3px 6px rgba(128, 128, 128, 0.15);
}

textarea {
	width: 100%;
	min-height: 10em;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #414141;
	resize: vertical;
}

.grupo-input input,
.grupo-input textarea {
	border: none;
	border-radius: 0;
	padding: 15px 0;
	margin-left: 15px;
	height: 100%;
}

.grupo-input { padding: 0 15px; }

.grupo-input,
.grupo-input label {
	display: flex;
	align-items: center;
}

.grupo-input img {
	height: 1.3em;
	margin-top: 2px;
}

input.invalido,
textarea.invalido,
select.invalido,
.select.invalido { border: 1px solid #F1502D; }

input:focus,
textarea:focus { border-color: #406DBC; }

::placeholder {
	color: #868E96;
	opacity: 1;
}

:-ms-input-placeholder { color: #868E96; }

::-ms-input-placeholder { color: #868E96; }

/*

	Inputs Radio / Checkbox personalizado

 */
[type="radio"]:not(:checked),
[type="radio"]:checked,
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

[type="radio"],
[type="checkbox"] { padding: 0; }

[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span,
[type="checkbox"]:not(:checked) + span,
[type="checkbox"]:checked + span {
	position: relative;
	padding: 1px 0 0 30px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	transition: .28s ease;
	user-select: none;
}

[type="radio"] + span::before,
[type="radio"] + span::after,
[type="checkbox"] + span::before,
[type="checkbox"] + span::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 4px;
	width: 16px;
	height: 16px;
	z-index: 0;
	transition: .28s ease;
}

[type="radio"]:checked + span::after,
[type="checkbox"]:checked + span::after {
	transform: scale(0.5);
	background-color: #406DBC;
}

[type="radio"]:checked + span::before,
[type="checkbox"]:checked + span::before { border: 2px solid transparent; }

/* Apenas para RADIO */
[type="radio"]:not(:checked) + span::before,
[type="radio"]:not(:checked) + span::after,
[type="radio"]:checked + span::before,
[type="radio"]:checked + span::after { border-radius: 50%; }

/* Apenas para CHECKBOX */
[type="checkbox"]:not(:checked) + span::before,
[type="checkbox"]:not(:checked) + span::after,
[type="checkbox"]:checked + span::before,
[type="checkbox"]:checked + span::after { border-radius: 4px; }

[type="radio"]:checked + span::before,
[type="radio"]:checked + span::after,
[type="checkbox"]:checked + span::before,
[type="checkbox"]:checked + span::after { border: 2px solid #406DBC; }

[type="radio"]:not(:checked) + span::before,
[type="radio"]:not(:checked) + span::after,
[type="checkbox"]:not(:checked) + span::before,
[type="checkbox"]:not(:checked) + span::after { border: 2px solid #7b7b7b; }

/*

	Títulos das sessões

 */
.titulo-traco {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	color: #414141;

	display: flex;
	align-items: center;

	margin-bottom: 30px;
}

.titulo-traco .traco {
	width: 210px;
	height: 2px;
	margin-left: 25px;
	border-radius: 4px;
	background-color: #406DBC;
}

/*

	Menu Hamburguer

 */
.hamburguer-menu {
	width: 30px;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px;
}

.hamburguer-menu .hamburguer {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #406DBC;
	border-radius: 5px;
	transition: all .5s ease;
}

.hamburguer-menu .hamburguer:first-child { margin-bottom: 4px; }

.hamburguer-menu .hamburguer:last-child { margin-top: 4px; }

.menu-aberto .hamburguer-menu .hamburguer:nth-child(2) {
	transform: translateX(-50px);
	background: transparent;
}

.menu-aberto .hamburguer-menu .hamburguer:first-child { transform: rotate(45deg) translate(6px, 5px); }

.menu-aberto .hamburguer-menu .hamburguer:last-child { transform: rotate(-45deg) translate(3px, -3px); }

/*

	Redes sociais

 */
.entre-em-contato .icones {
	display: flex;
	justify-content: center;
}

.entre-em-contato .icones a {
	width: 50px;
	height: 50px;
	padding: 5px;
}

.entre-em-contato .icones img {
	width: 100%;
	padding: 5px;
}

/*

	Cards de produtos

 */
/*

	Cards

 */
.cards {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;

	margin: 0 -5px;
}

.card {
	cursor: pointer;

	width: 100%;
	max-width: 280px;

	margin: 25px 5px;
	padding: 15px;
	border-radius: 4px;

	box-shadow: 0 3px 6px 0 rgba(128, 128, 128, 0.15);
	border: solid 1px rgba(203, 203, 203, 0.05);
	background-color: white;

	display: flex;
	flex-direction: column;

	overflow: hidden;
}

.card * { cursor: pointer; }

.card header .container-img,
.card header img {
	width: 100%;
	height: 250px;

	border-radius: 4px;
	object-fit: cover;

	overflow: hidden;
}

.card header h3 {
	margin-top: 20px;

	font-size: 1em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
}

.card .corpo { margin-top: 30px; }

.card .corpo .valor {
	font-size: 1.5em;
	color: #303030;
}

.card .corpo .forma-pagamento {
	margin-top: 15px;
	opacity: 0.6;
}

.card footer {
	margin-top: 15px;
	position: relative;
}

.card .btn-detalhes {
	display: block;
	width: 100%;
}

/*

	Aside Menu Lateral

 */
#menu-lateral h4 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	cursor: pointer;
}

#menu-lateral ul {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0;
}

#menu-lateral.menu-aberto ul {
	overflow: auto;
	height: auto;
	margin-bottom: 15px;
}

#menu-lateral li.pagina-atual a { font-weight: bold; }

#menu-lateral li a {
	display: flex;
	align-items: center;
	color: #303030;
	padding: 5px 0;
	font-weight: normal;

	transition: font-weight .2s ease;
}

#menu-lateral .icone {
	display: block;
	width: auto;
	height: 1em;
	margin-right: 5px;
}

/*

	Container Principal
	#app - Vue

 */
#app {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	overflow-x: hidden;
}

/*

	Header

 */
#top-header {
	color: white;
	background-color: #303030;
	padding: 10px 0;
}

#top-header li {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;

	position: absolute;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

#top-header li.ativo {
	opacity: 1;
	pointer-events: all;
	position: unset;
}

#top-header li img {
	display: block;
	margin-right: 10px;
	height: 20px;
}

#cabecalho-site .container {
	margin-top: 15px;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.logo-principal {
	display: block;
	width: 50%;
	max-width: 200px;
}

.logo-principal img { width: 100%; }

#cabecalho-site nav ul,
#cabecalho-site nav li,
#cabecalho-site nav .container-badge { display: flex; }

#cabecalho-site nav a {
	display: block;
	padding: 5px;
	font-size: 14px;
	color: #414141;
}

#cabecalho-site nav a img {
	width: 45px;
	height: 45px;
}

#cabecalho-site nav a p { display: none; }

#pesquisa-header-desktop { display: none; }

.pesquisa-header form {
	display: block;
	width: 100%;
}

.pesquisa-header .grupo-input { padding: 0 20px; }

.pesquisa-header .grupo-input label {
	width: auto !important;
	margin-bottom: 0;
}

.pesquisa-header .grupo-input input { padding: 10px 0; }

/*

	Categorias

 */

#menu-categorias {
	position: relative;
	margin-top: 15px;
}

#menu-categorias .barra { background-color: #E7E7E7; }

#menu-categorias .barra > .container { margin-top: 0; }

#menu-categorias #botao-menu-categoria {
	width: auto !important;
	background-color: transparent;
}

#menu-categorias .barra button {
	border: none;
	padding: 8px 0 8px 0;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	transition: border-bottom-color .3s ease-in-out;
}

#menu-categorias .barra li:not(:first-child) { display: none; }

#menu-categorias .barra a {
	display: flex;
	align-items: center;
	color: #303030;
	text-transform: uppercase;
	font-weight: 600;
	padding: 8px 0 8px 0;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	transition: border-bottom-color .3s ease-in-out;
}

#menu-categorias .barra ul {
	display: flex;
	align-items: center;
}

#menu-categorias .barra li img {
	display: block;
	height: 1.2em;
	margin: 0 5px 1px 0;
}

#menu-categorias .barra .lista-categorias li { position: relative; }

#menu-categorias .barra .lista-categorias li ul {
	display: none;
	width: 200px;
	flex-direction: column;
	position: absolute;
	z-index: 10;
	top: calc(24px + 1em);
}

#menu-categorias .barra .lista-categorias li ul li { width: 100%; }

#menu-categorias .barra .lista-categorias li ul a {
	width: 100%;
	padding: 10px 30px;
	background-color: white;

	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

#menu-categorias .lista-todas-categorias {
	position: absolute;
	z-index: 10;

	left: 0;
	right: 50px;
	border-radius: 4px;

	background-color: white;
	overflow-y: auto;

	transform: translateX(-105%);
	transition: transform .3s ease-in-out;
	box-shadow: 2px 9px 7px 2px rgba(0,0,0,.2);
}

#menu-categorias.menu-aberto .lista-todas-categorias { transform: translateX(-1%); }

#menu-categorias .lista-todas-categorias > .container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 50px;
	padding-left: 35px;
}

#menu-categorias .lista-todas-categorias ul {
	margin: 0 0 3em 3%;
	width: 200px;
}

#menu-categorias .lista-todas-categorias li { margin-bottom: .5em; }

#menu-categorias .lista-todas-categorias a {
	color: #414141;
	padding: 5px;
}

#menu-categorias .lista-todas-categorias .titulo { margin-bottom: 1em; }

#menu-categorias .lista-todas-categorias .titulo a {
	display: block;
	color: #303030;
	text-transform: uppercase;
	font-weight: 600;
}

#header-modal-categorias {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
}

#header-modal-categorias .logo img { height: 80px; }

#header-modal-categorias button {
	border: none;
	background-color: transparent;
	padding: 5px;
}

#header-modal-categorias button img {
	width: 25px;
	height: 25px;
}

/*

	Corpo site

 */
#corpo-site { flex-grow: 1; }

/*

	Breadcrumb

 */
#breadcrumb { margin-bottom: 30px; }

#breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	border-radius: 4px;
}

#breadcrumb li { height: 56px; }

#breadcrumb li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9em;

	height: 100%;

	color: #868E96;
}

#breadcrumb li:last-child:not(:nth-child(2)) a { font-weight: bold; }

#breadcrumb .icon img {
	height: 1.3em;

	padding: 0 20px;
}

#breadcrumb li:not(.icon) img {
	height: 1em;
	padding: 0 20px;
}

#breadcrumb li:nth-child(2) img {
	padding-left: 0;
	height: 1em;
}

/*

	Avaliações

 */
.container-estrelas-avaliacao {
	display: flex;
	align-items: center;
}

.estrela-avaliacao {
	display: block;
	width: 20px;
}

.card-avaliacao {
	background: #FFFFFF;
	border: 1px solid rgba(203, 203, 203, 0.05);
	box-shadow: 0 3px 6px rgba(128, 128, 128, 0.15);
	border-radius: 4px;
	padding: 30px;
	margin-bottom: 30px;
}

.card-avaliacao .estrela-avaliacao { width: 15px; }

.card-avaliacao .nome-produto-avaliacao {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}

.card-avaliacao .main { margin: 25px 0; }

.card-avaliacao .footer { color: #707070; }

.card-avaliacao .autor {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}

.card-avaliacao .data { font-size: 12px; }

.avaliacao .header .img-nome {
	display: flex;
	align-items: center;
}

.avaliacao .header .imagem-produto-avaliacao {
	display: block;
	width: 100px;
	margin: 0 20px 20px 0;
}

.avaliacao .header .nome-estrelas { margin-top: -20px; }

.avaliacao .header .nome-produto-avaliacao {
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 5px;
}

.avaliacao .header .estrela-avaliacao { width: 12px; }

.avaliacao .main .row p { margin: 25px 0; }

.avaliacao .row-col:last-child { margin-bottom: 0; }

/*

	Rodapé

 */

#rodape-site {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #1f1e1e;
	color: white;
}

#rodape-site .container { padding: 50px 0; }

#rodape-site .conteudo-rodape > div,
#rodape-site .copy { margin: 30px 0; }

#rodape-site .conteudo-rodape > div:first-child { margin-top: 0; }
#rodape-site .conteudo-rodape > div:last-child { margin-bottom: 0; }

#rodape-site h4 {
	margin: 0 0 15px 0;

	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#rodape-site .formas-pagamento {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#rodape-site .formas-pagamento .bandeiras {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -10px;
	max-width: 360px;
}

#rodape-site .formas-pagamento .bandeiras img {
	width: 40px;
	height: 40px;
	margin: 10px;
}

#rodape-site .conta a,
#rodape-site .institucional a {
	font-weight: 500;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	text-align: center;
}

#rodape-site .conta img,
#rodape-site .institucional img {
	width: .7em;
	margin-right: .5em;
}

#rodape-site .entre-em-contato h4 {
	display: flex;
	justify-content: center;
	align-items: center;
}

#rodape-site .entre-em-contato h4 img {
	height: 1.3em;
	margin-right: .8em;
}

#rodape-site .copy {
	text-align: center;
	font-size: 14px;
	color: rgba(255,255,255,.4);
}

#rodape-site .copy .logo { max-width: 275px; }

#rodape-site .copy p { margin-top: 1em; }

#rodape-site .desenvolvedor { margin: 20px 0; }

#rodape-site .desenvolvedor a {
	display: block;
	width: 50px;
	margin: 0 auto;
	padding: 10px;
}

#rodape-site .desenvolvedor img { width: 100%; }

/*

	Media queries

 */

@media screen and (hover: hover) and (pointer: fine) {
	/* Devices com mouse ou touch pad */

	#menu-categorias .barra button:hover {
		background-color: transparent;
		border-bottom-color: #406DBC;
	}

	#menu-categorias .barra a:hover { border-bottom-color: #406DBC; }

	#menu-categorias .barra .lista-categorias li:hover ul { display: block; }

	/*

		Menu principal

	 */
	nav .bg-lista-paginas ul li { transition: all .3s ease-in-out; }

	#menu-lateral li:hover a { font-weight: bold; }
}

@media screen and (min-width: 576px) {

	/*

		Dropdown

	 */
	.menu-dropdown { right: auto; }

	/*

		Menu de categorias

	 */
	#menu-categorias .barra button { padding: 8px 10px 8px 10px; }

	#menu-categorias .barra li:nth-child(2) { display: block; }

	#menu-categorias .barra a { padding: 8px 10px 8px 10px; }

	#menu-categorias .lista-todas-categorias > .container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0;
	}

	#menu-categorias .lista-todas-categorias ul {
		width: 47%;
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 768px) {

	/*

		Header

	*/
	#cabecalho-site nav li:not(:last-child) { margin-right: 10px; }

	#cabecalho-site nav a {
		display: flex;
		align-items: center;
	}

	#cabecalho-site nav a p {
		display: initial;
		margin-left: 10px;
	}

	/*

		Menu de categorias

	 */
	#menu-categorias .barra li:nth-child(3),
	#menu-categorias .barra li:nth-child(4) { display: block; }

	#menu-categorias .lista-todas-categorias ul { width: 30%; }
}

@media screen and (min-width: 1024px) {

	/*

		Header

	 */
	#top-header {
		display: flex;
		justify-content: center;
	}

	#top-header li {
		opacity: 1;
		pointer-events: all;
		position: unset;
		width: auto;
		margin: 0 2%;
	}

	#top-header li:first-child { margin-left: 0; }
	#top-header li:last-child { margin-right: 0; }

	#pesquisa-header-mobile { display: none; }

	#pesquisa-header-desktop {
		display: block;
		width: 32%;
	}

	/*

		BTN Flutuante WhatsApp

	 */
	#btn-flutuante-whatsapp {
		position: fixed;
		right: 30px;
		bottom: 30px;
	}

	/*

		Container Principal
		#app - Vue

	 */
	#app {
		position: relative;
		width: 100%;
	}

	/*

		Menu de categorias

	 */
	#menu-categorias .barra li:nth-child(5),
	#menu-categorias .barra li:nth-child(6) { display: block; }

	#menu-categorias .lista-todas-categorias { right: -1%; }

	#menu-categorias .lista-todas-categorias ul { width: 13.6%; }

	/*

		Rodapé

	 */
	#rodape-site .container {
		max-width: 1200px;
		margin: 0 auto;
	}

	#rodape-site .conteudo-rodape {
		display: flex;
		justify-content: space-between;
	}

	#rodape-site .conteudo-rodape > div { margin: 0; }

	#rodape-site .logo { display: block; }

	#rodape-site h4 {
		width: 100%;
		text-align: left;
	}

	#rodape-site .conta a,
	#rodape-site .institucional a { justify-content: flex-start }

	#rodape-site .entre-em-contato .icones { justify-content: flex-start; }

	#rodape-site .copy p { margin-top: 0; }
}

@media screen and (min-width: 1200px) {

	/*

		Header

	 */
	#top-header li { margin: 0 3%; }

	/*

		Menu de categorias

	 */
	#menu-categorias .barra ul {
		width: 80%;
		justify-content: space-between;
	}
	#menu-categorias .barra li:nth-child(7) { display: block; }

	/*
		Container Aside e Main
	 */
	#container-aside-main { display: flex; }

	/*
		Menu Lateral
	 */
	#menu-lateral h4 { display: none; }

	#menu-lateral ul {
		overflow: unset;
		height: unset;
		margin-top: 30px;
	}

	/*
		Main - conteúdo principal
	 */
	#container-aside-main main {
		width: 80%;
		margin-left: auto;
	}
}

@media screen and (min-width: 1400px) {
}

@media screen and (min-width: 1920px) {

	/*

		Padrões

	 */
	.container {
		max-width: 1920px;
		margin: 0 auto;
	}
}