/* Drop-shadow - Cabeçalho */
body.fixed #cabecalho {
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 20%);
}

/* Título Maísculo */
body .titulo-categoria {
    text-transform: uppercase;
}

/* Background-color do Banner Principal */
.banners-full {
    background-color: #153966;
}

/* Menu - Celular */
@media only screen and (max-width: 1024px) {
    .categorias-mobile .nivel-dois > li > a {
        line-height: 22px;
    }
}

/* Listagem de Redes Sociais - Hidden */
#rodape .rodape-social .facebook-box {
  display: none;
}
#rodape .rodape-social .lista-redes {
  display: none;
}

/* Blog - Remoção da data */
.posts-blog .blog-content-data {
    visibility: hidden;
}

/* Variações - Texto na opção de cor */
.atributo-cor ul li {
    border-radius: 2rem;
}
.atributo-cor ul li a {
    border-radius: 2rem;
}

/* Rodapé - Configurações */

/* NEWSLETTER - ARRAIÁ */
/*#barraNewsletter {*/
/*    background-image: url(https://cdn.awsli.com.br/302/302116/arquivos/Background-Newsletter-Arraia-Azul.png) !important;*/
/*    background-position: top !important;*/
/*    background-repeat: repeat-x !important;*/
/*    height: 240px;*/
/*    background-color: transparent !important;*/
/*}*/

/*#barraNewsletter.posicao-rodape .componente .interno {*/
/*    padding: 10px 0 30px 0;*/
    
/*}*/

#barraNewsletter {
    box-shadow: none;
    display: flex !important;
    background-color: #003766;
    background-position: center;
}

#rodape {
    border-top: none;
    box-shadow: none;
    background-color: transparent;
    background-image: url(https://cdn.awsli.com.br/302/302116/arquivos/Background-Rodape.jpg);
    background-position: top;
    background-attachment: fixed;
}

/* Página do produto */
#descricao {
    font-size:16px;
}
.descricao-corpo {
	font-size: 16px;
    line-height: 1.25;
    text-align: justify;
    margin: 0;
    padding-bottom: 10px
}

.descricao-corpo-tabela {
	font-size: 16px;
    line-height: 1.25;
    text-align: justify;
    margin: 0;
    padding-bottom: 10px
}

#descricao li, #descricao ul {
    list-style-type: none;
    margin: 0 5px;
}

.descricao-titulo {
	font-size: 17px;
	font-weight: bold;
    padding: 20px 0 10px;
    margin: 0;
    text-transform: uppercase;
}

/* V2 - Página de produto */

@media screen and (min-width: 768px) {
    .produtos-div {
        padding: 25px;
        margin: 0 40px;
        border: 1px solid #e5e5e5;
        box-shadow: rgb(205 205 205 / 35%) 0 2px 2px 0;
        width: -webkit-fill-available;
    }
    .produtos-titulo {
        display: inline-block;
        padding: 5px 20px;
        margin: 40px 40px 0px;
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background-color: #f7f7f7;
        border: 1px solid #e6e6e6;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
    }
    .produtos-descricao {
        padding-bottom: 8px;
        margin: 0 !important;
        font-size: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    .tabela-titulo {
        font-size: 12px;
        width: 25%;
        text-transform: uppercase;
    }
    .tabela-conteudo {
        font-size: 15px;
        font-weight: normal;
        text-align: left;
    }
    
    #composicao > table > tbody > tr {
        padding: 0;
    }
    
    #composicao > table > tbody > tr > td {
        padding: 0;
    }
    
    #composicao > table > tbody > tr > td > a {
        display: block;
        padding: 10px 25px;
    }
    
    #utilizacao, #impressao, #garantia {
        flex: 1 1 0px;
    }   
    #garantia > table {
        line-height: 1.5;
    }
}

/* V2 - Página de produto - Mobile */
@media (max-width: 767px) {
    .produtos-div {
        padding: 15px;
        margin: 0;
        border: 1px solid #e5e5e5;
        box-shadow: rgb(205 205 205 / 35%) 0 2px 2px 0;
        width: -webkit-fill-available;
    }
    .produtos-titulo {
        font-size: 18px;
        font-weight: bold;
        padding: 20px 0 10px;
        margin: 0;
        text-transform: uppercase;
        text-align: center;
    }
    .produtos-descricao {
        padding-bottom: 10px;
        margin: 0 !important;
        font-size: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    #utilizacao, #impressao {
        width: 100%;
    }  
    .produtos-3-colunas {
        display: flex;
        flex-direction: column;
    }
    
    #composicao > table > tbody > tr {
        padding: 0;
    }
    
    #composicao > table > tbody > tr > td {
        padding: 0;
    }
    
    #composicao > table > tbody > tr > td > a {
        display: block;
        padding: 10px 25px;
    }
}


/* Página de produto - Kits */
#kit-info {
    background-color: rgb(21 57 101);
    color: rgb(253, 253, 253);
    height: 34px;
    padding: 10px;
    border-radius: 4px;
}

/* Pagamento à vista - Página do produto */
.principal .preco-produto.destaque-preco .desconto-a-vista {
	display: none;
}

.produto-detalhes .pp-pix {
	margin-top: 0;
    padding: 12px 0 0 0;
}

/* Widget de atendimento - Tamanho */
/*.div.suporte-content {*/
/*    width: 310px;*/
/*}*/
/*.atendimento-content {*/
/*    width: 310px;*/
/*}*/
.suporte-botao {
    border: 2px groove #fff;
}

/* Banner Principal - Texto */
.main-banner-texto {
    max-width: 350px;
    height: 70%;
    position: absolute;
    z-index: 9999;
    top: 15%;
    left: 55%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-end;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    text-align: right;
    color: #fafafa;
}
.main-banner-titulo {
    padding: 0.1rem 0.5rem;
    background-color: #b21c18;
    font-size: 42px;
    color: #fafafa;
}
.main-banner-button {
    position: absolute;
    bottom: 0;
    padding: 0.5rem 2rem;
    border-radius: 2rem;
    background-color: #fafafa;
    font-size: 30px;
    font-weight: bold;
    color: #153965;
}

@media (max-width: 768px) {
    .main-banner-texto {
        max-width: 40%;
        height: 70%;
        left: 58%;
        justify-content: center;
        font-size: 24px;
    }
    .main-banner-titulo {
        font-size: 30px;
    }
    .main-banner-button {
        display: none;
    }
}

@media (max-width: 425px) {
    .main-banner-texto {
        font-size: 17px;
    }
    .main-banner-titulo {
        font-size: 20px;
    }
}

@media (max-width: 375px) {
    .main-banner-texto {
        font-size: 15px;
    }
    .main-banner-titulo {
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .main-banner-texto {
        font-size: 12px;
    }
    .main-banner-titulo {
        font-size: 14px;
    }
}



/* SUPPERDICA */
.supperdica {
    display: flex;
    background-color: #153965;
    color: #fafafa;
}
.supperdica-img {
    width: 35%;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.supperdica-img > img {
    max-height: 120px;
    margin-right: 5%;
}
.supperdica-corpo {
    width: 65%;
    padding: 20px 20px 10px 10px;
    text-align: justify;
}
.supperdica-titulo {
    display: inline-block;
    background-color: #b12126;
    padding: 2px 5px;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 8px;
}
.supperdica-texto {
    font-size: 16px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.supperdica-link {
    line-height: 21px;
    color: #fafafa;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline 2px !important;
    text-underline-offset: 3px;
    float: right;
}
.supperdica-link:hover {
    color: #fff;
}
.expanded {
    -webkit-line-clamp: unset;
}

@media (max-width: 920px){
    .supperdica-texto {
        font-size: 15px;
    }
}

@media (max-width: 768px){
    .supperdica {
        position: relative;
        width: 100vw;
        left: calc(-50vw + 50%);
        flex-direction: column;
    }
    .supperdica-img {
        width: 100%;
        clip-path: none;
        padding: 15px 15px 10px;
    }
    .supperdica-img > img {
        max-height: 100px;
        margin-right: 0;
    }
    .supperdica-corpo {
        width: 100%;
        padding: 15px;
        text-align: center;
    }
    .supperdica-titulo {
        font-size: 20px;
    }
    .supperdica-texto {
        text-align: justify;
    }
}



/* NEWSLETTER - NATAL */
/*#barraNewsletter {*/
/*    background-image: url(https://cdn.awsli.com.br/302/302116/arquivos/Newsletter_Background_Natal.png) !important;*/
/*    background-position: center !important;*/
/*    height: 240px;*/
/*}*/

/*#barraNewsletter.posicao-rodape .componente .interno {*/
/*    padding: 10px 0 30px 0;*/
    
/*}*/

/*.cores-personalizadas #barraNewsletter, .cores-personalizadas .categoria-newsletter {*/
/*    background: transparent;*/
/*}*/

/*.banners-full {*/
/*    background-color: #b31217;*/
/*}*/






/* BLACK FRIDAY */
/*#rodape .rodape-inferior {*/
/*    background: #153965 !important*/
/*}*/

/*.coluna {*/
/*    color: #fafafa !important*/
/*}*/

/*#descricao {*/
/*    color: #fafafa !important;*/
/*}*/

/*.produtos-titulo {*/
/*    color: #121214 !important;*/
/*}*/

/*.produto-detalhes {*/
/*    background: transparent;*/
/*}*/

/*.pagina-produto .breadcrumbs-wrap {*/
/*    background: transparent;*/
/*}*/

/*.produto-detalhes>.conteiner>.row-fluid {*/
/*    background: #fafafa !important;*/
/*    padding: 30px 20px !important;*/
/*    border-radius: 1rem !important;*/
/*}*/

/*.com-ofertas-pp.ofertas-padrao .pp-ofertas .ofertas-full {*/
/*    border-radius: 1rem 1rem 0 0 !important;*/
    /*margin: -1px -11px !important;*/
/*}*/