body{
  background: #fff;
  color: #1c1c1c;
}
/* **** - - - - GENERALES - - - - **** */
p,ul{
  font-family: 'Inter', sans-serif;
  font-size: .8rem;
  font-weight: 300;
  list-style: none;
  padding-left: 0;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Libre Franklin', sans-serif;
}
section{
  padding: 5rem 0;
}
img{
  width: 100%;
}
.font-medium{
  font-weight: 500;
}
.cont-btn{
  text-align: right;
}
.cont-btn a{
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 500;
  color: #fbf9f9;
  position: relative;
  font-size: .8rem;
}
.cont-btn a::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background: #fbf9f9;
  left: 0;
}
.btn-black a{
  color: #020202;
}
.btn-black a::after{
  background: #020202;
}
.p0{
  padding: 0;
}
.ds-dn{
  display: none;
}
/* **** - - - - MODAL PREGUNTA - - - - **** */
.modal-dialog{
  max-width: 100vw;
  margin: 0;
}
.modal-content{
  height: 100vh;
  border-radius: 0;
}
.modal{
  --bs-border-color-translucent: 0;
}
.modal-body img{
  width: auto;
  display: block;
  margin-left: auto;
}
.modal-body .h-90{
  height: 90vh;
}
.modal-body span{
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  color: #1d1d1b;
}
.modal-body a:hover{
  text-decoration: underline;
}
.btn-close{
  --bs-btn-close-bg:none;
  --bs-btn-close-opacity: 1;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}
.modal-body .linea{
  content: '';
  display: block;
  height: 1px;
  background: #1d1d1b;
  width: 100%;
  margin: 2rem auto;
}
/* **** - - - - NAVBAR AJUSTES - - - - **** */
.logo-nav{
  width: 8rem;
}
/* **** - - - - CURSOR   - - - - **** */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  mix-blend-mode: difference;
  background: white;
  pointer-events: none;
  z-index: 1000;
}
/* **** - - - - HOME - - - - **** */
section.nosotros{
  background-image: url('../img/bg-header.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}
section.nosotros .h-nosotros{
  height: 80vh;
}
section.nosotros p,section.nosotros h1{
  color: #fbf9f9;
}
section.nosotros p{
  font-weight: 200;
}
section.nosotros h1{
  font-size: 1rem;
  text-transform: uppercase;
  margin-top: 5rem;
}
section.nuestro-mezcal{
  padding-bottom: 0;
}
section.nuestro-mezcal h2{
  font-size: 1rem;
  text-transform: uppercase;
  margin: 2rem auto 4rem auto;
}
section.nuestro-mezcal p{
  text-align: justify;
}
section.nuestro-mezcal .foto-1{
  margin-top: 3rem;
}
section.frase{
  padding: 0;
}
.slide span{
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 10rem;
}
section.tienda-online{
  padding-top: 0;
}
section.tienda-online h3{
  font-weight: 400;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
section.tienda-online .cont-txt{
  margin-bottom: 5rem;
}
section.tienda-online .btn-black{
  margin-bottom: 5rem;
}
section.foto{
  padding: 0;
}
section.resp-social h3{
  font-size: 1rem;
  text-transform: uppercase;
  margin: 2rem auto 4rem auto;
}
section.resp-social p{
  text-align: justify;
}
section.resp-social .logo-dif{
  margin-left: 36%;
  position: relative;
  mix-blend-mode: difference;
}
section.resp-social .cont-logo-dif{
  margin-top: 5rem;
}
section.contacto h3{
  text-transform: uppercase;
  font-size: 1.2rem;
}
section.contacto span{
  font-family: 'Libre Franklin', sans-serif;
}
section.contacto .btn-black{
  margin-top: 2rem;
}
footer{
  background: #1d1d1b;
  padding: 2rem 0 5rem 0;
}
footer .logo-footer{
  width: 5rem;
}
footer li a, footer li, footer ul{
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #817f7f;
}
footer ul{
  color: #fff;
}
footer a:hover{
  color: #fff;
}
.form-control{
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  /* transition: all .3s ease-in-out; */
}
.form-control:focus{
  box-shadow: none;
  border-color: #000;
  border-bottom: 2px solid;
}
section.menor{
  height: 100vh;
  text-align: center;
  padding: 0;
}
section.menor .h-90{
  height: 90vh;
}
section.menor p{
  position: relative;
  font-size: 1rem;
}
section.menor p::after{
  content: '';
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  width: 8rem;
  height: .1rem;
  opacity: .5;
  background: #1d1d1b;
  position: absolute;
  bottom: 0;
  margin-bottom: -2rem;
}