/* Basic button styling */
/*
.pulsingButton {
    text-align: center;
    white-space: nowrap;
    display: block;
    padding: .8rem;
    box-shadow: 0 0 0 0 rgba(0, 214, 180, 0.64);
    border-radius: 10px;
    background-color: #00D6B4;
    -webkit-animation: pulsing 2s infinite cubic-bezier(0.24, 0, 0, 1);
    -moz-animation: pulsing 2s infinite cubic-bezier(0.24, 0, 0, 1);
    -ms-animation: pulsing 2s infinite cubic-bezier(0.24, 0, 0, 1);
    animation: pulsing 2s infinite cubic-bezier(0.24, 0, 0, 1);
    font-size: .848rem;
    font-weight: 600;
    text-decoration: none !important;
    color: #101010;
    width: 100%;
    transition: all .24s ease-in-out;
}
*/

/* Comment-out to have the button continue to pulse on mouseover */

/* a.pulsingButton:hover {
    /*
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
    */
    /*background-color: #00977e;
}*/


/* Animation */
/*
@-webkit-keyframes pulsing {
    to {
        box-shadow: 0 0 .8rem .48rem rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulsing {
    to {
        box-shadow: 0 0 .8rem .48rem rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulsing {
    to {
        box-shadow: 0 0 .8rem .48rem rgba(232, 76, 61, 0);
    }
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 .8rem .48rem rgba(232, 76, 61, 0);
    }
}
*/

body{
    font-family: 'Inter', sans-serif;
}

a, a:hover, a:active, a:focus{
    text-decoration: none !important;
}

.box{
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 576px){
    .box{
        width: 96%;
    }
}

@media (min-width: 768px){
    .box{
        width: 88%;
    }
}

@media (min-width: 992px){
    .box{
        width: 80%;
    }
}

@media (min-width: 1200px){
    .box{
        width: 72%;
    }
}

@media (min-width: 1440px){
    .box{
        width: 64%;
    }
}




.swiper-button-prev:after, 
.swiper-button-next:after{
    content: unset !important;
}

.swiper-button-prev img, 
.swiper-button-next img{
    width: 32px;
    height: 32px;
}

.swiper-pagination{
    position: unset;
    margin-top: 3rem;
}

.swiper-pagination .swiper-pagination-bullet{
    width: .48rem;
    height: .48rem;
    margin: 0 .4rem;
    background-color: #434A51;
    opacity: 1;
    border-radius: 50rem !important;
    transition: width .4s ease;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 1.84rem;
}

.btn-cta{
    background-color: #D6AA84;
    color: #434A51;
    display: inline-block;
    font-weight: 700;
    font-size: 1.04rem;
    border-radius: .24rem;
    padding: .88rem 1.92rem;
    transition: background .4s ease;
}

.btn-cta:hover{
    background-color: #9B734B;
}








#conteudo-content{
    background-color: #434A51;
}

#conteudo-content p,
#conteudo-content li{
    color: #F2F2F2;
    font-size: .96rem;
}

#conteudo-content h1, 
#conteudo-content h2, 
#conteudo-content h3, 
#conteudo-content h4, 
#conteudo-content h5, 
#conteudo-content h6, 
#conteudo-content pre{
    color: #D6AA84;
    font-weight: 700;
    margin: 2.4rem 0 1.04rem;
}

#conteudo-content strong, #conteudo-content a{
    color: #D6AA84;
}

#conteudo-content a{
    border-bottom: 1x solid rgba(0, 0, 0, 0);
    transition: border .4s ease;
}

#conteudo-content a:hover{
    border-color: #D6AA84;
}

#conteudo-content img{
    border-radius: 8px;
    margin-bottom: 1.84rem;
    overflow: hidden;
    display: block;
}

#conteudo-content h1{
    font-size: 1.84rem;
} 

#conteudo-content h2{
    font-size: 1.68rem;
}

#conteudo-content h3{
    font-size: 1.52rem;
}

#conteudo-content h4{
    font-size: 1.36rem;
}

#conteudo-content h5{   
    font-size: 1.2rem;
}

#conteudo-content h6{
    font-size: 1.04rem;
}

#conteudo-content b, #conteudo-content strong{
    font-weight: 700;
}


#banner-interna-padrao{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/_fundo-banner-interna-padrao-mobile.jpg");
    min-height: 480px;
}

@media (min-width: 992px){
    #banner-interna-padrao{
        background-image: url("../images/_fundo-banner-interna-padrao-desktop.jpg");
    }
}

#banner-interna-padrao h1{
    font-weight: 700;
    letter-spacing: 1px;
    color: #D6AA84;
    font-size: 2.4rem;
    margin-bottom: 0;
}

@media (min-width: 992px){
    #banner-interna-padrao h1{
        font-size: 3.2rem;
    }
}

#banner-single-post{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/_fundo-banner-post-mobile.jpg");
    min-height: 480px;
}

@media (min-width: 992px){
    #banner-single-post{
        background-image: url("../images/_fundo-banner-post-desktop.jpg");
    }
}


/* CSS do formulario de captação */

#popup-form {
    background-color: #e9d7c8;
    border: 0.8px solid #D6AA84;
    box-shadow: 0px 0px 16.03px 0px #9B734B33;
    max-height: 88vh;
}

#popup-form h2{
    color: #292623;
    font-size: .88rem;
    text-align: left;
    font-weight: 700;
}

#popup-form p{
  color: #292623;
  font-size: 0.72rem;
}

#popup-form span{
    background: #F2F2F2;
    border: 1px solid rgb(233, 215, 200);
    color: #292623;
    font-size: 0.64rem;
    padding: .32rem;
    border-radius: .32rem;
    text-align: center;
    margin-bottom: .4rem;
    font-weight: 600;
}

#popup-form span.close{
    width: 1.6rem;
    height: 1.6rem;
    border-color: #292623;
    transition: all .4s ease;
}

#popup-form span.close:hover{
    color: #F2F2F2;
    background: #292623;
}

#contact-form label{
    font-size: .848rem;
    margin-bottom: .24rem;
    font-weight: 500;
    color: #292623;
}

#contact-form input, #contact-form select {
    margin-bottom: .64rem;
    padding: .64rem;
    border: 1px solid #8c8073;
    border-radius: .24rem;
    font-size: 0.848rem;
    background: #FFFFFF !important;
    color: #292623 !important;
}

#contact-form input::placeholder{
    color: #707070 !important;
}

#contact-form button {
    background: #434a51 !important;
    color: #ffffff;
    font-weight: 600;
    border-radius: .24rem;
    transition: background .4s ease;
}

#contact-form button:hover{
    background: #9B734B !important;
}