/* 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: #292929;
    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: #B39884;
    color: #F7F3F5;
    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: #292929; */
    background-color: #695444;
}








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

#conteudo-content p,
#conteudo-content li{
    color: #292929;
    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: #B39884;
    font-weight: 700;
    margin: 2.4rem 0 1.04rem;
}

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

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

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

#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: 300;
    letter-spacing: 1px;
    color: #141819;
    font-size: 1.84rem;
    line-height: 2rem;
    margin-bottom: 0;
}

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

#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: #F2EDF0;
    border: 0.8px solid #B39884;
    box-shadow: 0px 0px 16.03px 0px #9B734B33;
    max-height: 88vh;
}

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

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

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

#popup-form span.close:hover{
    border-color: #695444;
    background-color: #695444;
}

#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: #B39884 !important;
    color: #F7F3F5;
    font-weight: 600;
    border-radius: .24rem;
    transition: background .4s ease;
}

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








/* WhatsApp FAB */
.wpp-btn{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:#22d344;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:9999;transition:transform .2s}
.wpp-btn:hover{transform:scale(1.1)}
.wpp-btn svg{width:28px;height:28px;fill:#fff}

/* Backdrop (mobile) */
.wpp-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000}
.wpp-backdrop.open{display:block}

/* Panel */
.wpp-panel{
  position:fixed;z-index:10001;border-radius:16px;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  width:90vw;max-width:380px;
  background:#e9d7c8;
  opacity:0;pointer-events:none;
  transition:all .3s ease;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  /* Mobile: centered */
  top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);
}
.wpp-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}

/* Desktop: bottom-right */
@media(min-width:640px){
  .wpp-backdrop.open{display:none}
  .wpp-panel{
    top:auto;left:auto;bottom:24px;right:24px;
    width:380px;
    transform:translateX(120%);
  }
  .wpp-panel.open{transform:translateX(0)}
}

/* Header */
.wpp-header{padding:16px 16px 8px;display:flex;align-items:flex-start;justify-content:space-between}
.wpp-header-text h3{font-size:16px;font-weight:600;color:#1a1a1a;margin:0}
.wpp-header-text p{font-size:12px;color:#555;margin-top:2px}
.wpp-close{background:none;border:none;font-size:20px;cursor:pointer;color:#555;padding:4px;line-height:1;margin:-4px -4px 0 0}
.wpp-close:hover{color:#1a1a1a}

/* Warning banner */
.wpp-warning{display:block !important;visibility:visible !important;opacity:1 !important;margin:0 16px 12px !important;border:1px solid #ccc !important;border-radius:6px !important;padding:6px !important;text-align:center !important;background:#f5f5f5 !important;height:auto !important;max-height:none !important;overflow:visible !important}
.wpp-warning span{display:inline !important;visibility:visible !important;font-size:12px !important;font-weight:600 !important;color:#1a1a1a !important}

/* Form area */
.wpp-body{padding:0 16px 16px;max-height:55vh;overflow-y:auto}
.wpp-body label{display:block;font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:4px}
.wpp-body input[type="text"],.wpp-body input[type="email"],.wpp-body input[type="tel"],.wpp-body select{
  width:100%;height:36px;border:1px solid #999;border-radius:6px;padding:0 10px;font-size:14px;
  color:#1a1a1a;background:#fff;outline:none;margin-bottom:12px;-webkit-appearance:none;appearance:none;
}
.wpp-body input:focus,.wpp-body select:focus{border-color:#b8860b}
.wpp-body select{background:#fff 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") no-repeat right 10px center;padding-right:30px}

.wpp-outro{width:100%;height:36px;border:1px solid #999;border-radius:6px;padding:0 10px;font-size:13px;color:#1a1a1a;background:#fff;outline:none;margin-bottom:12px;display:none}
.wpp-outro.show{display:block}

.wpp-error{color:#dc2626;font-size:11px;margin-top:-8px;margin-bottom:8px;display:none}
.wpp-error.show{display:block}

/* Submit */
.wpp-submit{width:100%;height:40px;background:#22d344;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}
.wpp-submit:hover{opacity:.9}

/* Success Popup */
.wpp-success-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10002;align-items:center;justify-content:center}
.wpp-success-overlay.open{display:flex}
.wpp-success-box{background:#fff;border-radius:12px;padding:32px;text-align:center;max-width:400px;width:90%}
.wpp-success-box h3{font-size:20px;color:#1a1a1a;margin-bottom:8px}
.wpp-success-box p{font-size:14px;color:#666;margin-bottom:16px}
.wpp-success-box .countdown{font-size:32px;font-weight:700;color:#22d344;margin-bottom:16px}
.wpp-success-box button{padding:10px 24px;border-radius:6px;border:none;cursor:pointer;font-size:14px;margin:0 4px}
.wpp-success-box .btn-go{background:#22d344;color:#fff}
.wpp-success-box .btn-close{background:#e5e5e5;color:#333}

/* Toast */
.wpp-toast{position:fixed;top:20px;right:20px;background:#dc2626;color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;z-index:10003;display:none;max-width:320px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.wpp-toast.show{display:block;animation:fadeIn .3s}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}