/* GERAL */

:root {
  --cor-principal: #cc0066;
  --cor-secundaria: #ff6694;
}

.remover-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 767px){
    .conteiner {
        max-width: 80%;
    }
    
    #instagram-feed, .banner-info {
        max-width: calc(80% + 40px) !important;
    }
}


/* APENAS PAGINA HOME */

.secao-principal {
    max-width: 1140px;
    margin: 0 auto;
}

#instagram-feed {
	max-width: 1180px;
}

/* APENAS PAGINA DE CONTEUDO */

.pagina-pagina .conteudo {
    font-family: Roboto, "Roboto", "Georgia", sans-serif !important;
}

/* Navbar */

#logo-navbar-mobile {
    height: 36px;
}

.logo {
    padding-top: 10px;
}

.busca {
    background-color: transparent !important;
}

.busca-mobile {
    background-color: transparent !important;
    font-family: Roboto, "Roboto", "Georgia", sans-serif !important;
}

.categoria-marcas {
    background-color: var(--cor-principal);
}

 #navbar-cabecario-celular {
    padding-top: 10px;
    margin-bottom: 0;
 }
#navbar-cabecario-celular div {
    display: table;
    margin: 0 auto;
}

 #navbar-cabecario-celular ul {
   display: flex;
   gap: 20px;
 }

.atalhos-mobile {
    position: absolute;
}

@media (max-width: 767px){
    #cabecalho .span3 {
        display: none;     
    }
}

@media (min-width: 767px){
     #navbar-cabecario-celular {
         display: none;
     }
     
    .menu.superior {
        text-align: center;
    } 

    .menu.superior > .nivel-um {
        display: inline-block;
        text-align: left;
    }
    
    .menu.superior .titulo {
        margin: 8px 0;
    }
    
    .menu li:nth-child(2) .titulo { 
        padding: 5px;
        border:0.5px solid rgba(255,255,255,1);
    }
    .menu li:nth-child(n+2) .titulo, .categoria-marcas a{ 
        padding: 5.5px;
    }
}

#cabecalho .atalhos-mobile {
    width: 100vw;
}
 
#cabecalho .conteiner {
    margin: 0;
    max-width: 100%;
    padding: 1px 0 0;
}

.menu.superior {
    background-color: var(--cor-secundaria);
}

.menu.superior .nivel-um>li {
    float: left;
    border-left: none !important;
    border-right: none !important;
}

.menu .titulo {
    font-family: Roboto, "Georgia", sans-serif;
    font-size: 1.1rem;
    letter-spacing: 2px;
    color: white;
}

/* Main */

@media (max-width: 767px){
    .pagina-inicial #corpo .conteiner {
        padding: 0;
    }
    
    .pagina-inicial .listagem-linha {
    	padding: 0 !important;
    }
    
    .pagina-inicial .listagem-linha ul {
    	display: flex
    }
    
    .pagina-inicial .listagem-linha ul li:last-child {
        max-width: 50%; /* Evita que o último item ocupe toda a linha sozinho */
    }
    
    .pagina-inicial .listagem-linha .span6 {
        margin: 0;    
    }
    
    .pagina-inicial .listagem-item {
        height: 350px;
    }
    
    .pagina-inicial .listagem .titulo-categoria {
        text-align: center;
    }
    
    .acoes-produto-responsiva {
        display: none !important;
    }
    
    .banner-info {
        max-width: 100% !important;
    }
    
    .busca-mobile .botao {
        background-color: var(--cor-principal);
    }
}

.lateral .titulo {
    color: var(--cor-secundaria);    
}

.listagem .titulo-categoria {
    margin: 0;
}

.banner-info{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.banner-info-icones{
    text-align: center;
}

.listagem-item {
    height: 390px;
}

/* Footer */

@media (max-width: 767px){
    .span4 {
        min-height: 0 !important;
    }
}

.links-rodape-categorias{
    display:none;
}

.pagamento-selos {
    display: none;
}

#rodape .conteiner {
	max-width: 1140px !important;
}

#rodape .institucional {
    padding: 20px 15px 40px;
    margin-bottom: 10px;
    background-image: none;
}

#rodape .institucional .titulo {
    font-family: roboto, "Georgia", serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#footer-copyright {
    font-size: 0.7rem;
}

#footer-bottom {
    opacity: 0.7;
    font-size: 0.7em;
    margin-top: 5px;
}

#logo-supera {
    width: 30px;
}

.footer-icon-instagram{
    color: white;
	display: inline-block;
  	content: ' ';
	background-image: url('https://img.makbrasil.com/svg/instagram.svg');
	background-size: 45px 45px;
	height: 45px;
	width: 45px;
    margin-bottom: -8px;
}

.footer-icon-instagram:hover {
	background-image: url('https://img.makbrasil.com/svg/instagram-hover.svg');    
}

.footer-icon-instagram:before{
	content:'';    
}

.footer-icon-whatsapp{
	display: inline-block;
  	content: ' ';
	background-image: url('https://img.makbrasil.com/svg/whatsapp.svg');
	background-size: 45px 45px;
	height: 45px;
	width: 45px;
    margin-bottom: -8px;
}

.footer-icon-whatsapp:hover {
	background-image: url('https://img.makbrasil.com/svg/whatsapp-hover.svg');    
}

.footer-icon-whatsapp:before{
	content:'';    
}

.links-rodape ul li {
    list-style-image: none;
    padding-left: 10px;
}

#footer-map img {
    width: 100px;
    height: auto;
}