/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.text-justify{
    text-align: justify;
}

.float-zap{
    position: fixed;
    width: 39px;
    height: 39px;
    bottom: 26px;
    right: 80px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50px;
    font-size: 24px;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    z-index: 10000;
    padding: 4px 4px 4px 5px;
}
.float-zap i{
    color: white;
}

.post-item-description{
    min-height: 321px;
}

.container-center{
    margin: 0 auto;
    text-align: center;
}

.none{
    display: none !important;
}

.w-full{
    width: 100%;
    text-align: center;
    max-width: 420px;
}

.w-full .btn-container .btn{
    white-space: normal; /* Permite quebra de linha */
    word-wrap: break-word; /* Quebra palavras longas */
    height: auto !important;
    line-height: 30px !important;
    /* width: 420px !important; */
    padding: 20px !important;
    background-color: darkgrey !important;
    color: black !important;
}

.w-full .txt-informacoes{
    max-width: 420px;
}

.w-full .txt-informacoes p{
    font-size: 20px;
    font-weight: 600;
}

.w-full .logo-default, .w-full .logo-dark{
    margin: 0 auto;
}

/* Quando a largura da tela for 750px ou menor */
@media (max-width: 750px) {
    .w-full .logo-default img, .w-full .logo-dark img{
        width: 80%;
    }
}