@font-face {
  font-family: titulo;
  src: url(../font/Folks.woff);
}
.title {
  font-family: titulo !important;
}
@font-face {
  font-family: texto;
  src: url(../font/Pistara.woff);
}
.text{
  font-family: texto;
}
.fondo-n {
  background-color: orangered;
  background-position: center;
  background-size: cover;
}
.bg-negro {
  background-color: #ffffff;
  background-position: center;
  background-size: cover;
}
.bg-negro2 {
  background-color: #856c56;
  background-position: center;
  background-size: cover;
}
.bg-negro3 {
  background-color: #176085;
  background-position: center;
  background-size: cover;
}
.bg-lago {
  background-color: #78e911;
  background-position: center;
  background-size: cover;
}
.bg-galery{
  background-color: #70af76b1;
  background-position: center;
  background-size: cover;
}
.text-negro {
  color: #2f2f2f !important;
}
.text-blanco {
  color: white !important;
}
.text-lago {
  color: #a85f3a;
}
.textPP {
  color: #000000;
}
.shadow-h {
  text-shadow: 0 0 0.1em black;
}
/* sombra sin usar */
.shadow-1 {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px,
    rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.border-negro {
  border-color: #2f2f2f !important;
}
.border-lago {
  border-color: #78e911 !important;
}
.vertical-center {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mnt-1 {
  margin-top: -5px;
}
.mnt-2 {
  margin-top: -10px;
}
.mnt-3 {
  margin-top: -15px;
}
.text-justify {
  text-align: justify;
}

/* estilos para los divisores abajo */
.scallop-down {
  height: 30px;
  background: -webkit-gradient(
    radial,
    50% 0,
    10,
    50% 0,
    40,
    from(#2f2f2f),
    color-stop(0.49, #2f2f2f),
    color-stop(0.51, #fff),
    to(white)
  );
  -webkit-background-size: 49px 100%;
}
/* estilos para los divisores arriba */
.scallop-up {
  height: 30px;
  background: -webkit-gradient(
    radial,
    50% 100%,
    10,
    50% 100%,
    40,
    from(#2f2f2f),
    color-stop(0.49, #2f2f2f),
    color-stop(0.51, #fff),
    to(white)
  );
  -webkit-background-size: 49px 100%;
}
/* estilos para el border */
.sketchy {
  padding: 4rem 8rem;
  display: inline-block;
  border: 3px solid #333333;
  font-size: 2.5rem;
  border-radius: 2% 6% 5% 4%/1% 1% 2% 4%;
  text-transform: uppercase;
  letter-spacing: 0.3ch;
  background: #ffffff;
  position: relative;
}
.sketchy::before {
  content: "";
  border: 2px solid #353535;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
  border-radius: 1% 1% 2% 4%/2% 6% 5% 4%;
}
.btn-reservas {
  background: linear-gradient(to bottom right, #0a6d1e, #78e911);
  border: 0;
  border-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 2.5;
  outline: transparent;
  padding: 5px 2.5rem;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 0.2s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.btn-reservas:not([disabled]):focus {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5),
    -0.125rem -0.125rem 1rem rgba(10, 109, 30, 0.5),
    0.125rem 0.125rem 1rem rgba(120, 233, 17, 0.5);
}

.btn-reservas:not([disabled]):hover {
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5),
    -0.125rem -0.125rem 1rem rgba(10, 109, 30, 0.5),
    0.125rem 0.125rem 1rem rgba(120, 233, 17, 0.5);
}
.bg-circulo {
  width: 50px;
  height: 50px;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #c9a227;
}
.icon-c{
  color: #6b1e2e;
  position: absolute;
  top: 26%;
  left: 45%;
  height: 50%;
  width: 50%;
  margin: -5% 0 0 -25%;
}