/* 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: 'Josefin Sans', 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: #4A5054;
    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: #4A5054;
    color: #F2F2F2;
    display: inline-block;
    font-weight: 700;
    font-size: 1.12rem;
    border-radius: .24rem;
    padding: .96rem 1.92rem .8rem;
    transition: background .4s ease;
    text-align: center;
    white-space: nowrap;
}

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








#conteudo-content{
    background-color: #F6F3F6;
}

#conteudo-content p,
#conteudo-content li{
    color: #141819;
    font-size: 1.04rem;
}

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

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

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

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

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

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

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

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

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

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

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

#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: #4A5054;
    font-size: 1.84rem;
    line-height: 2rem;
    margin-bottom: 0;
}

@media (min-width: 992px){
    #banner-interna-padrao h1{
        font-size: 3.2rem;
        line-height: 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: #F6F3F6;
    border: 0.8px solid #4A5054;
    box-shadow: 0px 0px 16.03px 0px #9B734B33;
    max-height: 88vh;
}

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

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

#popup-form span{
    background: #F2F2F2;
    border: 1px solid #4A5054;
    color: #4A5054;
    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: #4A5054;
    transition: all .4s ease;
}

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

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

#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: #4A5054 !important;
}

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

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

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




.sf-widget-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99998;opacity:0;pointer-events:none;transition:opacity .3s ease}
.sf-widget-overlay.sf-active{opacity:1;pointer-events:auto}
.sf-widget-btn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:rgb(34,211,68);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.25);z-index:99999;transition:transform .2s}
.sf-widget-btn:hover{transform:scale(1.1)}
.sf-widget-btn svg{width:24px;height:24px;fill:#fff}
.sf-widget-panel{position:fixed;z-index:99999;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;background:#F8F6F4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:scale(.95);pointer-events:none;bottom:96px;right:24px;width:380px}
.sf-widget-panel.sf-active{opacity:1;transform:scale(1);pointer-events:auto}
.sf-widget-header{padding:16px 16px 8px;display:flex;align-items:flex-start;justify-content:space-between}
.sf-widget-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}
.sf-widget-header p{margin:4px 0 0;font-size:12px;color:#666}
.sf-widget-close{background:none;border:none;font-size:20px;cursor:pointer;color:#999;line-height:1;padding:2px;margin:-4px -4px 0 0}
.sf-widget-close:hover{color:#333}
.sf-widget-warning{margin:0 16px 12px;background:#4A4F54;border-radius:6px;padding:6px 12px;text-align:center}
.sf-widget-warning span{font-size:12px;font-weight:600;color:#fff}
.sf-widget-body{padding:0 16px 16px;max-height:55vh;overflow-y:auto}
.sf-widget-body label{display:block;font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:4px}
.sf-widget-body input,.sf-widget-body select{width:100%;height:36px;border:1px solid #d4d4d4;border-radius:8px;padding:0 10px;font-size:14px;color:#1a1a1a;background:#fff;box-sizing:border-box;outline:none;transition:border-color .2s}
.sf-widget-body input:focus,.sf-widget-body select:focus{border-color:#432B11}
.sf-widget-body select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.sf-widget-field{margin-bottom:12px}
.sf-widget-submit{width:100%;height:40px;background:#4A4F54;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:4px}
.sf-widget-submit:hover{opacity:.9}
.sf-widget-submit:disabled{opacity:.6;cursor:not-allowed}
.sf-widget-error{color:#dc2626;font-size:11px;margin:-8px 0 8px;display:none}
.sf-widget-success-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100000;display:none;align-items:center;justify-content:center}
.sf-widget-success-overlay.sf-active{display:flex}
.sf-widget-success-box{background:#fff;border-radius:12px;padding:32px;text-align:center;max-width:360px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.sf-widget-success-box .sf-check{width:56px;height:56px;background:#22d344;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.sf-widget-success-box .sf-check svg{width:28px;height:28px;fill:#fff}
.sf-widget-success-box h3{margin:0 0 8px;font-size:18px;color:#1a1a1a}
.sf-widget-success-box p{margin:0;font-size:14px;color:#666}
.sf-widget-success-box .sf-countdown{font-weight:700;color:#4A4F54}
@media(max-width:768px){
  .sf-widget-panel{bottom:auto;right:auto;left:16px;right:16px;top:50%;transform:scale(.95) translateY(-50%);width:auto}
  .sf-widget-panel.sf-active{transform:scale(1) translateY(-50%)}
  .sf-widget-overlay.sf-active{opacity:1;pointer-events:auto}
  .sf-widget-btn{bottom:20px;right:20px;width:50px;height:50px}
  .sf-widget-btn svg{width:22px;height:22px}
}
@media(min-width:769px){
  .sf-widget-overlay{display:none!important}
}