@charset "UTF-8";
.verde {
  color: #4C8D2B;
}

.verdeOscuro {
  color: #485F19;
}

.grisClaro {
  color: #d7ddd5;
}

.grisOscuro {
  color: #666765;
}

.montserrat {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.blanco {
  color: #fff;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("/css/fonts/fa-brands-400.eot");
  src: url("/css/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fa-brands-400.woff2") format("woff2"), url("/css/fonts/fa-brands-400.woff") format("woff"), url("/css/fonts/fa-brands-400.ttf") format("truetype"), url("/css/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  src: url("/css/fonts/fa-solid-900.eot");
  src: url("/css/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fa-solid-900.woff2") format("woff2"), url("/css/fonts/fa-solid-900.woff") format("woff"), url("/css/fonts/fa-solid-900.ttf") format("truetype"), url("/css/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  src: url("/css/fonts/fa-regular-400.eot");
  src: url("/css/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/css/fonts/fa-regular-400.woff2") format("woff2"), url("/css/fonts/fa-regular-400.woff") format("woff"), url("/css/fonts/fa-regular-400.ttf") format("truetype"), url("/css/fonts/fa-regular-400.svg#fontawesome") format("svg");
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  font-size: 17px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
}

img {
  max-width: 100%;
}

h1, h2, h3, h4, h5, i {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

a[href^=tel] {
  color: inherit;
  /* Inherit text color of parent element. */
  text-decoration: none;
  /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

.general-container {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}

header {
  background-color: transparent;
}
header .menu {
  color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0 auto auto;
  text-decoration: none;
}
header .menu p {
  margin: auto 4em auto 0;
  text-decoration: none;
}
header .menu i {
  font-size: 2em;
}
header .menu i:hover {
  color: #000;
}
header .menu .menu-icon {
  max-width: 35%;
}
header #side-menu {
  height: 100%;
  width: 25%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #272727;
  overflow-x: hidden;
  -webkit-transition: 1s;
  transition: 1s;
  padding: 1em 2em;
}
header #side-menu .options {
  text-align: left;
}
header #side-menu .options a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
header #side-menu .options a:hover {
  color: #4C8D2B;
}
header #side-menu .options .active {
  color: #BCE8BE;
}
header #side-menu .menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header #side-menu .menu-header .closebtn {
  color: white;
  text-decoration: none;
  font-size: 4em;
}
header #side-menu .menu-header img {
  max-width: 40%;
}
header .notShow {
  right: -100% !important;
}

@media only screen and (max-width: 1023px) {
  header #side-menu {
    width: 85%;
  }

  header .logo-container {
    max-width: 40%;
  }

  header .menu p {
    margin: auto 1em auto 0;
    text-decoration: none;
  }

  header #side-menu .menu-header img {
    max-width: 65%;
  }

  header #side-menu .menu-footer .sub-footer img {
    min-width: 40px;
    max-height: 60px;
  }
}
footer {
  text-align: center;
}
footer a {
  text-decoration: none;
  color: #4C8D2B;
  margin-bottom: 10px;
}
footer .flores {
  position: absolute;
  bottom: 0;
}
footer .izquierda {
  left: 0;
  width: 35%;
}
footer .derecha {
  right: 0;
  width: 35%;
}

#home .clock-item .inner {
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
#home .clock-canvas {
  border-radius: 50%;
  border: solid 7px #d7ddd5;
}
#home .text {
  color: #fff;
  margin-top: -26px;
  position: absolute;
  top: 50%;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  #home .clock-item {
    margin-bottom: 30px;
  }
}
#info {
  color: #4C8D2B;
}
#info img {
  max-width: 50%;
}

#contact .icono input {
  visibility: hidden;
}
#contact .checkmark {
  position: absolute;
  top: 10px;
  left: calc(50% - 1rem);
}
#contact .checkmark:after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  width: 100%;
  text-align: center;
  font-size: 2rem;
  color: #666765;
}
#contact .smile input:checked ~ .checkmark:after {
  width: 50px;
  height: 50px;
  content: "";
}
#contact .sad input:checked ~ .checkmark:after {
  width: 50px;
  height: 50px;
  content: "";
}
#contact .background-filter {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
  background-image: url("/img/angar/banner.jpg");
}

#hospedaje .hojaEspecial {
  position: absolute;
  top: 0;
  right: 0;
  width: 13%;
}

#description .lugar {
  border-color: #4C8D2B;
}
#description .lugar:not(:last-child):before {
  position: absolute;
  bottom: calc(-1 *(3.1rem + 12px));
  left: 0;
  width: 28px;
}
#description .lugar:nth-of-type(1):before {
  left: -17px;
}
#description .lugar:nth-of-type(2):before {
  left: calc(30%);
}
#description .lugar:nth-of-type(3):before {
  left: calc(63%);
}
#description .lugar:nth-of-type(4):before {
  left: calc(100% - 10px);
}