html, body {
    overflow-x: hidden;
}

.pagina-inicial .listagem .listagem-item {
	height: 500px;
	display: grid;
}
.pagina-inicial .listagem .listagem-item .acoes-produto {
	align-self: flex-end;
}

/* =========================================================================================== */

/* Estilo do fundo transparente do modal */
.contact-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Estilo do container do modal */
.contact-modal-content {
  display: flex;
  width: 60%;
  background-color: white;
  border-radius: 10px;
  overflow: hidden;
}

/* Coluna esquerda com imagem */
.contact-modal-left {
  flex: 1;
  background-size: cover;
  background-position: center;
}

/* Coluna direita com conteúdo */
.contact-modal-right {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Estilo do logo */
.contact-modal-logo {
  width: 150px;
}

/* Espaçador */
.contact-spacer {
  height: 30px;
}

/* Título */
.contact-title {
  text-align: center;
}

/* Botão WhatsApp */
.contactModal-whatsapp-button {
  padding: 10px 20px;
  background-color: #25d366;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-size: 18px;
}

/* Ícones sociais */
.contactModal-social-icons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

/* Estilo dos ícones */
.contactModal-social-icons img {
  width: 40px;
  margin: 0 10px;
}

/* Botão de fechar (X) */
.contactModal-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
  color: white;
}

/* ========================= */

.mobile-contact-modal-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.mobile-contact-modal-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  max-width: 90%;
  width: 350px; /* Ajuste conforme necessário */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: relative;
  text-align: center;
}

.mobile-contact-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-contact-modal-title {
  font-size: 18px;
  margin: 0;
}

.mobile-contact-modal-close-button {
  font-size: 24px;
  cursor: pointer;
}

.mobile-contact-modal-body {
  margin-top: 10px;
}

.mobile-contact-modal-whatsapp-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: white;
  background-color: #25D366;
  text-decoration: none;
  border-radius: 5px;
  margin: 10px 0;
}

.modal-social-icons {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.modal-social-icons a img {
  width: 50px;
  height: 50px;
}


/* =========================================================================================== */

.dropdown-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    float: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: none;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    flex-direction: column;
    width: 80%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    gap: 15px;
}
.dropdown-menu li a {
	font-size: 20px;
}


/* =========================================================================================== */

.menu.superior {
    justify-content:center;
	display: flex;
	padding: 15px;
	margin-top: 20px;
}
.menu.superior.active {
    display: flex;
}
#menuinsta {
	display: none;
}
.pagina-inicial {
	overflow-x: hidden;
}


.ancoras-menu-principal {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

.ancora-link {
	display: flex;
	color: white;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}
.ancora-link:hover {
	color: #EBC673 !important;
}
.ancora-link:focus {
	color: white !important;
}

@media screen and (max-width: 767px){
    .menu.superior {
        position: relative;
        width: 100%;
        margin: 0px;
        padding:10px;
    }
    
    .ancoras-menu-principal {
		gap: 15px;
		width: auto;
	}

	.ancoras-menu, .menu li {
		padding: 0px;
	}
    
    .ancora-link {
        font-size: 11px;
    }
}

/* =========================================================================================== */

.slider-container {
    position: static;
    width: 100%;
	height: 400px;
    margin-top: 30px;
}

.slider {
    display: flex;
    overflow: hidden;
    width: 100%;
	height: 400px;
}

.slide {
    width: 100%;
    transition: transform 0.5s ease-in-out;
    display: none;
    cursor: pointer;
}

.slide.active {
    display: block;
}

.slide img {
	height: 100%;
	width: 100%;
}

.prev, .next {
    position: absolute;
    bottom: 30%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 15px;
    cursor: pointer;
    z-index: 1;
	font-size: 25px;
	border-radius: 30px
}

.prev {
    left: 20px;
}

.next {
    right: 20px;
}


/* ================== */


.banners-container {
	display: none;
	padding-top: 40px;
}
.banner-mobile {
    display: none;
}
.banner-mobile.active {
	display: block;
}
.banner-mobile-buttons {
    position: absolute;
	bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    gap: 15px;
	z-index: 2;
}
.banner-tarja {
	display: none;
}
@media screen and (max-width: 767px){
    .banners-container {
        height: auto;
		display: block;
    }
	.banner-mobile-buttons {
		display: flex;
		justify-content: space-between;
		width: 90%;
	}
	.banner-mobile-prev, .banner-mobile-next {
		font-size: 22px;
		padding: 5px;
		border-radius: 30px;
		background-color: #00000052;
		color: white;
	}
    .banners-container buttons {
        gap: 30px;
    }
    
    .slider-container {
        display: none;
    }
}


/* =========================================================================================== */

/* Estilos banner tarja */
@media screen and (max-width: 767px){
    .block-bannerTarja {
        height: 100px;
    }
	.banner-tarja-full {
		display: none;
	}
	.tarja-mobile-slider {
		display: block !important;
	}
	.block-bannerTarja {
		height: 70px;
	}
}
.block-bannerTarja {
	width: 100%;
	height: 150px;
	margin: 0px;
	position: relative;
	object-fit: cover;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	box-shadow: 3px 3px 10px grey;
}
.banner-tarja-full {
	width: 90%;
	height: 130px;
}
.tarja-mobile-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    display: none;
}

.tarja-slide {
    display: none; /* Oculta os slides inicialmente */
    width: 100%;
}

.tarja-slide img {
    width: 100%;
    height: auto;
}

.tarja-prev, .tarja-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 50%;
}

.tarja-prev {
    left: 10px;
}

.tarja-next {
    right: 10px;
}

.tarja-prev i, .tarja-next i {
    pointer-events: none; /* Evita que os ícones sejam clicáveis diretamente */
}


/* =========================================================================================== */



.marca-slider {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 40px;
  overflow: hidden; /* Esconde o overflow */
  position: relative;
  width: calc(100% - 80px); /* Usa 100% da largura do container pai */
  box-sizing: border-box;
  padding: 40px; /* Remove o padding para evitar overflow */
}

.marca-slide {
  flex: 0 0 25%; /* Cada slide ocupa 25% da largura do container */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  border-bottom: 0.5px solid black;
  transition: transform 0.6s ease-in-out, border-bottom 0.5s ease-in-out;
  cursor: pointer;
  box-sizing: border-box;
}

.marca-slide:hover {
  transform: scale(1.05);
  border-bottom: 2px solid #193429;
}

.marca-img {
  width: 180px;
  height: 180px;
  border-radius: 80px;
}

.marca-nome {
  text-align: center;
  margin-top: 25px;
  font-size: 16px;
}

.marcas-buttons {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between; /* Distribui os botões nas laterais */
    transform: translateY(-50%); /* Centraliza os botões verticalmente */
    z-index: 10;
}
.prev-marca, .next-marca {
    background-color: #193429;
    color: white;
    border: none;
    padding: 12px;
    cursor: pointer;
    font-size: 25px;
    border-radius: 50%;
    margin-bottom: 20%;
}
.prev-marca {
    margin-left: 15px;
}
.next-marca {
    margin-right: 15px;
}


@media screen and (max-width: 767px) {
  .marca-slider {
	overflow-x: auto;
	justify-content: flex-start;
	white-space: nowrap;
	gap: 30px;
	padding: 20px;
    width: 100%;
  }

  .marca-slide {
	flex: 0 0 35%;
  }

  .marca-img {
    width: 120px;
	height: 120px;
  }

  .marca-nome {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
  }

  .prev-marca, .next-marca {
    display: none; /* Esconde os botões no mobile */
  }
}


/* =========================================================================================== */

/* Banner Tarja Mobile */
#tarja-mobile {
	margin-top: 20px;
}

/* =========================================================================================== */

/* Ajustar a barra superior */
.barra-frase > .conteiner {
	display: none;
}
.barra-superior {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #193429; /* Cor de fundo da barra */
    width: 100%;
    box-sizing: border-box; /* Inclui padding e border no cálculo da largura */
    overflow-x: hidden; /* Esconde a rolagem horizontal, se necessário */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra opcional */
    padding: 10px 20px;
    margin-bottom: 20px;
}

.barra-superior .left, .barra-superior .right {
    display: flex;
    align-items: center;
}

.barra-superior .left a, .barra-superior .right a {
    margin: 0 10px; /* Espaçamento entre itens */
    text-decoration: none; /* Remove sublinhado dos links */
    color: white; /* Cor do texto dos links */
}

.barra-superior .right i {
    font-size: 20px; /* Tamanho dos ícones */
}
@media screen and (max-width: 767px){
    .barra-superior {
        padding: 10px;
    }
}


/* =========================================================================================== */


.barra-menu-mobile {
	background-color: #EBC673;
	width: 100%;
	display: none;
	position: relative;
	margin-bottom: 30px;
	justify-content: flex-end;
}
.atalhos-mobile {
	position: relative;
	background-color: #EBC673;
	box-shadow: none;
	margin-right: 10px;
}
.atalhos-mobile ul li {
	background-color: #EBC673;
	border-radius: 20px;
	padding: 0px;
	margin: 0px;
}
.atalhos-mobile ul .vazia {
	display: none;
}


@media screen and (max-width: 767px){
	.barra-superior {
		margin-bottom: 0px;
	}
	.barra-menu-mobile {
		display: flex;
	}
	.atalhos-mobile {
		display: flex !important;
	}
}


/* =========================================================================================== */


/* Esconder video e configurar corpo do conteiner */
.video-tema {
	display: none;
}
.secao-secundaria {
    width: 100%;
    height: 100%;
}
#corpo .conteiner {
	padding: 0px;
	max-width: 100%;
}
/* =========================================================================================== */


/* Bloco Nossas Promessas */
.our-promises {
    max-width: 100%;
    background-color: #193429;
    color: white;
    margin-top: 20px;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
}
.compromissos {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 50px;
}
.compromissos div p, .compromissos div h4 {
    font-family: "Poppins", sans serif;
}
.compromissos div h4 {
	margin-top: 10px;
}
.compromissos i {
    font-size: 50px;
}
.compromissos div {
    width: 20vw;
}
@media screen and (max-width: 767px){
	.compromissos {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.compromissos div {
		width: 100%;
	}
}


/* ====================================================== HEADER ================================== */

/* Ajustar width header */
#cabecalho > .conteiner > .row-fluid {
    max-width: 90%;
    margin: 0 auto;
}

/* Excluir botao de rastreio */
.rastreio-btn {
	display: none;
}

/* Barra de busca */
.span8.busca-mobile {
	width: 50%;
}
#auto-complete {
	border: 0px;
	border-bottom: 0.6px solid grey;
	-webkit-box-shadow: none;
}

/* Bloco de btns header */
.span4.hidden-phone {
	margin: 0px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.inferior.row-fluid {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.span4.hidden-phone > div:hover {
	transform: scale(1.05);
}
.span4.hidden-phone > div {
	transition: transform 0.6s ease-in-out !important;
	cursor: pointer;
}
@media (min-width: 1200px) {
    .row-fluid .span4 {
        width: 50%;
    }
}

/* Botao minha conta */
.inferior .minha-conta {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 35px;
	width: 120px;
	line-height: 1px;
	margin: 0px;
}
.inferior .minha-conta .btn-group a {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.inferior .minha-conta-p {
	margin: 0px;
	padding-left: 3px;
}
.fas.fa-user.cor-principal {
	margin: 0px;
	padding: 0px;
}

/* AJUSTA O BLOCO DE MINHA CONTA NA PAGINA DO USUARIO */
.pagina-conta .minha-conta{
    float: none;
}


/* botao carrinho */
.carrinho {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 35px;
	width: 100px;
}
.carrinho .qtd-carrinho {
    border: none;
    background: transparent;
}
.carrinho .carrinho-interno {
    top: 40px;
}
.carrinho .carrinho-interno .nome-produto {
    margin-top: 10px;
}
.carrinho .carrinho-interno .carrinho-rodape .botao {
    font-size: 13px;
}
.carrinho-p {
	margin: 0px;
	padding-left: 3px;
}
.carrinho a > i.icon-shopping-cart.fundo-principal {
    display: block;
    width: unset;
    height: unset;
    background-color: transparent;
    padding: 0px;
    border-radius: 10px;
    line-height: 25px;
    font-size: 25px;
    margin: 0px;
    color: var(--cor-principal);
}

/* botao contato */
.contato-top {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100px;
	height: 35px;
	margin: 0px;
	line-height: 0px;
}
.contato-evtop {
	height: 35px;
	display: flex;
	align-items: center;
}
.contato-content {
	margin-top: 100px;
}
.contato-p {
	margin: 0px;
	padding-left: 3px;
}



/* =========================================================================================== */

/* Banner mobile */
@media screen and (max-width: 767px){
	#cabecalho {
    padding-top: 0px !important;
  }
  
  
  .span8.busca-mobile {
  	width: 100%;
  	display: flex;
  	flex-direction: row-reverse;
  }
  
  .conteudo-topo .busca-mobile .atalho-menu {
  	border-radius: 30px;
  }
  .botao.principal {
    font-size: 10px;
  }
  .atalho-menu {
  	display: flex;
  	align-items: center;
  }
  
  #menuinsta {
  	height: 50px;
  }
  
  
  .marca-slider {
  	margin-top: 25px !important;
  }
}

/* ================================= Menu lateral mobile ================================================== */

@media screen and (max-width: 767px) {
    .menu-lateral {
        width: 80%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-color: white;
        display: none;
        flex-direction: column;
        padding: 20px;
        box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);
        z-index: 9999;
    }

    .menu-lateral.active {
        display: flex;
    }

    .menu-lateral-header {
        display: flex;
        justify-content: flex-end; /* Alinha o botão à direita */
        margin-bottom: 20px; /* Espaço entre o botão e a logo */
    }

    .fechar-menu {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
    }

    .menu-lateral-logo {
        display: block;
        margin: 0 auto; /* Centraliza a logo */
    }

    .lista-menu-lateral h3 {
        margin: 20px 0 10px 0;
        font-size: 18px;
    }

    .lista-menu-lateral ul {
        list-style: none;
        padding: 0;
    }

    .lista-menu-lateral ul li {
        margin-bottom: 10px;
    }

    .lista-menu-lateral ul li a {
        text-decoration: none;
        color: black;
    }

    .menu-lateral-footer {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .logos-sociais a img {
        width: 32px;
        margin: 0 10px;
    }

    .whatsapp-button {
        background-color: #25d366;
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    .menu-lateral {
        display: none !important; /* Oculta o menu lateral em desktops */
    }
}


/* ==================================== MODAL CONCERTO ====================================== */

.logo-concerto {
	width: 180px;
}

@media screen and (max-width: 768px){
	.concerto-modal-content {
		display: flex;
		flex-direction: column;
		width: 90% !important;
		height: 90% !important;
	}
	.title-concerto {
		font-size: 13px;
	}
	.text-concerto {
		font-size: 10px;
	}
	.logo-concerto {
		width: 120px;
	}
	.concerto-modal-right {
		padding: 0px;
	}
}

/* =========================================================================================== */


.listagem-recentes {
    background-color: #193429;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 30px;
    max-width: 100%;
    position: relative; /* Para posicionar os botões em relação a este contêiner */
}

.listagem-recentes p {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    margin-left: 50px;
    color: white;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.listagem-recentes hr {
    width: 30%;
    height: 0.5px;
    background-color: #547d5f;
    margin-left: 30px;
}

.slider-recentes {
    overflow-x: auto; /* Permite o scroll horizontal */
    white-space: nowrap; /* Garante que os itens estejam em linha horizontal */
    scroll-behavior: smooth; /* Suaviza o movimento de scroll */
    padding: 50px 20px;
}


 /* Personalizar scrollbars para navegadores Webkit (Chrome, Safari, Edge) */
.slider-recentes::-webkit-scrollbar {
    height: 2px; /* Largura da barra de rolagem */
    cursor: pointer;
}
  
.slider-recentes::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor do fundo da barra de rolagem */
    border-radius: 20px;
}
  
.slider-recentes::-webkit-scrollbar-thumb {
    background: #888; /* Cor do polegar (a parte que você arrasta) */
    border-radius: 20px; /* Arredondar os cantos do polegar */
}
  
.slider-recentes::-webkit-scrollbar-thumb:hover {
    background: #555; /* Cor do polegar quando o mouse passa por cima */
}


.slider-recentesF {
    display: flex; /* Use flexbox para layout horizontal dos itens */
    transition: transform 0.5s ease; /* Adiciona uma transição suave para o movimento */
    gap: 40px; /* Ajuste o valor do gap conforme necessário */
}

.item-recente {
    flex: 0 0 auto; /* Impede que os itens encolham */
    width: 300px; /* Exibe 3 slides por vez no desktop com o gap */
    height: 300px;
    transition: transform 0.5s ease-in-out; /* Transição suave ao passar o mouse */
    cursor: pointer;
}


.item-recente img {
    width: 100%;
    height: 100%;
}

/* Estilo dos botões */
.listagem-recentes .listagem-btns-container {
    position: absolute; 
    right: 30px;
    top: 10vh;
}

.listagem-recentes .listagem-btns-container button {
    background-color: #547d5f; /* Cor de fundo dos botões */
    color: white; /* Cor do texto dos botões */
    border: none;
    border-radius: 5px; /* Arredondamento dos cantos */
    padding: 10px 15px; /* Espaçamento interno */
    margin: 5px; /* Espaçamento entre os botões */
    cursor: pointer;
    font-size: 18px; /* Tamanho da fonte dos botões */
    transition: background-color 0.3s ease; /* Transição suave para a cor de fundo */
}

.listagem-recentes .listagem-btns-container button:hover {
    background-color: #8a9e85; /* Cor de fundo ao passar o mouse */
}

/* Estilo para telas menores (celulares) */
@media (max-width: 768px) {
    .item-recente {
        width: calc(50% - 25px); /* Exibe 2 slides por vez em dispositivos móveis com o gap */
    }
    .listagem-recentes p {
        text-transform: none;
        text-align: center;
        margin: 0px;
    }
    .listagem-recentes hr {
        width: 90%;
        height: 0.5px;
        background-color: #547d5f;
        margin: 5%;
    }
    .item-recente {
        width: 200px; /* Ajuste a largura para dispositivos móveis */
        height: 200px;
    }
    .listagem-recentes {
        margin: 0px;
    }
    .listagem-recentes .listagem-btns-container {
        display: none; /* Esconde os botões em dispositivos móveis */
    }
    
    .titulo-categoria {
		padding-top: 15% !important;
	}
}

  

/* =========================================================================================== */


.venda-seu-relogio {
    width: 100%;
    background-color: #193429;
    display: flex;
    flex-direction: row;
    height: 400px;
    gap: 50px;
    margin-top: 50px;
    justify-content: center;
}
.venda-image-container {
    width: 30%;
}
.venda-image  {
    width: 100%;
    height: 100%;
}
.venda-container {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 2%;
    color: white;
    font-family: 'poppins', sans-serif;
}
.venda-container h3 {
    letter-spacing: 5px;
    text-transform: uppercase;
    text-align: center;
}
.venda-seu-relogio p {
	font-size: 14px;
	text-align: center;
}
.venda-container hr {
	width: 70%;
	height: 0.5px;
	background-color: #547d5f;
	align-self: center;
}
.vender-btn {
    width: auto;
    margin-top: 30px;
    padding: 10px 20px;
    border: 0px;
    cursor: pointer;
    background-color: #EBC673;
	color: #f5f5f5;
	align-self: center;
}
.vender-btn:hover {
    background-color: #f5f5f5;
    color: #000;
}
@media screen and (max-width: 767px){
	.venda-seu-relogio {
		flex-direction: column;
		gap: 20px;
		height: 100%;
		padding-bottom: 40px;
	}
	.venda-image-container {
	    width: 100%;
	}
	.venda-image  {
	    width: 100%;
	    padding: 0px;
	    height: 100%;
	}
	.venda-container {
		width: 100%;
		padding: 0px;
		display: flex;
		align-items: center;
	}
	.venda-container hr {
		margin: 0px;
	}
	.venda-container p {
		width: 90%;
		padding: 0px;
		margin-top: 20px;
		text-align: center;
	}
}



/* =========================================================================================== */

#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div {
	width: 100%;  
	display: flex;
	justify-content: center;
}
#rodape .institucional {
	padding-bottom: 50px;
}


/* Rodape / Configs */
.rodape-palazzo-watches {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #193429;
    padding: 40px 30px;
    justify-content: center;
    gap: 80px;
}
.rodape-palazzo, .rodape-marcas, .rodape-contato {
    width: 25%;
}
.rodape-palazzo-watches p {
   color: white;
   font-size: 18px;
}
.rodape-palazzo-watches h3 {
    color: #EBC673;
    font-size: 28px;
}
.rodape-link {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.rodape-link:hover {
    font-size: 19px;
    text-decoration: underline;
    color: #EBC673;
}



/* Rodape / Bloco 1 */
.rodape-palazzo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.rodape-palazzo-options {
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-top: 20px;
    font-size: 20px;
}
.rodape-logo {
    width: 60%;
    height: 70%;
}



/* Rodape / Bloco 3 */
.rodape-redes-sociais {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 30px;
}
.social-icon {
    color: #EBC673; /* Altere para a cor desejada */
    font-size: 25px; /* Altere para o tamanho desejado */
    text-decoration: none;
}

.social-icon:hover {
    color: #ffffff; /* Altere para a cor desejada ao passar o mouse */
}



.rodape-colunas {
	display: flex;
	width: 100%;
	justify-content: center;
	padding-top: 30px;
	padding-bottom: 30px;
	gap: 10%;
}
.rodape-colunas-titulo {
	font-size: 18px;
	color: #193429;
	border-bottom: 0.3px solid grey;
	position: relative;
	padding-bottom: 5px;
}



.rodape-categorias-itens {
	margin-top: 25px;
	margin-left: 0px;
}
.rodape-pagamentos {
	width: auto;
	padding: 0px;
}
.bandeiras-pagamento {
	margin: 0px;
	margin-top: 25px;
}
.gateways-rodape {
	margin: 0px;
}
.gateways-rodape {
	width: 80%;
}

.rodape-selos ul {
	margin: 0px;
	margin-top: 25px;
}



/* Rodape Absoluto */
.absolute-footer {
    background-color: black;
    color: white;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}
.absolute-footer-logos {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.li-logo-rodape {
    width: 200px;
    height: 50px;
}
.cpa-logo-rodape {
    width: 100px;
}

@media screen and (max-width: 767px){
	.rodape-palazzo-watches {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		justify-content: center;
		align-items: center;
	}
	
	.rodape-palazzo, .rodape-marcas, .rodape-contato {
		width: 90%;
	}
	
	.rodape-colunas {
		display: flex;
		flex-direction: column;
		padding: 10px;
	}
	
	.rodape-categorias, .rodape-selos, .rodape-pagamentos {
		margin-top: 20px;
	}
	
	.rodape-categorias-itens {
		display: flex;
		flex-direction: row;
		gap: 5%;
		overflow-y: auto;
		align-items: center;
		padding: 5px;
	}
	
	.absolute-footer {
		width: 100%;
		margin: 0px;
		margin-top: 30px;
	}
}




.ordenar-listagem.topo {
	padding: 15px;
}
.breadcrumbs  {
	margin-left: 20px;
}
.input-append label {
	border: 0px;
	border-bottom: 0.3px solid grey;
	border-radius: 0px;
	font-size: 18px;
}
#botaoOrdenar {
	border: 0px;
	border-radius: 0px;
	background: none;
	box-shadow: none;
	outline: none;
}

.listagem-linha  {
	padding: 0px;
	margin: 0px;
}

.pagina-categoria #corpo {
	margin-top: 20px;
}





/* =========================================================================================== */

.pagina-categoria #corpo .conteiner {
    margin-top: 30px;
}

.pagina-categoria .btn-group {
	width: 100%;
}
.pagina-categoria .dropdown-menu.pull-right {
	margin: 0px;
	text-align: left;
	padding: 10px;
}
.pagina-categoria .dropdown-menu.pull-right a {
	margin-top: 5px;
}

@media screen and (max-width: 767px){
    .pagina-categoria #listagemProdutos .info-produto {
    	margin-top: 20px;
    }
    .pagina-categoria .btn-group {
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.pagina-categoria .dropdown-menu.pull-right {
		position: absolute;
		top: auto;
		width: auto;
		margin: 0px;
		padding: 0px;
		right: -80px !important;
	}
	.pagina-categoria .dropdown-menu.pull-right a {
		margin-top: 8px;
	}
	.pagina-categoria .ordenar-listagem .dropdown-menu {
        left: inherit;
    }
	
	.pagina-categoria #corpo .conteiner {
		padding: 0 20px 0 20px;
	}
	.pagina-categoria .ordenar-listagem.topo {
		padding: 0px;
		border: none;
		margin-top: 12px;
	}
	.pagina-categoria #corpo .conteiner .titulo {
		margin-left: 10px;
	}
}


/* =========================================================================================== */


.pagina-login #corpo {
	margin-top: 30px;
}
.pagina-login .span6 .caixa-sombreada {
	display: flex;
	justify-content: center;
}
.pagina-login .cabecalho-interno {
	text-align: center;
}
.pagina-login .span12 .titulo {
	display: flex;
	flex-direction: column;
}

.pagina-login .span6 form {
	width: 60%;
}
.pagina-login .span8.busca-mobile{
    border: 0px;
    border-bottom: 0px;
    border-radius: 0px;
}


.pagina-login legend {
	border: 0px;
	margin-bottom: 20px;
}


.pagina-login .control-group {
	display: flex;
	flex-direction: column;
}
.pagina-login .control-group .controls {
	margin: 0px;
}




.pagina-login .controls {
	display: flex;
	flex-direction: column;
}
.pagina-login .controls input {
	width: 100%;
	border: 0px;
	border-bottom: 0.5px solid darkgrey;
	box-shadow: none;
	border-radius: 0px;
}

.pagina-login .controls button {
	margin-top: 25px;
	transition: all 0.6s ease-in-out;
}
.pagina-login .controls button:hover, .pagina-login fieldset div button:hover {
	transform: scale(1.03);
}
.recuperar-senha {
	margin-top: 12px;
	margin-left: 0px;
	text-align: center;
}


.pagina-login fieldset div {
	display: flex;
	flex-direction: column;
}
.pagina-login .span8 {
	border: 0px;
	border-bottom: 0.5px solid darkgrey;
	border-radius: 0px;
	width: 100%;
	box-shadow: none;
}
.pagina-login fieldset div button {
	margin-top: 20px;
	transition: all 0.6s ease-in-out;
}


/* =========================================================================================== */


.pagina-produto .produto-compartilhar {
	justify-content: center;
	align-items: center;
	display: flex;
}

@media screen and (min-width: 767px){
    .pagina-produto .principal {
        padding-right: 50px;
    }
}

.pagina-produto #produto-consulta-preco{
	padding: 10px 20px;
}

.pagina-produto .produto-thumbs.thumbs-horizontal {
	margin-top: 20px;
}
.pagina-produto .miniaturas.slides li {
	transition: all 0.6s ease-in-out;
}
.pagina-produto .miniaturas.slides li:hover {
	transform: scale(1.05);
}
.pagina-produto .miniaturas.slides li a {
	border: 0px;
}
.pagina-produto #carouselImagem .elastislide-carousel ul li a span img {
	width: 100%;
}
.pagina-produto .miniaturas.slides li.active a {
	border: 0px;
	border-bottom: 3px solid #193429;
	transform: scale(1.05);
}



.pagina-produto .produto-compartilhar {
	display: none;
}



.pagina-produto .abas-custom {
	padding: 5%;
}



.pagina-produto .tab-content > .desc_title {
	text-align: center;
	margin-bottom: 30px;
	padding: 10px;
}



.pagina-produto .listagem h4 {
    text-align: center;
    margin: 0px;
}



.pagina-produto .acoes-flutuante {
	width: 100%;
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 120px;
	gap: 5%;
}
.pagina-produto .acoes-flutuante .nome-produto {
	font-size: 15px;
}
.pagina-produto .acoes-flutuante .acoes-produto .preco-produto {
	float: right;
	text-align: right;
}
.pagina-produto .acoes-flutuante .acoes-produto .preco-produto .preco-parcela {
	margin-top: 8px;
}
.pagina-produto .acoes-flutuante .acoes-produto {
	font-size: 13px;
}
.pagina-produto .acoes-flutuante .acoes-produto .comprar .botao {
	font-size: 13px;
}
.pagina-produto .acoes-flutuante .acoes-produto .comprar span {
	font-size: 13px;
}



@media screen and (max-width: 767px) {
    .pagina-produto #corpo {
        padding: 20px;
    }
    
    .pagina-produto .produto .nome-produto {
        font-size: 20px;
        line-height: normal;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--cor-nomeProduto);
        margin-top: 15px;
	}
	
	.pagina-produto .listagem-linha ul li:first-child {
		padding-top: 0px;
	}
	.pagina-produto .listagem-linha ul li {
		padding-top: 30px;
	}
}

.produto .codigo-produto>span+span {
    display: block;
    margin-top: 5px;
    font-size: 150%;
}

.tab-content>.active,.pill-content>.active {
    display: block;
    font-size: 115%;
}

.produto .acoes-produto .comprar .disponibilidade-produto {
    font-size: 110%;
    margin: 10px auto;
    float: left;
    width: 100%;
    text-align: left;
}

.menu.superior {
    background: #1a3429;
    text-align: center;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
}

.menu.superior .nivel-um>li a strong {
    font-size: 16px;
    border-bottom: 3px solid transparent;
    padding: 5px 5px;
    background: transparent;
    font-family: "Poppins",sans serif;
    color: #ffffff;
    text-transform: uppercase;
}

 .menu.superior .nivel-um>li:hover a strong {
    border-bottom: 3px solid transparent;
    color: white;
}



/* =================================================== PAGINA CARRINHO E CHECKOUT ==================== */

.pagina-carrinho #corpo {
    padding: 20px;
}
.pagina-carrinho.carrinho-checkout #corpo {
	padding: 20px;
}
.pagina-carrinho.carrinho-checkout .span4 {
	width: 30%;
}
@media screen and (max-width: 767px){
	.pagina-carrinho.carrinho-checkout .span4 {
		width: auto;
	}
	
	.pagina-carrinho.carrinho-checkout .botao.principal {
		font-size: 25px;
		margin-top: 15px;
	}
}