/* ==================================================
   BOI PRETO PRIME — STYLE.CSS PROFISSIONAL
   ================================================== */


/* ==================================================
   ROOT
   ================================================== */

:root{

  --vinho:#7b1e24;
  --vinho-escuro:#5b1315;
  --dourado:#f59421;
  --marrom:#4a2c1a;
  --branco:#ffffff;
  --cinza-claro:#f6f6f6;
  --cinza-escuro:#737474;
  --preto:#000000;

  --navbar-height:72px;

  --radius-sm:0px;
  --radius-md:0px;
  --radius-lg:0px;

  --shadow-soft:0 10px 30px rgba(0,0,0,0.08);
  --shadow-strong:0 15px 45px rgba(0,0,0,0.15);

  --font-title:'Playfair Display',serif;
  --font-text:'Montserrat',sans-serif;

}


/* ==================================================
   RESET
   ================================================== */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

html,body{
  overflow-x:hidden;
  scroll-behavior:smooth;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}


/* ==================================================
   BASE
   ================================================== */

body{
  font-family:var(--font-text);
  background:var(--branco);
  color:var(--cinza-escuro);
  letter-spacing:.2px;
}

section{
  padding:100px 20px;
}

.container{
  position:relative;
  z-index:2;
  max-width:1200px;
}

@media (min-width:1400px){
  .container{ max-width:1280px; }
}

@media (min-width:1600px){
  .container{ max-width:1350px; }
}


/* ==================================================
   TIPOGRAFIA
   ================================================== */

h1,h2,h3,h4,h5,h6{
  font-family:var(--font-title);
  font-weight:700;
  letter-spacing:.5px;
}

h1{
  color:var(--dourado);
  font-size:clamp(2.4rem,4vw,3.4rem);
}

h2{
  color:var(--dourado);
  font-size:clamp(2rem,3vw,2.6rem);
}

h3{font-size:1.6rem;}
h4{font-size:1.3rem;}

p{
  font-size:1rem;
  line-height:1.7;
  color:var(--cinza-escuro);
}


/* ==================================================
   NAVBAR
   ================================================== */

.navbar{
  background:var(--vinho-escuro)!important;
}

.navbarPainel{
  background:var(--vinho-escuro)!important;
}

.navbar,
.navbar-collapse{
  overflow:visible!important;
}

.navbar .dropdown{
  position:relative;
}

.navbar .dropdown-menu{

  position:absolute;
  top:100%;
  right:0;
  left:auto;

  min-width:140px;

  margin-top:8px;

  z-index:2000;

  background:var(--vinho-escuro);

  box-shadow:0 10px 20px rgba(0,0,0,.25);

  border:none;

}

.navbar .dropdown-item{
  color:var(--branco);
}

.navbar .dropdown-item:hover{
  background:var(--dourado);
  color:var(--preto);
}


/* ==================================================
   LOGO NAVBAR
   ================================================== */

.logo-navbar{
  height:42px;
  width:auto;
  object-fit:contain;
  transition:transform .3s ease,opacity .3s ease;
}

.logo-navbar:hover{
  transform:scale(1.05);
  opacity:.9;
}


/* ==================================================
   BOTÕES
   ================================================== */

.btn{

  border-radius:50px;

  letter-spacing:1px;

  text-transform:uppercase;

  font-size:.85rem;

  font-weight:600;

  padding:14px 34px;

}

.btn-primary{

  background:var(--dourado)!important;

  border-color:var(--dourado);

  color:var(--preto);

}

.btn-primary:hover{

  background:var(--preto)!important;

  border-color:var(--preto);

  color:var(--dourado);

}

.btn-warning{

  background:var(--dourado)!important;

  border-color:var(--dourado)!important;

}

.btn-outline-warning{

  border-color:var(--dourado)!important;

  color:var(--dourado);

}

.btn-outline-warning:hover{

  background:var(--preto);

  border-color:var(--preto)!important;

  color:var(--dourado);

}

.btn-dark{

  background:var(--vinho-escuro)!important;

  border:none;

}

.btn-dark:hover{
  background:var(--vinho)!important;
}


/* ==================================================
   WHATSAPP FLOAT
   ================================================== */

.whatsapp-float{

  position:fixed;

  bottom:20px;

  right:20px;

  background:#25D366;

  width:60px;

  height:60px;

  border-radius:50%;

  box-shadow:0 4px 12px rgba(0,0,0,.3);

  z-index:9999;

  transition:transform .2s ease;

}

.whatsapp-float:hover{
  transform:translateY(-3px);
}

.whatsapp-float img{
  width:30px;
  height:30px;
}


/* ==================================================
   HERO VIDEO
   ================================================== */

#hero{

  position:relative;

  min-height:100vh;

  height:auto;

}

.hero-video{

  position:absolute;

  top:0;
  left:0;

  width:100vw;

  height:100vh;

  object-fit:cover;

  z-index:0;

}

.hero-content-wrapper{

  position:relative;

  z-index:2;

  height:100%;

  padding:120px 20px 60px;

  display:flex;

  align-items:center;

  justify-content:center;

  text-align:center;

  color:#fff;

}


/* ==================================================
   CAROUSEL ESPECIALIDADES
   ================================================== */

.carousel-img-wrapper{

  height:420px;

  overflow:hidden;

  position:relative;

}

.carousel-img-wrapper img{

  width:100%;

  height:100%;

  object-fit:cover;

}

.carousel-caption-custom{

  padding:30px;

  text-align:center;

}


/* ==================================================
   CARDS
   ================================================== */

.card{

  background:var(--vinho-escuro);

  border:none;

  color:var(--dourado);

}

.card-img-top{

  height:140px;

  object-fit:cover;

}


/* ==================================================
   FOOTER
   ================================================== */

footer{

  background:var(--preto)!important;

  color:#aaa;

  padding:60px 0;

}

footer a{

  color:#aaa;

  text-decoration:none;

}

footer a:hover{
  color:var(--dourado);
}


/* ==================================================
   PRELOADER
   ================================================== */

#preloader{

  position:fixed;

  inset:0;

  background:#000;

  z-index:99999;

  display:flex;

  align-items:center;

  justify-content:center;

}

.loader{

  width:45px;

  height:45px;

  border:3px solid rgba(255,255,255,.2);

  border-top:3px solid var(--dourado);

  border-radius:50%;

  animation:spin 1s linear infinite;

}

@keyframes spin{
  to{transform:rotate(360deg);}
}


/* ==================================================
   RESPONSIVO
   ================================================== */

@media(max-width:992px){

  section{
    padding:80px 20px;
  }

}

@media(max-width:768px){

  section{
    padding:70px 20px;
  }

  h1{
    font-size:2rem;
  }

  h2{
    font-size:1.7rem;
  }

  p{
    font-size:0.95rem;
  }

  .logo-navbar{
    height:34px;
  }

  .carousel-img-wrapper{
    height:260px;
  }

  .carousel-caption-custom{
    padding:20px;
  }

  .navbar-nav{
    background:var(--vinho-escuro);
    padding:15px;
  }

  .navbar-nav .nav-link{
    padding:10px 0;
  }

  .whatsapp-float{
    width:50px;
    height:50px;
  }

}

@media(max-width:480px){

  .hero-content-wrapper{
    padding:100px 15px 50px;
  }

}



/* ==================================================
   IDS
   ================================================== */


.especialidades{
  background: var(--vinho-escuro)!important;
}


.especialidades .card-body{
  background: var(--dourado) !important;
  color: var(--vinho-escuro) !important;
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

.especialidades .lead{
  color: var(--branco) !important;
}



#hero .lead{
  color: var(--branco) !important;
}



#slider p{
  color: var(--branco) !important;
}



#historia .lead{
  color: var(--branco) !important;
}



#adega p{
 color: var(--branco) !important;
}




#endereco{
  background: var(--vinho-escuro) !important;
}

#endereco .endereco-text{
  color: var(--branco) !important;
}





#depoimentos .card-body{
  background: var(--branco) !important;
}





#contato{
  background: var(--vinho-escuro) !important;
}


#contato .lead{
  color: var(--branco) !important;
}






/* ==================================================
   IMPORTANTE
   ====*/

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
    margin-top: 2rem !important;
}


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: var(--vinho-escuro) !important;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1 !important;
    transition: opacity .15s ease;
}




/* MODAL TITLE */


.modal-title{
  color: var(--vinho-escuro) !important;
}


.modal-body .fw-bold{
  color: var(--vinho-escuro) !important;
}