:root{
      --navy:#33406A;
      --gold:#cdb07a;
      --beige:#f6f1e8;
      --beige_heavy:#D5C9C1;
      --ink:#1a1a1a;
      --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(--navy);
      color: #dfe3f0;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .14em;
      padding:13px 0;
    }

    footer a{
      text-transform:uppercase;
      letter-spacing:2px;
      line-height:30px;
    }

    /* Header / Navbar */
    .navbar{
      background: var(--beige);
      border-bottom: 1px solid var(--line);
      padding-top: .85rem;
      padding-bottom: .85rem;
    }
    .brand{
      font-family:'Playfair Display', serif;
      font-weight: 700;
      font-size: 1.25rem;
      letter-spacing: .08em;
      color: var(--navy);
      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(--navy) !important;
      text-align:right!important;
    }

    .nav-link:hover{ opacity:1 }

    .hero{
      position: relative;
      overflow: hidden;
    }
    .hero .col-img {
      min-height: 640px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .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: .25rem 0 1rem 0;
      letter-spacing:.02em;
    }
    .hero .lead{
      color:#cfd5ea; font-size:22px; letter-spacing:2px; text-transform:uppercase;
    }

.hero {
  position: relative;
}
.hero .col-img {
  position: relative;
}
.selo-hero {
  position: absolute;
  z-index: 10;
  width: 160px; /* ajuste conforme o layout */
  top: -85px; /* distância do topo */
  left: 40vw; /* centraliza horizontalmente */
  transform: translateX(-50%);
}


.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{
  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{ background:#e9edf7; color:var(--navy) }

#stat2{
  margin-top:-65px;
}

#stat2 .statix{
  list-style:none;
  padding:0;
  margin:0;
  color:var(--navy);
  width:90%;
  text-align:right;
  margin-top:85px;
  font-family:'Playfair Display', serif;
  font-size:52px;
}

#stat2 .statix li{
  margin-bottom:33px;
}

#stat2 .statix li img{
  width:41px;
  margin-right:20px;
}

#stat2 .statix span{
  font-family:'Montserrat', sans-serif;
  font-size:20px;
  display:block;
  line-height:10px;
  font-weight:200;
}

.stx2{
  border-left:2px var(--navy) solid;
  padding-left:22px;
}

.stx2 h3{
  font-family:'Playfair Display', serif;
  font-weight: 400;
  font-size:52px;
  color:var(--navy);
  margin-bottom:113px;
  text-transform:uppercase;
}

.stx2 p{
  font-size:14px;
  color:var(--navy);
  text-transform: uppercase;
  font-style: italic;
  letter-spacing: 2.5px;
}

.stx2 p strong{
  font-style: normal;
  letter-spacing:1px;
}


.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 {
  font-family:'Playfair Display', serif;
  font-weight: 400;
  font-size:52px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom:70px;
} 

main .conteudo_cadastro .opc_cadastro{
  background-color:#C8AF78;
  color:#fff;
  text-transform: uppercase;
  text-align: justify!important;
  padding:30px;
}

main .conteudo_cadastro .cadastro_content{
  padding-left:30px;
}
main .altera_cadastro  button{
  margin-top:60px;
}
main .conteudo_cadastro input[type=text],main .conteudo_cadastro select,main .conteudo_cadastro input[type=password],
main .conteudo_contato input[type=text],main .conteudo_contato select,main .conteudo_contato textarea, main .altera_cadastro input[type=password],
main .conteudo_interno input[type=date],main .conteudo_interno input[type=text],main .conteudo_interno select,main .conteudo_interno textarea{
  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 .cadastro form .row div{
  margin-bottom:30px;
}

main .titulo_leilao_favoritos{
  background-color: var(--beige_heavy);
  color:var(--navy);
  font-size:30px;
  font-family:'Playfair Display', serif; 
  margin-top:0px;
  margin-bottom:50px;
}

main .titulo_leilao_favoritos a{
  font-size:20px;
  color:var(--navy);
    font-family:'Montserrat', sans-serif; 
    letter-spacing: 2px;
    font-weight:300;
}

main .conteudo_contato textarea{
  height:100px;
}

main .cadastro_content h3{
  font-size:28px;
  font-family:'Playfair Display', serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-top:50px;
}

main .cadastro_content .form-check-label,
main .conteudo_interno .form-check-label{
  color:#949494;
  text-transform: uppercase;
  font-size:16px;
  letter-spacing: 2px
}

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

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

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

main .conteudo_cadastro .alert-warning h4{
  font-size:30px!important;
  padding-top:30px;
}

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

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 .cadastro .err_mensagem,
main .contato .err_mensagem{
margin-top:30px;
margin-bottom:30px;
text-transform:uppercase;
font-weight:bolder;
display:nonea;
text-align:center;
color:red;
}

main .cadastro_content span{
  text-transform:uppercase;
}

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

.input_error{
  background-color:#dc3545!important;
  color:#fff!important
}

.input_alert{
  background-color:#eac940!important;
  color:#fff!important
}


main .conteudo_cadastro input::placeholder,main .conteudo_cadastro select::placeholder {
  color: #000
}

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


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

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

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

.box_context_leilao{
  height:463px;
  width:100%;
  margin-bottom:61px;
  background: url('../img/context_leilao.jpg') center no-repeat;
  background-size: cover;
  width: 100%; 
}

main .box_context_leilao{
  text-align:center;
  padding-top:80px;
  color:#fff;
  text-transform: uppercase;
}


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

main .box_context_leilao h5{
  font-weight:300;
  font-size:23px;
  letter-spacing:3px;
  margin-top:15px;
  margin-bottom:26px;
}

main .box_context_leilao span{
  font-style: italic;
    letter-spacing:3px;
    font-size:18px;
}

main .box_context_leilao button{
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;
  margin-top:20px;
}

main .box_context_leilao .btn-aovivo{
  background-color:#C8AF78!important;
  border:1px #C8AF78 solid;
  letter-spacing:2px;
}

.barra_filtro_mob{
  display:none;
}

.filtro_lotes ul{
  list-style:none;
  padding:0!important;
  margin:0!important;
  margin-left:10px!important;
  margin-bottom:50px!important;
  text-transform:uppercase;
}

.filtro_lotes ul .form-check-label{
  color:#949494;
}

.filtro_lotes ul .form-check-input{
  border:1px var(--navy) solid;
  border-radius:0;
}

main .grid_lotes .lote{
  background-color: #fff;
  text-transform:uppercase;
  padding:20px;
  margin-bottom:20px;
}

main .grid_lotes .lote .opc_foto{
  color:var(--navy);
  font-size:14px;
}

main .grid_lotes .lote .descricao h1{
  font-size:19px;
  font-weight:300;
  color:var(--navy);
  text-align: center;
  margin-top:15px;
  letter-spacing:2px;
}

main .grid_lotes .lote .tempostatus .btn-danger{
  background-color: #fff!important;
  color:red;
}

main .grid_lotes .lote,
main .grid_lotes .lote .descricao,
main .grid_lotes .lote .tempostatus,
main .grid_lotes .lote .valor{
  text-align: center;
}

main .grid_lotes .lote .valor{
  margin-top:20px;
}

main .grid_lotes .lote .descricao{
  min-height:200px;
  display: flex;         /* ativa flexbox */
  align-items: center;   /* centraliza VERTICALMENTE */
  justify-content: center; /* centraliza HORIZONTALMENTE */
  text-align: center;  
}

main .grid_lotes .lote .divstats{
  border-radius:3px;
  background-color:#fff;
  color:var(--navy);
  font-size:11px;
  border:1px var(--navy) solid;
  width:100px;clear:both;
  padding-left:7px!important;
  padding-right:7px!important;
  padding-top:3px;
  padding-bottom:3px;
}

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

main .grid_lotes .lote .acoes{
  margin-top:20px;
}

main .grid_lotes .lote .btn-habilite{
  font-size:11px;
  font-style: italic;
}

#paginacao ul li,#paginacao2 ul li{
  display:block;
  float:left;
  width:40px;
  height:40px;
  text-align:center;
  padding:10px;
  margin-right:10px;
  background: var(--beige_heavy);
}

#paginacao ul strong,#paginacao2 ul strong{
  display:block;
  float:left;
  width:40px;
  height:40px;
  text-align:center;
  padding:10px;
  margin-right:10px;
  color:#fff;
  background: var(--navy);
}

#paginacao ul li a,#paginacao2 ul li a{
  color:#fff;
}

#paginacao ul li a:hover,#paginacao2 ul li a:hover{
  color:#fff;
  font-weight:bold;
}

#paginacao ul li:last-child,#paginacao2 ul li:last-child{
  display:none!important;
}

#paginacao .col-xs-12,#paginacao2 .col-xs-12{
  font-size:12px;
}


.grid_lotes #paginacao{
  display:block!important;
  margin-top:20px;
  margin-bottom:;!important;
}

.grid_lotes #paginacao ul{
  width:auto!important;
  margin-right:auto!important;
  display:inline-block;
  float:right;
}


.grid_lotes #paginacao ul li:empty {
  display: none
}

main .grid_lotes .lote .bot_ir_lote{
  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;
  background:#fff;
}


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

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

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





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


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 .agenda_interna h3{
  font-family:'Playfair Display', serif;
  font-weight:400;
  color:var(--navy);
  font-size:53px;
  margin:0;
  text-transform: uppercase;
  padding:0;
}


main .disclo{
  font-family:'Playfair Display', serif;
  font-size:32px;
  text-transform: uppercase;
  margin-top:94px
}

main .agenda_interna h4{
  font-size:20px;
  text-transform: uppercase;
  margin-top:20px;
}

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;
}

#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);
}




#menu_clientes{
  list-style:none;
  width:100%;
  background-color:#C8AF78;
  margin:0;
  padding:0;
font-size:16px;
color:#fff;
}

#menu_clientes li:first-child{
  font-weight:bold;
}
#menu_clientes li{
  margin:0;
  padding:0;
  padding-top:10px!important;
  padding-bottom:10px!important;
  text-align: left;
  padding-left:10px;
  font-size:13px;
}

#menu_clientes li:hover,#menu_clientes li:hover a{
  background-color:#DDC38B;
  color:#fff!important;
}

#menu_clientes li a:hover{
 color:inherit!important;
}


#menu_clientes li a{
  color:#fff;
}


/* ——— base ——— */
.howto-timeline{
  position:relative;
  padding:48px 0 32px;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#13213a; /* azul escuro elegante */
}

/* linha vertical central (desktop) */
.howto-timeline::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:1px;
  background:var(--navy); /* leve */
  transform:translateX(-50%);
}

/* grid por linha */
.tl-row{
  position:relative;
  display:grid;
  grid-template-columns: 1fr 0 1fr; /* col do meio só para alinhamento */
  gap:32px;
  align-items:start;
  min-height:160px; /* dá respiro para marcar número e traço */
  padding:32px 0;
}

/* colunas de conteúdo */
.tl-col{ font-size:18px; color:var(--navy);text-transform: uppercase;}
.tl-left  { justify-self:end; max-width:560px; text-align:left; }
.tl-right { justify-self:start; max-wisdth:560px; text-align:left; }

.tl-right{
  padding-left:60px;
  min-width:37vw!important;
}

.tl-col h4{
  font-family: "Playfair Display", Georgia, serif; 
  letter-spacing:.06em;
  font-size:16px;
  margin:0 0 10px;
  text-transform:uppercase;
}

/* ——— marcador (número + traço) ——— */
.tl-marker{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:0; height:0; /* só serve de âncora */
}

/* número grande */
.tl-marker::after{
  content: attr(data-step);
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-family: "Playfair Display", Georgia, serif;
  font-size:64px;
  line-height:1;
  color:var(--navy); 
}

/* traço horizontal que “sai” da linha central */
.tl-marker::before{
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  height:1px; width:72px;
  background:var(--navy)
}

/* variações: número à direita da linha (traço para a direita) */
.tl-marker--right::before{ left:0; }
.tl-marker--right::after { left:88px; }

/* número à esquerda da linha (traço para a esquerda) */
.tl-marker--left::before { right:0; }
.tl-marker--left::after  { right:88px; }

/* ——— responsivo ——— */
@media (max-width: 992px){
  .tl-marker::after{ font-size:52px; }
  .tl-marker::before{ width:56px; }
}

@media (max-width: 768px){
  .howto-timeline::before{ display:none; } /* some a linha central */
  .tl-row{
    grid-template-columns: 1fr; /* empilha */
    gap:12px;
    padding:24px 0;
    border-left:2px solid red; /* guia sutil à esquerda */
    padding-left:18px;
  }
  .tl-left, .tl-right{
    justify-self:stretch;
    max-width:unset;
  }
  /* marcador vira um título acima do bloco */
  .tl-marker{
    position:static;
    transform:none;
    width:auto; height:auto;
    margin-left:-18px; /* encosta na borda esquerda */
    margin-bottom:6px;
  }
  .tl-marker::before{ display:none; }
  .tl-marker::after{
    position:static;
    transform:none;
    font-size:36px;
    display:inline-block;
    padding:2px 8px 0 0;
  }
}

.catalogo-wrapper .img-holder {
    height: 260px;        /* altura fixa que você quiser */
    display: flex;
    align-items: center;  /* centraliza vertical */
    justify-content: center; /* centraliza horizontal */
    overflow: hidden;     /* opcional: corta excesso */
}

.catalogo-wrapper .img-holder img {
    max-height: 100%;     /* garante que não passe da altura */
    width: auto;          /* mantém proporção */
}

main .conteudo_acervo #eof_leiloes h5{
  text-align: center;
  font-size:20px;
  color:var(--navy);
  text-transform: uppercase;
  letter-spacing: 2px
}
main .conteudo_acervo .owl-dots{
  text-align:center;
}

.faixa-catalogo{
  background:#f6efe7;
  padding:60px 0;
}

.owl-stage{
  transform: translate3d(1px, 0px, 0px)!important;
}

.owl-carousel .item {
  max-width: 400px;          /* largura do card como quando tem 3+ */
  /* ajuste aqui conforme seu layout */
}

.catalogo-container{ 
  margin:0 auto;
  padding:0 120px;
  box-sizing:border-box;
  position:relative;
  margin-bottom:30px;
}
.catalogo-card{
  background:var(--beige_heavy);
  text-align:center;
  padding:10px 20px 20px;
  min-height:520px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;

  text-transform:uppercase;
}

.catalogo-card img{
  max-width:260px;
  height:auto;
  margin-bottom:28px;
}

.catalogo-card-title{
  font-weight:600;
  letter-spacing:2px;
  font-size:22px;
  color:var(--navy);
  text-transform:uppercase;
  margin-top:12px;
  margin-bottom:12px;
}

.catalogo-card-text{
  font-size:18px;
  letter-spacing: 2px;
  line-height:1.5;
  color:#25345b;
  margin-bottom:26px;
}

.catalogo-btn{
  font-size:12px;
  padding:10px 28px;
  border-radius:11px;
  border:1px solid #25345b;
  background:transparent;
  color:#25345b;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:600;
  text-decoration:none;
  display:inline-block;
}


.owl-dots{
  margin-top:30px;
  display:block!important;
}

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

/* setas */
.catalogo-carousel .owl-nav{
  position:absolute;
  top:-30px;
  right:120px;
  display:flex;
  gap:16px;
}
.catalogo-carousel .owl-nav button.owl-prev,
.catalogo-carousel .owl-nav button.owl-next{
  background:none;
  border:none;
  font-size:22px;
  color:#25345b;
}






/* Section titles */
.section{
  padding: clamp(2.6rem, 5vw, 4.8rem) 0;
}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.20em;
  color:var(--navy);
  font-size:.9rem;
  font-weight:700;
}
.title{
  font-family:'Playfair Display', serif;
  font-weight: 400;
  font-size:53px;
  color: var(--navy);
  line-height:1.15;
  letter-spacing:.02em;
}

/* Steps */
.steps .badge-num{
  font-family:'Playfair Display', serif;  
  font-weight:500; color:var(--navy); 
  font-size:53px;
  float:left;
  width:10%;
  height:34px;
}
.steps h6{
  font-weight:300; letter-spacing:.18em; text-transform:uppercase;
  font-size:17px; color:var(--navy); margin-top:30px;
  float:right;
  width:71%;
}

/* About / stats */
.card-plain{
  background: transparent; border:none;
}


.img-frame{
  border:1px solid var(--line);
  background:#fff;
  overflow:hidden;
  border-radius: 2px;
}
.img-frame img{ width:100%; display:block; }

.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);
}

.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;
  text-decoration:none
}

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

/* NY Store */
.ny h2{ color: var(--navy);font-size:52px;margin-top:150px;margin-left:50px;}
.ny .addr{ color:var(--navy); font-size:17px;text-transform:uppercase;letter-spacing:3px;margin-left:50px;margin-top:20px;}

/* 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{
  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 }

/* Helpers */
.divider{ border-bottom:1px solid var(--line) }
.btn-gold{
  background:var(--gold); border-color:var(--gold); color:var(--navy); font-weight:800; letter-spacing:.14em; text-transform:uppercase; border-radius:2rem;
}
.btn-gold:hover{ filter:brightness(1.05) }


.termos .box_login{
  text-transform: uppercase;
  letter-spacing: 2px
}



.termos .box_login .col-md-6:last-child{
  border-left:1px #eaeaea solid !important;
}

.termos .box_login  p{
  color:var(--navy)
}

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


.login_sel_login,.login_sel_codigo{
  padding:10px!important;
  padding-left:20px!important;
  padding-right:20px!important;
  font-size:14px;
  background-color:#000;
  color:#fff;
  border:1px #000 solid;
  margin-top:10px;
  border-radius:3px;
}

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

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

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

.termos h1{
  color:#454545;
  font-size:36px;
  font-family: 'Playfair Display', serif!important;
  text-transform: uppercase;
}

.termos strong{
  font-size:18px;
  color:#abaaaa;
}

.termos textarea{
  width:100%;
  min-height:400px;
  font-size:13px;
  color:#292929;
  text-align: justify;
  border:1px #eaeaea solid;
  font-family:'Poppins',sans-serif;
}

#b_codigoemail .go_codigo{
  margin-top:30px;
}

#b_selecao button,.btn-esqueci_go,.btn_cadastrar_go2,#b_codigoemail .go_codigo{
background-color:#fff;
  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{ background:#e9edf7; color:var(--navy) }


.box_login input[type=text],.box_login input[type=password]{
    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%;tn-logar
  letter-spacing:2px;
}


.lote_header .col-lg-9 a{
  display:block;
  margin-right:20px;
  float:left;
  color:var(--navy);
  border-left:1px var(--navy) solid;
  padding-left:10px;
  text-transform: uppercase;
  letter-spacing:2px;
  font-size:13px;
}

.lote_header .col-lg-9 a:first-child{
  border-left:none;
  padding-left:none;
}


.lote_header .col-lg-3 i{
  font-size:12px;
}

.lote_header .col-lg-3 a{
  color:var(--navy);
  text-transform: uppercase;
  font-size:12px;
  letter-spacing:2px;
}



.lote_ficha .galeria_main img{
  width:98.9%;
  box-shadow: 0 6px 4px rgba(0,0,0,0.1);
  border-radius:3px;
}

.lote_ficha .galeria_lista ul{
  margin:0!important;
  padding:0!important;
  list-style:none;
  margin-top:10px!important;
  margin-bottom:10px!important;
  margin-left:-4px!important;
}

.lote_ficha .galeria_lista ul li{
  margin-right:5px;
  margin-left:5px;
  box-shadow: 0 6px 4px rgba(0,0,0,0.1);
}

.lote_ficha .paginacao{
  margin-bottom:30px;
  text-transform:uppercase;
  font-size:23px;
}



.lote_ficha .paginacao .col-4,.lote_ficha .paginacao .col-4 a{
  color:var(--navy);
  font-size:17px
}

.lote_ficha .opcoes{
    margin-bottom:23px;
}

.lote_ficha .opcoes a{
  color:#909090;
  font-size:13px;
}

.lote_ficha .opcoes a i{
  font-size:11px
}



.lote_ficha .descricao .stats{
  margin-top:38px;
}

.lote_ficha .descricao .stats span{
  border:1px var(--navy) solid;
  color:var(--navy);
  text-transform: uppercase;
  letter-spacing: 2px;
  padding:3px;
  padding-left:6px;
  padding-right:6px;
  font-size:12px;
  border-radius:3px
}

.lote_ficha .descricao .stats span .fa{
  cursor:pointer
}

.lote_ficha .lote_info{
  padding-top:45px;
  font-size:14px;
  color:var(--navy);
  letter-spacing: 2px;
  text-transform: uppercase;
}



.lote_ficha .opcoes .b_habilitado{
  color:green;
  font-size:13px;
}

.lote_ficha .opcoes a{
  color:var(--navy);
  font-size:13px;
  text-transform: uppercase;
  letter-spacing: 2px
}

.lote_ficha .b_habilitado{
  font-size:13px;
  text-transform: uppercase;
  letter-spacing: 2px
}

.lote_ficha .opcoes .col-3 .b_habilitar{
  color:#dc3545!important;
  font-size:13px;
}

.lote_ficha .titulo_lote{
  font-weight:300;
  letter-spacing: 3px;
  font-size:26px;
  text-transform: uppercase;
  color:var(--navy);
}

.lote_ficha .opcoes .tog_opcoes_lote{
  display:none;
}

.lote_ficha .lote_valores{
  color:#75503a;
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  display:none;
  margin-top:40px;
  text-transform:uppercase;
  letter-spacing:2px;
  color:var(--navy);
  font-size:17px;
}

.lote_ficha #b_prox_lance{
  padding-top:30px;
}

.lote_ficha .lote_valores .valor_principal{
  font-size:45px
}

.lote_ficha .quot{
  padding-top:15px
  color:#909090;
  padding-left:14px;
  padding-right:14px;
}

#aviso_site_novo{
letter-spacing: 2px;
  color:var(--navy);
  text-transform:uppercase
}

#aviso_site_novo h2{
  font-size:45px;
  margin-bottom:30px;
  font-weight:500;
  font-family:'Playfair Display', serif
}

#aviso_site_novo a{
  font-weight:bold;
  text-decoration: none;
  color:var(--navy)
}

.lote_ficha .btn-lance{
  width:100%;
  background-color: #DDC38B;
  color:#fff;
  font-size:16px;
  border:none;
  padding-top:13px;
  padding-bottom:13px;
  border-radius:12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top:20px;
}

.lote_ficha .box_vencedor{
  display:none;
}

.lote_ficha #lanceBox{
  text-align:center;
  background-color:var(--navy);
  padding:25px;
  width:100%;
  margin:auto;
  margin-top:20px;
  color:#fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  display:none;
}

.lote_ficha #lanceBox ul{
  list-style:none;
  padding:0;
  margin:0;
}

.lote_ficha #lanceBox ul li:first-child{
  color:#fff!important;
  font-size:19px;
  text-align:left
}


.lote_ficha #lanceBox input[type='text']{
  width:98%;
  height:47px;
  border:0;
  color:#fff;
  font-size:18px;
  font-weight:300;
  margin-bottom:10px;
  border:2px #fff solid;
  border-radius:12px;
  background-color:var(--navy);
  text-align:center;
}

.lote_ficha #confirmar_lance .btn-default{
  width:100%;
  background-color: #C8AF78;
  color:#fff;
  font-size:16px;
  border:none;
  padding-top:13px;
  padding-bottom:13px;
  border-radius:12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top:20px;
}

.lote_ficha #lanceBox label{
  font-size: 15px;
  color: #fff;
}

.lote_ficha #linhaLanceAuto{
  display:none;
}

.lote_ficha .err_lance{
  font-size: 20px;
  color:#dc3545
}

.lote_ficha #confirmar_lance{
  padding-top:20px;
  font-size:21px;
  color:#fff;
  display:none
}

.lote_ficha #confirmar_lance .conf_value,.lote_ficha #confirmar_lance .conf_auto{
  color:#C8AF78;
  font-size:23px;
}

.lote_ficha #confirmar_lance .conf_desc{
  color:#fff;
  font-weight:600;
}

.lote_ficha #contadorBox{
  letter-spacing: 2px;
  font-size:24px;
  text-transform: uppercase;
  text-align:center;border-radius:3px;padding-top:10px;padding-bottom:10px;
}

.lote_ficha .titulo_aovivo{
  background: linear-gradient(0.25turn, #eac940, #bd921a);
  color:#000;
  font-size:15px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  font-family: 'Sen', sans-serif;
  border:0;
  width:140px;
}

.ll_eof{
  min-height:500px;
  padding-top:70px;
  text-align:center;
}



.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;
}







/* Responsive tweaks */
@media (max-width: 750px){
  .nav-link{ padding:.4rem .65rem !important }
  .hero .col-img{ min-height: 320px; }
  .event-name{ width:100%; margin-left:0 }
  .tinybar{font-size:9px;}
  .brand img{ height:40px }
  #bloco_selo{display:none;}
  .steps .badge-num{
    font-size:33px;
    padding-top:15px;
  }

  #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;}


}