:root{
  --navy:#33406A;
  --gold:#cdb07a;
  --beige:#f6f1e8;
  --beige_heavy:#D5C9C1;
  --ink:#7c7777;
  --muted:#6c6f78;
  --line:#e8e3da;
  --white:#ffffff;
}

/* Base */
html { scroll-behavior: smooth; }
body{
  background: var(--beige);
  color: var(--ink);
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: 0.2px;
}

.ff-display{ font-family:'Playfair Display', serif; }
.ff-ui{ font-family:'Montserrat', sans-serif; }

.tinybar{
  background: var(--beige_heavy);
  color:var(--navy);
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .14em;
  padding:13px 0;
}

/* Header / Navbar */
.navbar{
  background: var(--navy);
  padding-top: .85rem;
  padding-bottom: .85rem;
}
.brand{
  font-family:'Playfair Display', serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: .08em;
  color:var(--white);
  text-decoration:none;
  text-transform: uppercase;
  display:flex; align-items:center;
}
.brand img{ height:52px }
.nav-link{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 17px;
  color: var(--white) !important;
  text-align:right!important;
}
.nav-link:hover{ opacity:1 }


.hero .container-fluid{
  background:url(../img/destaque.jpg) no-repeat center;
  height:533px;
}
/* .hero .col-panel{
  background: var(--navy);
  color: var(--white);
  padding: clamp(3rem, 5vw, 5rem);
  display:flex; align-items:center;
} */
.chip{
  font-size:17px; letter-spacing:2px; text-transform:uppercase;
  color:#cfd5ea; margin-bottom:6px;
}
.hero h1{
  font-family:'Playfair Display', serif;
  font-weight: 400;
  font-size: 52px;
  line-height: 1.28;
  margin-top:150px;
  letter-spacing:.02em;
  color:var(--navy)
}
.hero .lead{
  color:#cfd5ea; font-size:22px; letter-spacing:2px; text-transform:uppercase;
}

.hero a{
  color:var(--navy)!important;
  border:2px solid var(--navy)!important;
}


.btn-login{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.25rem .5rem;
  border-radius:999px;
  text-decoration:none;
  line-height:1;
  transition:background-color .25s ease;
}

.btn-login .icon{
  width:27px; height:27px; display:block;
}


.btn-login .label{
  max-width:0; 
  opacity:0;  
  color:#fff;
  font-size:20px;
  transform:translateX(-6px);
  overflow:hidden; 
  white-space:nowrap;
  transition:
  max-width .35s cubic-bezier(.2,.7,0,1),
  opacity .25s ease,
  transform .35s cubic-bezier(.2,.7,0,1);
}


.btn-login:hover .label,
.btn-login:focus-visible .label{
  max-width:120px; 
  opacity:1;
  transform:translateX(0);
}

.btn-login:hover,
.btn-login:focus-visible{
  background:rgba(0,0,0,.05);
  outline:none;
}

@media (prefers-reduced-motion: reduce){
  .btn-login .label{ transition:none; transform:none; }
}


.btn-outline-light-custom{
  border:2px solid #fff; color:#fff; text-transform:uppercase;
  letter-spacing:1px; font-weight:400; font-size:17px;
  padding:.65rem 1.2rem; border-radius:13px;
}
.btn-outline-light-custom:hover{ background:#e9edf7; color:var(--navy) }


.btn-outline-light-custom2,.btn-logar,.fecha_modal,.botao_azul{
  border:2px solid var(--navy); color:var(--navy); text-transform:uppercase;
  letter-spacing:1px; font-weight:400; font-size:17px;
  padding:.65rem 1.2rem; border-radius:13px;
}
.btn-outline-light-custom2:hover,.btn-logar:hover,.fecha_modal:hover,.botao_azul:hover{ background:#e9edf7; color:var(--navy) }

a{
  text-decoration: none;
}


.float_wpp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  padding-top:8px;
  z-index: 100;
  cursor: pointer;
}

.cookies_warning {
  z-index: 100;
  height: 70px;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color:var(--navy);
  left: 0;
  color:#fff;h
  -webkit-box-shadow: 0px -7px 5px 0px rgba(51,51,51,0.35);
  -moz-box-shadow: 0px -7px 5px 0px rgba(51,51,51,0.35);
  box-shadow: 0px -7px 5px 0px rgba(51,51,51,0.35);
  padding-top:10px;
}

.cookies_warning .col-12{
  text-align:center
}

.cookies_warning a{
  color:#fff;
}


main .conteudo_cadastro h4,main .conteudo_contato h4,main .conteudo_acervo h4, main .conteudo_interno h4,
main #compra_comofunciona h2,main #compra_oquecompramos h2{
  font-family:'Playfair Display', serif;
  font-weight: 400;
  font-size:52px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom:70px;
} 

main a{
  color:var(--navy);
  text-decoration: none;
}

main a:hover{
  color:var(--navy);
  text-decoration: underline;
}


main .context_compra{
  background: url('../img/context_compra.jpg') center no-repeat;
  background-size: cover;
  width: 100%; 
}

main .context_leiloes{
  background: url('../img/context_leilao.jpg') center no-repeat;
  background-size: cover;
  width: 100%; 
}

main #compra_oquecompramos h2{
  color:#fff;
}

main #compra_oquecompramos{
  padding-top:70px;
  height: auto;           /* ou o tamanho que você quiser */
  background: linear-gradient(
  to bottom,
  #C8AF78 0%,   
  #C8AF78 70%, 
  #F4F1E9 70%,
  #F4F1E9 100%
  );
  margin-bottom:100px;
}

main #compra_oquecompramos img{
  width:100%;
}

main #compra_oquecompramos .row label{
  text-transform:uppercase;
  color:#fff;
  letter-spacing:2px;
  font-size:19px;
  font-weight:300;
  display: inline-block;
  width:100%;
  text-align:center;
  top:-50px;
  position:relative
}

main #compra_comofunciona h2{
  text-align: left;
}

main #compra_comofunciona .row .col-md-4 .p3{
  border:2px var(--navy) solid;
  padding:36px;
  min-height:333px;
  text-transform: uppercase;
  letter-spacing:2px;
  color:var(--navy);
}

  main #compra_comofunciona .row .col-md-4 .p3 img{
    margin-left:5px;
  }

main #compra_comofunciona .row .col-md-4 .p3 h5{
  font-size:24px;
  font-weight:600;
  margin-bottom:40px
}

main #compra_comofunciona .row .col-md-4 .p3 p{
  font-size:16px
}

main #compra_comofunciona .row .col-md-4 .p3 h5 img{
  float:right;
  max-width:40px
}

.home .catalogo-carousel .item{
  display: flex;
  justify-content: center; /* centro horizontal */
  align-items: center;     /* centro vertical */
  height:150px
}

.home .catalogo-carousel .item img{
  width:100%;
  max-width:180px;
}

.conteudo_home{
  padding-bottom:132px;
}

.conteudo_home h2,.conteudo_leiloes h2{
  text-transform: uppercase;
  color:var(--navy);
  font-size:53px;
  letter-spacing: 2px;
  font-family:'Playfair Display', serif;
}

.conteudo_home p,.conteudo_leiloes p{
  font-size:17px;
  text-transform: uppercase;
  color:var(--navy);
  letter-spacing: 2px;
  display: inline-block;
  width:80%
}

.conteudo_home .row:first-child{
  margin-bottom:125px;
  margin-top:125px
}

.fiquepordentro{
  background-color: #C8AF78;
  color:#fff;
  padding:60px;
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing:2px;
}

.fiquepordentro h3{
  text-transform: uppercase;
  color:var(--white);
  font-size:53px;
  letter-spacing: 2px;
  font-family:'Playfair Display', serif;
}

.conteudo_home img,.conteudo_leiloes img{
  max-width: 85%;
}

.fiquepordentro .form_news strong{
  font-weight:600;
}

.fiquepordentro input[type=text]{  border:none;
  text-transform:uppercase;
  height:48px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:30px;
  background-color: #D9D9D9;
  border-radius:16px;
  font-size:14px;
  width:100%;
  letter-spacing:2px;
}

.fiquepordentro button{
  border:none;
  text-transform:uppercase;
  height:48px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:30px;
  background-color: #DDC38B;
  border-radius:16px;
  color:#fff;
  font-size:14px;
  width:100%;
  letter-spacing:2px;
  margin-top:26px
}

.fiquepordentro .form_news{
  background-color:#F4F1E9;
  padding-top:40px;
  padding-bottom:30px;
  padding-left:30px;
  padding-right:30px;
  color:#000;
}

.instahome{
  text-transform: uppercase;
  letter-spacing:2px;
  color:var(--navy);
  text-align:center;
  margin-bottom:100px;
  margin-top:85px
}

.instahome a{
  color:var(--navy)
}

.instahome img{
  max-width: 100%;
}

.instahome  h4{
  font-family:'Playfair Display', serif;
  font-weight:400;
  font-size:52px;
  letter-spacing:2px;
}


main{
  color:var(--navy);
  margin-bottom:70px;
}


/* Footer */
footer{
  background: #D5C9C1;
  color:var(--navy);
  padding-top: 2.5rem;
  border-top:1px solid var(--line);
}
footer h6{
  text-transform:uppercase; letter-spacing:.18em; font-weight:500; font-size:16px; color:var(--navy);
  margin-bottom: .9rem;
}
footer a{
  text-transform:uppercase;
  line-height:30px;
  color:var(--navy); text-decoration:none; opacity:.9; font-size:.92rem;
}

footer .rodape{
  text-transform:uppercase;
}

footer .rodape a{
  font-weight:bold;
}

footer a:hover{ opacity:1; text-decoration:underline }
.badges img{ height:40px }


.modal-content{
  border-radius:0!important;
}

.modal-body{
  margin-top:20px;
}

.modal-dialog{
  margin-top:80px!important;
}



.btn-danger{
  background-color:#dc3545!important;
  border:1px #dc3545 solid!important;
  color:#fff!important;
   border-radius:none;
}

.btn-success{
  background-color:green!important;
  color:#fff!important;
  border-radius:none;
}

.btn-warning{
  background-color:#eac940!important;
  border-color:1px #eac940 solid;
  color:#000!important;
   border-radius:none;
}


.owl-nav{
  display:none
}

.owl-dots{
  margin-top:30px;
  width:100%;
  text-align: center;
}

.owl-dots .owl-dot span{
  width:10px;
  height:10px;
  display:block;
  border:1px var(--navy) solid;
  border-radius:50%;
  margin-left:10px;
}
 .owl-dots .owl-dot.active span{
  background:#25345b;
}



.box_context{
  height:399px;
  width:100%;
  margin-bottom:61px;
}



main .context_quem{
  background: url('../img/context_quem.jpg') center no-repeat;
  background-size: cover; 
  width: 100%; 
}

main .conteudo_interno .title{
  margin-bottom:70px;
}


main .conteudo_interno{
  text-transform: uppercase;
}

main .conteudo_interno .title h2{
  font-family:'Playfair Display', serif;
  font-weight:400;
  color:var(--navy);
  font-size:89px;
  margin:0;
  text-transform: uppercase;
  padding:0;
}


main .conteudo_interno .title p{
  font-weight:300;
  color:var(--navy);
  font-size:23px;
  letter-spacing: 2px;
  font-family:'Montserrat', sans-serif; 
  text-transform: uppercase;
  margin-top:30px
}




main .texto_comocomprar blockquote{
  font-size:34px;
  font-family:'Playfair Display', serif; 
  color:var(--navy);
  text-align:justify;
  margin-bottom:70px;
}

main .texto_comocomprar p{
  color:var(--navy);
  font-size:17px;
  letter-spacing: 2px;
  text-align:justify;
}

main #compra_form_content input[type=text]{
  margin-bottom:15px;
}

main #compra_form_content button{
  margin-bottom:15px;
}

main #compra_form_content small img{
  float:left;
  margin-right:10px
}

main #compra_form{
  padding-top:100px;
  background-color:var(--navy);
  margin-top:100px;
}

main #compra_form .col-md-5{
  color:#fff
}

main #compra_form .col-md-5 h4{
  font-family:'Playfair Display', serif;
  font-weight:400;
  color:#fff;
  font-size:55px;
  margin:0;
  text-transform: uppercase;
  padding:0;
  margin-top:30px;
  margin-bottom:30px;
}

main #compra_form_content{
  padding:30px;
  background-color: #F4F1E9;
  margin-bottom:50px;
  margin-top:-40px;
}

main #compra_form .col-md-5 p{
  font-size:17px;
  text-transform: uppercase;
  letter-spacing:2px
}

#historia_stats{
  background-color: var(--navy);
  padding:30px;
  font-family:'Playfair Display', serif;
  color:var(--white);
  margin-top:70px;
  margin-bottom:70px;
}

#historia_stats h4{
  font-size:52px;
  margin-top:40px;
}

#historia_stats .col-md-6{
  text-align:left;

}

#historia_stats img{
  width:43px;  
  float:left;
  margin-top:20px;
  margin-right:20px;
}

#historia_stats small{
  font-size:52px;
  text-transform: lowercase;
}

#historia_stats span{
    font-family:'Montserrat', sans-serif; 
    text-align: right;
}

main .blockquote-footer{
  font-weight:bold;
  padding-top:20px;
  color:var(--navy);
}

.termos .box_login .err_login,.termos .err_habilitar,.contato .err_mensagem,.err_codigo{
  font-size: 20px;
  color:#dc3545
}


main .conteudo_contato input[type=text],main .conteudo_contato select,main .conteudo_contato textarea, 
main .altera_cadastro input[type=password],
main #compra_form_content input[type=text]{
  border:none;
  text-transform:uppercase;
  height:68px;
  padding-top:12px;
  padding-bottom:12px;
  padding-left:30px;
  background-color: #D9D9D9;
  border-radius:16px;
  font-size:14px;
  width:100%;
  letter-spacing:2px;
}

main .conteudo_contato textarea{
  height:100px;
}

main .conteudo_contato .opc_contato{
  text-transform: uppercase;
  font-size:17px;
  font-weight:300;
  letter-spacing: 2px
}

main .conteudo_contato .opc_contato img{
  width:30px;
}

main .contato .err_mensagem{
margin-top:30px;
margin-bottom:30px;
text-transform:uppercase;
font-weight:bolder;
display:nonea;
text-align:center;
color:red;
}

.err_habilitar,.contato .err_mensagem{
  display:none;
}


main .cadastro_content .row div,main .conteudo_contato .row div{
  margin-bottom:25px;
}

main .conteudo_leiloes{
  margin-top:60px;
}

.band{
  background: var(--gold);
  color: var(--white);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top:1px solid rgba(0,0,0,.05);
  border-bottom:1px solid rgba(0,0,0,.05);
}

#err_subscriber,#err_offer{
  font-weight:200;
  color:red;
  font-size:16px;
  display:none;
  text-transform:uppercase
}

.band h3{font-size:52px;font-weight:400;}

.band .band-title{
  font-family:'Playfair Display', serif; font-weight:400;
  letter-spacing:.02em; margin-bottom:1.25rem;
}
.event-row{
  border-top:1px solid rgba(44,53,92,.25);
  padding:1rem 0;
  display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap;
}
.event-date{
  font-family:'Playfair Display', serif; font-weight:400;
  font-size:48px;
}
.event-name{
  text-transform: uppercase; letter-spacing:5px; font-weight:200; font-size:21px;
  margin-left:auto;
}

.band a{
  color:#fff!important
}

.band a:hover{
  text-decoration:underline
}

main .conteudo_contato button,
main #compra_form_content button{
  width:100%;
  background-color: #DDC38B;
  color:#fff;
  font-size:16px;
  border:none;
  padding-top:13px;
  padding-bottom:13px;
  border-radius:14px;
}

/* Responsive tweaks */
@media (max-width: 750px){
  .nav-link{ padding:.4rem .65rem !important }
  .hero .col-img{ min-height: 320px; }

  .tinybar{font-size:9px;}
  .brand img{ height:40px }

  .hero h1{
    margin-top:150px;
    font-size:45px
  }

  .conteudo_home img{
    max-width:100%;
    margin-bottom:35px
  }

  .conteudo_home .botao_azul{
    margin-top:35px
  }

  .conteudo_home p{
    display: inline-block;
    width:100%!important
  }

  .instahome .col-12 img{
    margin-top:35px
  }

  main #compra_comofunciona .row .col-md-4 .p3{
    margin-bottom:35px;
  }

  main #compra_form .col-md-5{
    margin-bottom:60px;
  }



/*
  #stat2 .stx2{
    margin-top:50px;
    border-left:none;
  }
  .steps h6{width:85%;}
  .ny h2,.ny .addr{margin-left:0;text-align:center;}

  main{
    padding:20px;
  }

  main .conteudo_interno blockquote{
    font-size:20px;
  }

  main .conteudo_interno #historia_stats h4{
    margin-bottom:70px;
  }

  main .howto-timeline h4,main .howto-timeline p{text-align: left!important}
  main .howto-timeline .tl-right{padding-left:0!important}
  main .howto-timeline .tl-marker{display:none;}
  .catalogo-container{padding:0;}
  main .box_context_leilao{padding-top:30px;}
  main .box_context_leilao h2{font-size:35px;}
  main .box_context_leilao small{font-size:14px;}
  main .box_context_leilao span{font-size:14px;}

*/
}