/*===========================================
*  COLORS
* ===========================================*/
:root {
  --color-primario: #1a1817;
  --color-secundario: #f0ebe2;
  --color-terciario: #c2cdd8;
}

/*===========================================
*  FONTS
* ===========================================*/

@font-face {
  font-family: "Instrument Serif";
  src:
    url("../fonts/InstrumentSerif-Regular.woff2") format("woff2"),
    url("../fonts/InstrumentSerif-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src:
    url("../fonts/Lato-Light.woff2") format("woff2"),
    url("../fonts/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src:
    url("../fonts/Lato-Regular.woff2") format("woff2"),
    url("../fonts/Lato-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    url("../fonts/MyriadPro-Regular.woff2") format("woff2"),
    url("../fonts/MyriadPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pinyon Script";
  src:
    url("../fonts/PinyonScript-Regular.woff2") format("woff2"),
    url("../fonts/PinyonScript-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
p,
.entry-content p:last-of-type {
  margin-bottom: 0 !important;
}

html {
  scroll-behavior: smooth;
}

/*===========================================
*  LOADING
* ===========================================*/
/* #css_loading {
  background: var(--color-terciario);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 9999;
}

body.loaded #css_loading {
  animation: animationLoading 1s ease-in-out forwards;
}

@keyframes animationLoading {
  0% {
    width: 100vw;
  }
  100% {
    width: 0vw;
  }
} */

/*===========================================
*  HEADER 
* ===========================================*/

.coto_menu_box_main {
  padding: 5vw 3vw 10vw 3vw;
  height: auto !important;
}
.coto_menu_box_main:not(:first-of-type) {
  border-left: 2px solid #f5f1e9;
}

.coto_menu_box_img {
  width: 7vw !important;
  padding-bottom: 3vw !important;
}
.coto_menu_box,
.coto_menu_box_title .elementor-heading-title,
.coto_menu_box_text .elementor-heading-title {
  text-decoration: none !important;
}

@media (max-width: 769px) {
  .coto_menu_cont {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-content: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .coto_menu_box_main:not(:first-of-type) {
    border-left: none;
  }

  .coto_menu_box_main {
    width: 50% !important;
    padding: 0 5vw;
  }

  .coto_menu_box {
    padding: 10vw 0 20vw 0;
  }
  .coto_menu_box_main {
    margin: 5vw 0;
    padding: 0 3vw;
  }
  .coto_menu_box_main:nth-child(2n) {
    border-left: 1px solid #f5f1e9;
  }

  .coto_menu_box_main:nth-child(1)::after,
  .coto_menu_box_main:nth-child(2)::after {
    content: "";
    display: block;
    width: 30vw;
    height: 1px;
    background-color: #f5f1e9;
    position: absolute;
    bottom: -6vw;
    right: 0;
    left: 5vw;
  }

  .coto_menu_box_img {
    width: 10vw !important;
    padding-bottom: 3vw !important;
  }
  .coto_menu_box_title {
    padding-bottom: 3vw !important;
  }
}

/*===========================================
*  FORM
* ===========================================*/

.coto-form {
  width: 100%;
}

.coto-form__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw 4vw;
}

.coto-form__field {
  width: calc(50% - 2vw);
}

.coto-form__field p {
  margin-bottom: 0 !important;
}

.coto-form__field--full {
  width: 100%;
}

.coto-form__field label {
  display: block;
  margin: 0;
  font-size: 1vw;
  color: #7f3f33;
  text-transform: uppercase;
  line-height: 1;
  font-family: "Lato";
  font-weight: 700;
}

.coto-form input[type="text"],
.coto-form input[type="email"],
.coto-form input[type="tel"],
.coto-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 2px solid #8a4a3a;
  background: transparent;
  padding: 0 0 10px;
  font-size: 1vw;
  color: #8a4a3a;
  box-shadow: none;
  outline: none;
  border-radius: 0;
  padding: 0.5vw !important;
  font-family: "Lato";
}

.coto-form textarea {
  min-height: 4vw;
  height: 2vw;
  resize: none;
}

.coto-form input:focus,
.coto-form textarea:focus {
  border-bottom-color: #1c2b25;
}

.coto-form .wpcf7-form-control-wrap {
  display: block;
}

.coto-form__checkbox {
  margin-top: -8px;
}

.coto-form__checkbox .wpcf7-list-item {
  margin: 0;
}

.coto-form__checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #8a4a3a;
  background: transparent;
  margin: 0 10px 0 0;
  vertical-align: middle;
  position: relative;
}

.coto-form__checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: #8a4a3a;
}

.coto-form__checkbox label,
.coto-form__checkbox .wpcf7-list-item-label {
  font-size: 1.1vw;
  letter-spacing: 0;
  text-transform: none;
  color: #7f3f33;
}

.coto-form__submit {
  border-radius: 0 !important;
}

.coto-form input[type="submit"] {
  background: #16231f;
  color: #fff7ea;
  border: 0;
  padding: 14px 40px;
  font-size: 1.1vw;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0;
}

.coto-form input[type="submit"]:hover {
  background: #0f1916;
}

.coto-form .wpcf7-spinner {
  display: block;
  margin-top: 12px;
}

.coto-form__submit p {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  /* .coto-form__field,
  .coto-form__field--full {
    width: 100%;
  } */

  .coto-form input[type="submit"] {
    width: 100%;
    min-width: 0;
  }
  .coto-form__checkbox label,
  .coto-form__checkbox .wpcf7-list-item-label,
  .coto-form input[type="submit"],
  .wpcf7-list-item-label,
  .coto-form input[type="text"],
  .coto-form input[type="email"],
  .coto-form input[type="tel"],
  .coto-form textarea,
  .coto-form__field label {
    font-size: 2.8vw;
  }
  .coto-form textarea {
    min-height: 9vw;
    height: 9vw;
  }
}

.coto-see-img {
  position: absolute !important;
  width: 20vw !important;
  height: auto !important;
  aspect-ratio: 20/30;
}
.coto-see-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

#coto-see-img-1 {
  top: -13%;
  left: 0;
}
#coto-see-img-2 {
  left: 10%;
  bottom: 0%;
}
#coto-see-img-3 {
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 6%;
}
#coto-see-img-4 {
  right: 10%;
  z-index: 2;
  bottom: 0%;
}
#coto-see-img-5 {
  right: 0;
  top: 1vw;
  z-index: 1;
}

@media (max-width: 769px) {
  .coto-see-cont-img {
    width: 100% !important;
    height: auto;
    aspect-ratio: 100/138;
  }
  .coto-see-img {
    width: 33vw !important;
  }
  #coto-see-img-1 {
    top: 0%;
    left: 0;
  }
  #coto-see-img-2 {
    left: 10%;
    bottom: 10%;
  }
  #coto-see-img-3 {
    right: 10%;
    left: unset;
    margin: unset;
    top: 6%;
  }

  #coto-see-img-5 {
    right: 0;
    bottom: 0;
    top: unset;
    z-index: 1;
  }
}

.coto-reservation-box {
  border: 1px solid #f5f1e9 !important;
}

.coto-btn .elementor-button {
  width: 100%;
}

.coto-see{
	background-size: 25% 100% !important;
}

@media (max-width: 769px){
	.coto-see{
	background-image: none !important;
}
}

.coto-footer-info-cont a{
	color: #d3be7c;
}