/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: Theinn Final
Version:2.0
*/

:root {
  --white: #fff;
  --green: #7bc178;
  --strong-Coffe: #9e8774;
  --medium-Coffe: #ccb190;
  --blue-Gray: #dad8d4;
  --strong-Blue: #365ca3;
  --ornge-Gray: #dad8d4;
  --dark_Coffe: #423428;
  --medium-Gray: #8f949d;
  --red: #c96565;
  --disabled-gray: #585c68;
  --scroll-Bacground: var(--blue-Gray) transparent;
}

/* ?Clean all */
* {
  padding: 0;
  margin: 0;
  scrollbar-color: var(--scroll-Bacground);
  scrollbar-width: thin;
}

/* ? END Clean */
/* !Header */
.site-header nav {
  background-color: var(--strong-Blue);
  -webkit-transition: -webkit-box-pack 1s;
  transition: -webkit-box-pack 1s;
  -o-transition: justify-content 1s;
  transition: justify-content 1s;
  transition: justify-content 1s, -webkit-box-pack 1s, -ms-flex-pack 1s;
}

.site-header nav > div > a > img {
  width: 80px;
  height: 50px;
  /* margin: auto; */
}

/* !Display Grids */
.option-selector-container,
.date-cont,
.room-selector,
.options-room-container,
.CodigoPromo-container,
.CodigoPromo-container .text,
div.dropdown,
.button,
.room-displayer,
.display-room,
.caracteristics-body,
.header-post,
.caracteristics-container,
.capacidad-icons-text,
.horizontal-list,
.descripcion,
.rate,
.rate-container,
.advice,
.text-top-price,
.price,
.not-abailable,
.calendar-options,
.details-reserv,
.row-container,
.options-selected,
.price-detail,
.period-selected,
.date-detail,
.iva-detail,
.Import-detail,
.Total-amount,
.room-detail,
.details,
.persons_picker_header,
.room-container,
.persons_picker_footer,
.icon-title,
.descriptions,
.element,
.roomcounter,
.section-select,
.selector,
.container,
.persons_picker_container,
.personsPicker,
.selectors,
.selector,
.rooms,
.room,
.paginator,
.footer,
.header,
.site-header nav div.menu-container,
.footer-container,
.menu-container,
.site-nav-list-menu,
.site-nav-list-menu .menu ul,
.social-media .telephones,
.social-media .socialMedia,
.icons-text,
.icons,
.icons-text .texts,
.menu-container .mails,
.menu-container .phones,
.menu-container .location,
.phones .content,
.mails .content,
.date-container,
.modal-body,
.space1,
.space2,
.room-info,
.caracteristics,
.price-days,
.desgloce,
.cost-total,
#spec,
.galery,
.image,
.contact-form,
#contacto-direction,
#contacto-contacts,
#contacto-services,
#contacto-description,
.dropdown-menu,
.gc-3,
.content-center,
.buttons {
  display: -ms-grid;
  display: grid;
}

.gc-3 {
  -ms-grid-columns: 100px 206px auto;
  grid-template-columns: 100px 206px auto;
  align-items: baseline;
}

.site-header nav div.menu-container,
.dropdown-menu {
  display: -ms-grid !important;
  display: grid !important;
}

/* !END GRID */
.site-header nav div.menu-container {
  -ms-grid-columns: 480px 150px;
  grid-template-columns: 480px 150px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.site-header nav div.menu-container ul li {
  margin-right: 20px;
}

.site-header nav div.menu-container ul li a {
  color: var(--medium-Coffe);
}

.site-header nav div.menu-container ul li.active a {
  color: var(--white);
}

div.dropdown {
  -ms-grid-columns: 50px 2px 68px;
  grid-template-columns: 50px 2px 68px;
  -ms-grid-column-align: center;
  justify-self: center;
}

div.dropdown div:first-child::before {
  content: "";
  position: absolute;
  background-color: var(--medium-Coffe);
  width: 1px;
  height: 18px;
  top: 4px;
  right: 80px;
  border-radius: 100%;
}

div.dropdown div {
  color: var(--medium-Coffe);
}

div.dropdown div:first-child {
  width: 40px;
}

div.dropdown div:last-child {
  width: 80px;
}

/* !END siteHeader */

/* !Option selector */
.option-selector-container {
  background-color: var(--white);
  -ms-grid-columns: 220px 109px 400px 109px 400px;
  grid-template-columns: 220px 400px 400px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid var(--blue-Gray);
  width: 100%;
  z-index: 1;
  gap: 109px;
}

.date-cont {
  -ms-grid-rows: 24px 30px;
  grid-template-rows: 24px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

.room-selector {
  -ms-grid-rows: 24px 30px;
  grid-template-rows: 24px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
}

.date-container {
  -ms-grid-columns: 28px 6px 158px 6px 16px;
  grid-template-columns: 28px 158px 16px;
  gap: 6px;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
}

.date-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.date-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.date-container > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.options-room-container {
  -ms-grid-columns: (30px) [11];
  grid-template-columns: repeat(11, 30px);
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
}

.options-room-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.options-room-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.options-room-container > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.options-room-container > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.options-room-container > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.options-room-container > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}

.options-room-container > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.options-room-container > *:nth-child(8) {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
}

.options-room-container > *:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}

.options-room-container > *:nth-child(10) {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
}

.options-room-container > *:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}

.CodigoPromo-container {
  -ms-grid-columns: 70px 200px 130px;
  grid-template-columns: 70px 200px 130px;
  -ms-grid-rows: 48px;
  grid-template-rows: 48px;
}

.CodigoPromo-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.CodigoPromo-container > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.CodigoPromo-container > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.CodigoPromo-container .text {
  -ms-grid-rows: 20px 20px;
  grid-template-rows: 20px 20px;
}

.CodigoPromo-container .text .textos h6:last-child {
  text-align: end;
}

.dropdown-menu {
}

.code.dropdown-menu {
  position: relative !important;
  top: 10px !important;
  left: -102px !important;
  -ms-grid-columns: 198px 8px 30px;
  grid-template-columns: 198px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 260px;
  gap: 8px;
  border-radius: 8px !important;
}

/* ! END Option selector */

/* *Textos */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 450;
}

/* !TEXT COLOR */
/* BLUE */

/* !END COLOR */
.title,
.textos h6,
.text {
  font-size: 14px;
  color: var(--strong-Blue);
}

.textos h6:first-child {
  font-weight: 700;
}

.header-post h5 {
  font-size: 18px;
  color: var(--strong-Blue);
}

.horizontal-list {
  font-size: 12px;
  color: var(--strong-Blue);
}

.descripcion {
  font-size: 12px;
  color: var(--medium-Coffe);
}

.rate h5 {
  color: var(--strong-Blue);
  font-size: 18px;
}

.advice h5 {
  color: var(--green);
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 6px;
}

.subtext {
  font-size: 12px;
  color: var(--medium-Gray);
}

.cantidad {
  color: var(--strong-Blue);
  font-size: 18px;
  font-weight: 520;
  text-align: end;
}

.more-info a {
  font-size: 14px;
  color: var(--medium-Coffe);
  text-decoration: underline;
}

.error-info h5 {
  color: var(--red);
  font-size: 14px;
}

.calendar-options h5 {
  color: var(--red);
  font-size: 12px;
  margin-bottom: 0;
}

.btn.buscar {
  color: var(--white);
  text-align: center;
}

.title h5 {
  font-size: 16px;
}

.date-detail h5 {
  color: var(--medium-Coffe);
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 6px;
}

.price-detail h5:first-child {
  font-weight: 400;
}

.price-detail h5 {
  font-size: 16px;
  color: var(--strong-Blue);
}

.price-detail h5:last-child {
  font-weight: 600;
  text-align: end;
}

#code,
.count {
  font-weight: 500;
  color: var(--medium-Coffe);
  text-align: center;
  border: none;
}

#code,
input.count:focus {
  outline: none;
}

#code {
  background-color: var(--blue-Gray);
  border-radius: 4px;
  font-size: 12px;
  height: 30px;
  color: var(--strong-Blue);

  outline: none;
}

#code:-ms-input-placeholder {
  color: var(--disabled-gray);
  -webkit-transition: color 4s;

  -ms-transition: color 4s;

  transition: color 4s;
}

#code::-ms-input-placeholder {
  color: var(--disabled-gray);
  -webkit-transition: color 4s;

  -ms-transition: color 4s;

  transition: color 4s;
}

#code::placeholder,
#code::-ms-input-placeholder,
#code:-ms-input-placeholder,
#code::-moz-placeholder,
#code::-webkit-input-placeholder {
  color: var(--disabled-gray);
  -webkit-transition: color 4s;

  -moz-transition: color 4s;

  -ms-transition: color 4s;

  transition: color 4s;
}

#code:focus {
  outline: none;
  background-color: var(--white);
  border: 1px solid var(--blue-Gray);
  -webkit-transition: background 1.2s, border 1.2s;
  -o-transition: background 1.2s, border 1.2s;
  transition: background 1.2s, border 1.2s;
  text-align: left;
  padding-left: 4px;
}

#code:focus:-ms-input-placeholder {
  color: transparent;
}

#code:focus::-ms-input-placeholder {
  color: transparent;
}

#code:focus::placeholder,
#code:focus::-ms-input-placeholder,
#code:focus:-ms-input-placeholder,
#code:focus::-moz-placeholder,
#code:focus::-webkit-input-placeholder {
  color: transparent;
}

.room-detail h5,
.form-row {
  font-size: 14px;
  color: var(--strong-Blue);
}

.rate-detail {
  color: var(--green);
}

.amount {
  font-size: 14px;
  text-align: end;
  color: var(--strong-Blue);
}

.iva,
.Import,
.Total {
  font-size: 14px;
  color: var(--strong-Blue);
}

.reserva,
.reservar {
  color: var(--white);
  text-align: center;
}

#datepicker,
.form-check-label {
  color: var(--medium-Coffe) !important;
  font-size: 14px;
}

.btn-confirm {
  color: var(--white);
  letter-spacing: 1px;
}

.btn-confirm h5 {
  margin-top: 2px;
  font-size: 14px;
}

.element h5,
.modal-title,
.yearselect,
.monthselect {
  color: var(--strong-Blue);
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

.descriptions .subtext {
  color: var(--green);
  font-size: 12px;
}

.counter {
  font-size: 18px;
  text-align: center;
  color: var(--medium-Coffe);
}

.textin {
  padding-top: 6px;
  text-align: center;
  font-size: 16px;
}

.countertitle {
  font-size: 14px;
  color: var(--strong-Blue);
}

.btn-add-room h5 {
  font-size: 14px;
  color: var(--strong-Blue);
}

.btn-select {
  color: var(--strong-Blue);
  font-weight: 500;
}

.site-nav-list-menu .menu ul li {
  list-style: none;
}

.site-nav-list-menu .menu ul li a {
  color: var(--dark_Coffe);
  font-size: 10px;
}

.location p,
.phone,
.email,
.telephone {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.title {
  z-index: 1;
  font-size: 12px;
  color: var(--strong-Blue);
  padding-top: 8px;
}

.footer-container .title {
  font-size: 14px;
  color: var(--strong-Coffe);
}

.title.CA,
.title.US {
  padding-top: 0;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: var(--strong-Coffe);
}

.caracteristic {
  text-align: right;
  font-size: 12px;
  color: var(--medium-Gray);
}

.caracteristic.day,
.caracteristic.total {
  text-align: left;
}

.caracteristic.total,
.cost-total .caracteristic.value {
  font-size: 16px;
  font-weight: 500;
}

.btn.seleccion {
  color: white;
  letter-spacing: 1px;
}
.btn-blue,
.btn-green {
  color: var(--strong-Blue);
  transition: background 1s, color 1.3s;
  font-size: 16px;
  font-weight: 500;
}

.message,
.addres,
#contacto-contacts .phone,
#contacto-contacts .email,
#contacto-services p,
#contacto-description p,
#Normas p {
  font-size: 14px;
  color: var(--medium-Coffe);
}

.wrong {
  font-size: 14px;
  color: var(--red);
}

.modal .title {
  font-size: 16px;
}

.services .title,
.title.caracteristicas {
  font-weight: 600;
}

.title-cener,
#spec h4,
#contacto-direction .title,
.form-title,
#Normas .title {
  color: var(--strong-Blue);
  font-size: 20px;
}

.title-cener,
.image .text {
  text-align: center;
}

.image .text,
#spec p,
.list li {
  color: var(--medium-Coffe);
}

#confirm .title {
  font-size: 20px;
}

label {
  color: var(--strong-Blue);
  font-size: 14px;
}

.list li {
  color: var(--medium-Coffe);
}
.heading {
  font-size: 30px;
  font-weight: 600;
  color: var(--strong-Blue);
}
.heading.wrong {
  font-size: 30px;
  color: var(--red);
}
/* *END Textos */
/* ?INPUTS  */
#datepicker,
.counter {
  border: none;
  outline: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* ?END INPUTS */

/* !ICONS */
/* !END ICONS */

/* ?BUTTONS */
.button {
  justify-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-blue,
.btn-green {
  background-color: transparent;
  border: 1px solid var(--blue-Gray);
  border-radius: 10px;
  text-align: center;
  width: 240px;
  padding: 10px;
}

.button #PromoCode {
  background-color: var(--strong-Blue);
  border-radius: 6px;
  color: var(--white);
  width: 85px;
  text-align: center;
  height: 32px;
  padding-top: 4px;
}

.btn-select {
  border: 1px solid var(--blue-Gray);
  border-radius: 6px;
  text-align: center;
  height: 36px;
  padding-top: 5px;
  -webkit-transition: background 0.8s, color 0.8s;
  -o-transition: background 0.8s, color 0.8s;
  transition: background 0.8s, color 0.8s;
}

.btn.buscar {
  background-color: var(--strong-Blue);
}

.reserva {
  background-color: var(--strong-Blue);
  border-radius: 4px;
}

.btn-confirm {
  height: 28px;
  width: 108px;
  text-align: center;
  background-color: var(--strong-Blue);
  border-radius: 6px;
  padding-top: 4px;
}

.btn-close {
  display: none;
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/close.svg);
  position: absolute;
  top: 78px;
  right: 42px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  -webkit-filter: invert(1) brightness(9);
  filter: invert(1) brightness(9);
  transition: -webkit-filter 0.6s;
  -webkit-transition: -webkit-filter 0.6s;
  -o-transition: filter 0.6s;
  transition: filter 0.6s;
  transition: filter 0.6s, -webkit-filter 0.6s;
}

.navbar-toggler {
  border: none !important;
}

.navbar-toggler:focus {
  outline: none;
}

.btn.seleccion {
  background-color: var(--strong-Blue);
}

.btn-center {
  margin: auto;
  width: 212px;
  letter-spacing: 2px;
  background-color: var(--strong-Blue) !important;
}

.reservar {
  border: none;
  background-color: var(--strong-Blue);
  padding: 2px 20px;
  border-radius: 6px;
}

.clip-Button {
  background-color: var(--green);
  padding: 4px 30px;
  border-radius: 6px;
  color: var(--white);
}

#submit {
  padding: 6px 50px;
  background-color: var(--strong-Blue);
  border-radius: 6px;
  color: var(--white);
  translate: 150% 0;
}

input[type="checkbox"] {
  border: 1px solid var(--blue-Gray);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: white;
  border-radius: 4px;
  transition: background 1s;
}

input[type="checkbox"]:checked {
  background-color: var(--blue-Gray);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='100' height='100' viewBox='0,0,256,256'%3E%3Cg fill='%23365ca3' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(5.12,5.12)'%3E%3Cpath d='M41.9375,8.625c-0.66406,0.02344 -1.27344,0.375 -1.625,0.9375l-18.8125,28.78125l-12.1875,-10.53125c-0.52344,-0.54297 -1.30859,-0.74609 -2.03125,-0.51953c-0.71875,0.22266 -1.25391,0.83203 -1.37891,1.57422c-0.125,0.74609 0.17578,1.49609 0.78516,1.94531l13.9375,12.0625c0.4375,0.37109 1.01563,0.53516 1.58203,0.45313c0.57031,-0.08594 1.07422,-0.41016 1.38672,-0.89062l20.09375,-30.6875c0.42969,-0.62891 0.46484,-1.44141 0.09375,-2.10547c-0.37109,-0.66016 -1.08594,-1.05469 -1.84375,-1.01953z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}

/* ?END BUTTONS */
/* !END RoomDisplayer */
.container {
  margin-right: 20px !important;
  margin-left: 20px !important;
  padding: 0 !important;
  margin-top: 20px;
  -ms-grid-columns: 828px 32px 300px;
  grid-template-columns: 828px 300px;
  gap: 68px;
  margin-bottom: 50px;
}

.room-displayer {
  -ms-grid-rows: 312px;
  grid-template-rows: 312px;
  gap: 14px;
}

.display-room {
  -ms-grid-columns: 316px 12px 508px;
  grid-template-columns: 316px 508px;
  gap: 12px;
  border-bottom: 2px solid var(--blue-Gray);
}

.display-room:last-child {
  margin-bottom: 62px;
}

.caracteristics-body {
  -ms-grid-rows: 42px auto;
  grid-template-rows: 42px auto;
}

.header-post {
  -ms-grid-columns: 382px 122px;
  grid-template-columns: 382px 122px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.caracteristics-container {
  -ms-grid-rows: 26px 64px 60px 64px 50px;
  grid-template-rows: 26px 64px 60px 64px 50px;
}

.capacidad-icons-text {
  -ms-grid-columns: 100px (28px) [6];
  grid-template-columns: 100px repeat(6, 28px);
}

.horizontal-list {
  -ms-grid-rows: 20px 20px;
  grid-template-rows: 20px 20px;
  -ms-grid-columns: (130px) [3];
  grid-template-columns: repeat(3, 130px);
  margin-left: 16px;
}

.horizontal-list > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.horizontal-list > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.horizontal-list > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.horizontal-list > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.horizontal-list > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.horizontal-list > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.descripcion {
  -ms-grid-columns: 334px;
  grid-template-columns: 334px;
}

.rate {
  -ms-grid-rows: 30px 34px;
  grid-template-rows: 30px 34px;
}

.rate-container {
  -ms-grid-columns: (256px) [2];
  grid-template-columns: repeat(2, 256px);
}

.modal .rate-container {
  -ms-grid-rows: (38px) [2];
  grid-template-rows: repeat(2, 38px);
  -ms-grid-columns: 0;
  grid-template-columns: 0;
}

.modal .rate-container > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.modal .rate-container > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.advice {
  -ms-grid-columns: 30px 196px;
  grid-template-columns: 30px 196px;
}

.text-top-price {
  -ms-grid-columns: 120px 190px 192px;
  grid-template-columns: 120px 190px 192px;
}

.price {
  -ms-grid-rows: 26px 26px;
  grid-template-rows: 26px 26px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.modal .price {
  -ms-grid-columns: 264px;
  grid-template-columns: 264px;
}

/* .price:has(> .wrong) {
  margin-right: 0px !important;
}
 */
.not-abailable {
  -ms-grid-columns: 112px 400px;
  grid-template-columns: 112px 400px;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar-options {
  -ms-grid-columns: 264px 120px;
  grid-template-columns: 264px 120px;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* !END RoomDisplayer */
/* !Ticket */

.details-reserv {
  -ms-grid-rows: 68px 12px 276px 12px 90px 12px 28px;
  grid-template-rows: 68px 276px 90px 28px;
  gap: 12px;
  -ms-grid-columns: 326px;
  grid-template-columns: 326px;
  background-color: var(--white);
}

.details-reserv > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.details-reserv > *:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.details-reserv > *:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.details-reserv > *:nth-child(4) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}

.row-container {
  -ms-grid-rows: 34px 28px;
  grid-template-rows: 34px 28px;
  border-bottom: 1px solid var(--blue-Gray);
}

.row-container:nth-child(4),
.display-room:last-child {
  border: none;
}

.row-container.room-details {
  -ms-grid-rows: 132px;
  grid-template-rows: 132px;
  gap: 12px;
}

.options-selected {
  -ms-grid-columns: (28px) [11];
  grid-template-columns: repeat(11, 28px);
}

.price-detail {
  -ms-grid-columns: 182px 126px;
  grid-template-columns: 182px 126px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.period-selected {
  -ms-grid-columns: 26px 34px;
  grid-template-columns: 26px 34px;
}

.price-detail .price {
  -ms-grid-rows: 21px;
  grid-template-rows: 21px;
}

.date-detail {
  -ms-grid-columns: 32px 164px 64px 64px;
  grid-template-columns: 32px 164px 64px 64px;
}

.payment-details {
  -ms-grid-rows: 20px 40px 20px;
  grid-template-rows: 20px 40px 20px;
  /* align-items: center; */
}

.iva-detail,
.Import-detail,
.Total-amount {
  -ms-grid-columns: 120px 188px;
  grid-template-columns: 120px 188px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.room-detail {
  -ms-grid-columns: 276px 30px;
  grid-template-columns: 276px 30px;
}

.details {
  -ms-grid-rows: 30px 28px 40px 31px;
  grid-template-rows: 30px 28px 40px 31px;
  border-bottom: 1px solid var(--blue-Gray);
}

.details:last-child {
  border: none;
}

/* !END Ticket */
/* !PersonsPicker */
.persons_picker_container {
  background-color: var(--white);
  position: absolute;
  height: 328px;
  width: 700px;
  -ms-grid-rows: 70px 12px 190px 12px 40px;
  grid-template-rows: 70px 190px 40px;
  gap: 12px;
  border-radius: 12px;
  border: 1px solid var(--blue-Gray);
  z-index: 4;
}

.persons_picker_header {
  -ms-grid-rows: 30px 30px;
  grid-template-rows: 30px 30px;
  justify-items: end;
  margin-top: 12px;
}

.element:nth-child(2) {
  -ms-grid-columns: 24px 128px;
  grid-template-columns: 24px 128px;
}

.room-container {
  -ms-grid-rows: 26px;
  grid-template-rows: 26px;
  gap: 20px;
  overflow: hidden;
  overflow-y: scroll;
  justify-items: center;
  -ms-flex-line-pack: baseline;
  align-content: baseline;
}

.persons_picker_footer {
  -ms-grid-columns: 138px 138px;
  grid-template-columns: 138px 138px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

.icon-title,
.descriptions {
  -ms-grid-columns: 150px 150px 150px 110px;
  grid-template-columns: 150px 150px 150px 110px;
  /* background-color:var(--red) */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  margin-right: 58px;
  z-index: 1;
}

.element {
  -ms-grid-columns: 24px 77px;
  grid-template-columns: 24px 77px;
  /* justify-items: center; */
}

.roomcounter {
  -ms-grid-columns: 100px 545px 24px;
  grid-template-columns: 100px 545px 24px;
  -ms-grid-rows: 26px;
  grid-template-rows: 26px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* justify-items: center; */
}

.roomcounter > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.roomcounter > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.roomcounter > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.section-select {
  -ms-grid-columns: 110px 32px 110px 32px 110px 32px 110px;
  grid-template-columns: 110px 110px 110px 110px;
  -ms-grid-rows: 24px;
  grid-template-rows: 24px;
  gap: 32px;
}

.section-select > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.section-select > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.section-select > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.section-select > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.selector {
  -ms-grid-columns: 24px 24px 24px;
  grid-template-columns: 24px 24px 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* ?Figures of persons picker  */
.triangle {
  position: absolute;
  background-color: var(--white);
  width: 26px;
  height: 26px;
  border-radius: 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid var(--blue-Gray);
  border-left: 1px solid var(--blue-Gray);
  top: -13px;
  right: 60px;
}

.code .triangle {
  top: -13px;
  right: 14px;
}

.subwindow {
  display: block;
  position: absolute;
  height: 840%;
  width: 100%;
  top: 0;
  background-color: rgb(0 0 0 /0.1);
  z-index: 3;
  left: 0;
}

/* ?END figures */
/* !END PersonsPicker */
/* !MODAL */
.modal-dialog {
  max-width: 900px !important;
}

.modal-body {
  -ms-grid-columns: 484px 12px 370px;
  grid-template-columns: 484px 370px;
  gap: 12px;
}

.space1 {
  -ms-grid-rows: 74px 6px 17px 6px 104px 6px 104px 6px 206px 6px 48px;
  grid-template-rows: 74px 17px 104px 104px 206px 48px;
  -ms-grid-columns: 438px;
  grid-template-columns: 438px;
  gap: 6px;
}

.space1 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.space1 > *:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.space1 > *:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

.space1 > *:nth-child(4) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}

.space1 > *:nth-child(5) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}

.space1 > *:nth-child(6) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}

.space2 {
  -ms-grid-rows: 276px 30px auto 50px;
  grid-template-rows: 276px 30px auto 50px;
}

.space2:has(.non-content) {
  -ms-grid-rows: 310px 30px auto 50px;
  grid-template-rows: 310px 30px auto 50px;
}

.caracteristics .element {
  -ms-grid-columns: 30px 208px auto;
  grid-template-columns: 30px 208px auto;
  -ms-grid-rows: 30px;
  grid-template-rows: 30px;
}

.caracteristics .element > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.caracteristics .element > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.caracteristics .element > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.desgloce {
  -ms-grid-columns: 186px 186px;
  grid-template-columns: 186px 186px;
}

.cost-total {
  -ms-grid-columns: 142px 230px;
  grid-template-columns: 142px 230px;
}

.non-content {
  border-radius: 18px;
  background-color: var(--blue-Gray);
  max-height: 312px;
}

/* !END MODAL */
/* !Footer */
.site-footer {
  height: 244px;
  background-color: var(--blue-Gray);
  /* background-color: rgba(204, 177, 144,.6); */
}

.footer-container {
  -ms-grid-columns: 220px 54px 220px 54px 220px;
  grid-template-columns: 220px 220px 220px;
  gap: 54px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.menu-container.contacts-info {
  -ms-grid-rows: 84px 76px 70px;
  grid-template-rows: 84px 76px 70px;
}

.menu-container.social-media {
  -ms-grid-rows: 116px 60px;
  grid-template-rows: 116px 60px;
  /* align-content: center; */
}

.site-nav-list-menu {
  -ms-grid-rows: 20px 214px;
  grid-template-rows: 20px 214px;
}

.site-nav-list-menu .menu ul {
  -ms-grid-rows: (16px) [11];
  grid-template-rows: repeat(11, 16px);
  /* margin-left: 8px; */
}

.social-media .telephones {
  -ms-grid-rows: 28px 78px;
  grid-template-rows: 28px 78px;
}

.social-media .socialMedia {
  -ms-grid-rows: 34px 30px;
  grid-template-rows: 34px 30px;
}

.icons-text {
  -ms-grid-columns: 30px 200px;
  grid-template-columns: 30px 200px;
  /* justify-content: center; */
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.socialMedia .icons {
  -ms-grid-columns: (30px) [3];
  grid-template-columns: repeat(3, 30px);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.icons-text .icons,
.icons-text .texts {
  -ms-grid-rows: (30px) [3];
  grid-template-rows: repeat(3, 30px);
}

.menu-container .mails {
  -ms-grid-rows: 24px 54px;
  grid-template-rows: 24px 54px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.menu-container .phones {
  -ms-grid-rows: 24px 52px;
  grid-template-rows: 24px 52px;
}

.menu-container .location {
  -ms-grid-rows: 24px 44px;
  grid-template-rows: 24px 44px;
}

.phones .content,
.mails .content {
  -ms-grid-columns: 30px 190px;
  grid-template-columns: 30px 190px;
  -ms-grid-rows: (30px) [2];
  grid-template-rows: repeat(2, 30px);
}

.phones .content > *:nth-child(1),
.mails .content > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.phones .content > *:nth-child(2),
.mails .content > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.phones .content > *:nth-child(3),
.mails .content > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.phones .content > *:nth-child(4),
.mails .content > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

/* !END Footer */
/* !Info Page */

/* ?Gallery */
#spec {
}

.galery {
  -ms-grid-columns: 114px 120px 114px 120px 114px 120px 114px 120px 114px;
  grid-template-columns: repeat(5, 114px);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  gap: 120px;
}

.galery .image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-rows: 76px 14px 22px;
  grid-template-rows: 76px 22px;
  gap: 14px;
  justify-items: center;
}

#info,
.contact-form,
#Normas {
  margin: 22px;
}

.contact-form {
  margin: 22px 22px 90px 22px;
}

/* ?END Gallery */
/* !END Info Page */
/* !ContactForm */
.contact-form {
  gap: 16px;
}

#contacto-direction {
  -ms-grid-rows: 32px 42px;
  grid-template-rows: 32px 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#contacto-direction,
#contacto-contacts,
#contacto-services,
#contacto-description {
  border-bottom: 1px solid var(--blue-Gray);
}

#contacto-contacts {
  -ms-grid-columns: 30px 12px 172px;
  grid-template-columns: 30px 172px;
  gap: 16px 12px;
  -ms-grid-rows: 30px 16px 30px 16px 30px;
  grid-template-rows: repeat(3, 30px);
}

#contacto-contacts > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#contacto-contacts > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#contacto-contacts > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

#contacto-contacts > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

#contacto-contacts > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}

#contacto-contacts > *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}

/* !END Conctact-Form */
/* !Reserva Form */
#confirm {
  margin-bottom: 20px;
}

/* !END Reserva Form */
/* Lists */
.list {
  position: absolute;
  height: auto;
  max-height: 120px;
  background-color: var(--white);
  z-index: 1;
  border: 1px solid var(--blue-Gray);
  width: auto;
  overflow: hidden;
  overflow-y: scroll;
  padding: 2px 12px;
  border-radius: 0 0 6px 6px;
  transform: translateX(6px);
}

.list li {
  margin-left: 10px;
  list-style: none;
}

/* !END Lists */
/* !Page Acepted && Declined */
.content-center {
  grid-template-rows: 222px 54px 168px 78px;
  justify-items: center;
  align-items: center;
}
.content-center.declined {
  grid-template-rows: 222px 54px 128px 58px;
}
.buttons {
  grid-template-columns: 250px;
  grid-template-rows: 40px 40px 40px;
  gap: 12px;
  justify-items: center;
  align-items: center;
}
.content-center.declined .buttons {
  grid-template-rows: 40px 40px;
}
.short {
  width: 382px;
  text-align: center;
}
/* !END Page Acepted && Declined */
/* ?states of an object */
.non-selected {
  -ms-grid-rows: 60px 26px;
  grid-template-rows: 60px 26px;
}

.ticket-disabled,
.hide {
  display: none;
}

.disabled,
.btn-disabled {
  opacity: 0.5;
}

.sticky {
  position: fixed;
  top: 0px;
}

.details-reserv.sticky {
  top: 65px;
  right: 112px;
}

.details-reserv.short-resumen {
  -ms-grid-rows: 72px 266px 90px 26px;
  grid-template-rows: 72px 266px 90px 26px;
}

.room-details.short-resumen {
  overflow: hidden;
  overflow-y: scroll;
}

.form-group {
  margin-left: 10px;
}

/* ?EFECTS */
/* .details-reserv{
  transition:position 1s, top 1s, ease 1s;
}
.sticky{
  transition:position 1s, top 1s, ease 1s;
} */
/* ?END EFECTS */
/* ?END states of an object*/
/* !Media  */
.img img {
  height: 289px;
  width: 316px;
  border-radius: 12px;
}

.details-reserv .triangle {
  display: none;
}

/* !ICONS */
.icon {
  background-repeat: no-repeat;
  /* background-color: red; */
  background-size: 24px 26px;
}
.large-icon {
  height: 200px;
  width: 200px;
  background-size: 170px 170px;
  background-position: center center;
}

.icon-minus {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/menos.svg);
}

.icon-plus {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/mas.svg);
}

.icon-delete {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/trash.svg);
}

.icon-bed,
.PeopleSelector {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/rooms.svg);
}

.icon-adults,
.icon-NumeroAdultos {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/couple.svg);
}

.icon-adolescent,
.icon-NumeroAdolescentes {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/adolsecente.svg);
}

.icon-child,
.icon-NumeroNinos {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/child.svg);
}

.icon-baby,
.icon-NumeroInfantes {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/baby.svg);
}

.icon-arrow {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/vineta.svg);
  background-size: 14px 26px;
}

.icon-night {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/noches.svg);
}

.icon-calendar,
.callendar {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/calendar.svg);
}

.icon-capacity {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/user.svg);
  background-size: 24px 20px;
}

.icon-bath {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/bath.svg);
}

.icon-check {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/paloma.svg);
}
.icon-wrong {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/equis.svg);
}
.icon-promo {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/promo.svg);
  background-size: 62px 48px;
}

.TicketResume {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/campana.svg);
}

.icon-prev {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/felcha_izq.svg);
}

.icon-next {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/flecha_der.svg);
}

.icon-fb {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/facebook.svg);
}

.icon-ig {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/instagram.svg);
}

.icon-trip {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/buho.svg);
}

.icon-whats {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/05/whatsapp.svg);
  opacity: 0.5;
}

.hamburger-menu span {
  position: absolute;
  z-index: 1;
  background-size: 26px 26px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  left: 5px;
  background-position: 8px;
}

.icon-search {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/search.svg);
  background-color: var(--strong-Blue);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position-x: 6px;
  background-position-y: 4px;
  border-radius: 4px;
  z-index: 1;
}

.navbar-toggler-icon,
.hamburger-menu span {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 18h22M4 28h22'/%3E%3C/svg%3E") !important;
}

.space2 .carousel {
  height: 262px;
  width: 370px;
}

.carousel-inner img {
  max-width: 100%;
  border-radius: 12px;
}

.icon_phone {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/phone.svg);
  -webkit-filter: brightness(1) opacity(0.5) sepia(1);
  filter: brightness(1) opacity(0.5) sepia(1);
}

.icon_mail {
  background-image: url(https://reservas.atica.mx/wp-content/uploads/2024/03/email.svg);
  -webkit-filter: brightness(1) opacity(0.5) sepia(1);
  filter: brightness(1) opacity(0.5) sepia(1);
}

/* ! END ICONS */
/*  ! END Media */
/* ?RESPONSIVE */
@media (max-width: 1340px) {
  .container {
    max-width: 1268px !important;
    gap: 48px;
  }

  .details-reserv.sticky {
    right: 140px;
  }
}

@media (max-width: 1184px) {
  .container {
    max-width: 1146px !important;
    gap: 48px;
  }

  .details-reserv.sticky {
    right: 8px;
  }

  .option-selector-container {
    gap: 12px;
  }
}

@media (max-width: 1140px) {
  .option-selector-container {
    -ms-grid-columns: 400px;
    grid-template-columns: 400px;
  }
}

@media (max-width: 994px) {
  .details-reserv {
    position: absolute;
    top: 200px;
    right: 88px;
    border-radius: 8px;
    -ms-grid-columns: 380px;
    grid-template-columns: 380px;
    justify-items: center;
    border: 1px solid var(--blue-Gray);
    /* align-items: center; */
    -ms-grid-rows: 76px 274px 108px 50px;
    grid-template-rows: 76px 274px 108px 50px;
    z-index: 3;
  }

  .details-reserv > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .details-reserv > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .details-reserv > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .details-reserv > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .option-selector-container {
    gap: 0;
    -ms-grid-columns: 400px;
    grid-template-columns: 400px;
  }

  .container {
    -ms-grid-columns: 768px;
    grid-template-columns: 768px;
  }

  .header-post {
    -ms-grid-columns: 332px 122px;
    grid-template-columns: 332px 122px;
  }

  .text-top-price {
    -ms-grid-columns: 120px 140px 190px;
    grid-template-columns: 120px 140px 190px;
  }

  .rate-container {
    -ms-grid-columns: (163px) [2];
    grid-template-columns: repeat(2, 163px);
  }

  .display-room {
    -ms-grid-columns: 300px 454px;
    grid-template-columns: 300px 454px;
  }

  .img img {
    height: 280px;
    width: 290px;
  }

  .not-abailable {
    -ms-grid-columns: 112px 343px;
    grid-template-columns: 112px 343px;
  }

  .calendar-options {
    -ms-grid-columns: 212px 122px;
    grid-template-columns: 212px 122px;
  }

  .icon-arrow {
    display: none;
  }

  .details-reserv .triangle {
    top: 40px;
    display: block;
  }

  .details-reserv.sticky {
    top: 200px;
    right: 78px;
    z-index: 3;
  }

  .row-container {
    -ms-grid-rows: 38px 38px;
    grid-template-rows: 38px 38px;
  }

  .row-container.options,
  .payment-details {
    -ms-grid-columns: 330px;
    grid-template-columns: 330px;
  }

  .row-container.room-details {
    -ms-grid-columns: 320px;
    grid-template-columns: 320px;
  }

  .title {
    text-align: center;
  }

  #personsPicker .title {
    text-align: left;
  }

  .title.small {
    padding-top: 14px;
    font-size: 11px;
    font-weight: 700;
  }

  .footer-container .title {
    text-align: left;
  }

  .reserva {
    padding: 6px 106px;
    height: 36px;
  }

  .options-selected {
    -ms-grid-columns: (28px) [10];
    grid-template-columns: repeat(10, 28px);
  }

  .non-selected {
    -ms-grid-rows: 84px 52px !important;
    grid-template-rows: 84px 52px !important;
  }

  .site-header nav div.menu-container {
    position: fixed;
    -ms-grid-columns: 124px;
    grid-template-columns: 124px;
    -ms-grid-rows: 220px 306px;
    grid-template-rows: 220px 306px;
    right: 0;
    left: 0;
    height: 1400px;
    top: 0;
    bottom: 0;
    background-color: var(--strong-Blue);
    z-index: 4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 2s cubic-bezier(0.36, -0.01, 0, 0.77);
    -o-transition: 2s cubic-bezier(0.36, -0.01, 0, 0.77);
    transition: 2s cubic-bezier(0.36, -0.01, 0, 0.77);
  }

  .site-header nav div.menu-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .site-header nav div.menu-container > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .site-header nav div.menu-container ul {
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }

  .site-header nav div.menu-container ul li {
    margin-right: 0px;
  }

  div.dropdown {
    border-top: 1px solid var(--medium-Coffe);
    -ms-grid-columns: 110px 2px 110px;
    grid-template-columns: 110px 2px 110px;
    border-bottom: 1px solid var(--medium-Coffe);
    border-radius: 0px;
    -ms-grid-rows: 68px;
    grid-template-rows: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  div.dropdown > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  div.dropdown > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  div.dropdown > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  div.dropdown div:first-child {
    width: 110px;
  }

  div.dropdown div:last-child {
    width: 110px;
  }

  div.dropdown div {
    text-align: center;
  }

  div.dropdown div:first-child::before {
    height: 34px;
    top: 18px;
    right: 122px;
  }

  .collapse {
    -webkit-transform: translateX(-2000px) !important;
    -ms-transform: translateX(-2000px) !important;
    transform: translateX(-2000px) !important;
  }

  .btn-close {
    display: block;
  }

  .footer-container {
    -ms-grid-columns: 220px 54px 220px;
    grid-template-columns: 220px 220px;
    -ms-grid-rows: 210px 0 210px;
    grid-template-rows: 210px 210px;
    gap: 0 54px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .footer-container > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .site-footer {
    height: 444px;
  }

  .btn-confirm,
  .btn-newRoom,
  .room-counter {
    font-size: 12px !important;
  }

  .btn {
    padding: 6px !important;
  }

  /* !Floatin PersonsPicker */
  #personsPicker {
    display: -ms-grid;
    display: grid;
    position: fixed;
    height: 430px;
    width: 292px;
    background-color: #fff;
    border: 1px solid var(--blue-Gray);
    border-radius: 8px;
    -ms-grid-rows: 32px 8px 278px 8px 41px 8px 36px;
    grid-template-rows: 32px 278px 41px 36px;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-columns: 254px;
    grid-template-columns: 254px;
    z-index: 2;
  }

  #personsPicker > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .triangle {
    position: absolute;
    background-color: white;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid var(--blue-Gray);
    border-right: 1px solid var(--blue-Gray);
    border-left: 0;
    top: 8px;
    right: -12px;
  }

  /* .icon,
.btn {
  border-radius: 0%;
  background-repeat: no-repeat;
  background-size: 26px 26px;
} */

  .selectors {
    -ms-grid-rows: 28px 20px 28px;
    grid-template-rows: 28px 28px;
    -ms-grid-columns: 120px 16px 120px;
    grid-template-columns: 120px 120px;
    gap: 20px 16px;
  }

  .selectors > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .selectors > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .room {
    -ms-grid-rows: 44px 94px;
    grid-template-rows: 44px 94px;
  }

  .selector {
    -ms-grid-columns: 28px 28px 28px 28px;
    grid-template-columns: 28px 28px 28px 28px;
  }

  .icon-prev,
  .icon-next {
    height: 26px;
    width: 26px;
  }

  .paginator {
    -ms-grid-columns: 26px 26px 26px 26px 26px;
    grid-template-columns: 26px 26px 26px 26px 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
  }

  .footer {
    -ms-grid-columns: 106px 136px;
    grid-template-columns: 106px 136px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-newRoom {
    border-radius: 6px;
    border: none;
    background-color: var(--white);
  }

  .btn-confirm {
    border-radius: 6px;
  }

  .room-counter {
    color: var(--green);
    padding-top: 6px;
  }

  .btn-confirm {
    color: var(--white);
    letter-spacing: 2px;
    background-color: var(--strong-Blue);
  }

  .btn-newRoom {
    color: var(--strong-Blue);
  }

  .rooms {
    -ms-grid-rows: 136px;
    grid-template-rows: 136px;
  }

  .header {
    -ms-grid-columns: 229px 26px;
    grid-template-columns: 229px 26px;
    -ms-grid-rows: 30px;
    grid-template-rows: 30px;
  }

  .header > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .header > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .icon-dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue-Gray);
  }

  /* !END Floatin PersonsPicker */
  .modal-body {
    -ms-grid-columns: 435px;
    grid-template-columns: 435px;
    -ms-grid-rows: 722px 725px;
    grid-template-rows: 800px 726px;
  }

  .modal-body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .modal-body > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .modal-dialog {
    max-width: 470px !important;
  }

  .space1 {
    -ms-grid-rows: 74px 6px 28px 6px 146px 6px 164px 6px 214px 6px 56px;
    grid-template-rows: 74px 28px 146px 164px 214px 56px;
    -ms-grid-columns: 438px;
    grid-template-columns: 438px;
    gap: 6px;
  }

  .space1 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(5) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(6) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }

  .space2 {
    -ms-grid-rows: 362px 34px 300px 30px;
    grid-template-rows: 362px 34px 300px 30px;
    -ms-grid-columns: 436px;
    grid-template-columns: 436px;
  }

  .space2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) {
    -ms-grid-rows: 362px 34px 300px 30px;
    grid-template-rows: 362px 34px 300px 30px;
    -ms-grid-columns: 436px;
    grid-template-columns: 436px;
  }

  .space2:has(.non-content) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .non-content {
    border-radius: 18px;
  }

  .modal .title {
    text-align: left;
  }

  .desgloce {
    -ms-grid-columns: 218px 218px;
    grid-template-columns: 218px 218px;
  }

  .cost-total {
    -ms-grid-columns: 206px 230px;
    grid-template-columns: 206px 230px;
  }

  .modal-footer {
    gap: 42px;
  }

  .space2 .carousel {
    height: 330px;
    width: 440px;
  }

  .caracteristic,
  .message,
  .wrong,
  .descripcion,
  .modal .text,
  .subtext {
    font-size: 16px;
  }

  .caracteristic.total,
  .cost-total .caracteristic.value {
    font-size: 18px;
    font-weight: 500;
  }

  .modal .title {
    font-size: 18px;
  }

  .services .title,
  .title.caracteristicas {
    font-weight: 600;
  }

  .modal .cantidad {
    text-align: left;
  }

  .galery {
    -ms-grid-columns: 114px 58px 114px 58px 114px 58px 114px;
    grid-template-columns: repeat(4, 114px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    gap: 58px;
  }

  .site-header nav > div > a > img {
    width: 100px;
    height: 50px;
  }

  .site-header nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #submit {
    translate: 50% 0;
  }
}

@media (max-width: 870px) {
  .container {
    -ms-grid-columns: 430px;
    grid-template-columns: 430px;
    max-width: 430px !important;
  }

  .room-displayer {
  }

  .display-room {
    -ms-grid-rows: 220px 294px;
    grid-template-rows: 220px 294px;
    -ms-grid-columns: 0;
    grid-template-columns: 0;
  }

  .display-room > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .display-room > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .room-displayer {
    -ms-grid-rows: 534px;
    grid-template-rows: 534px;
  }

  .img img {
    width: 430px;
    height: 222px;
  }

  .caracteristics-body {
    -ms-grid-columns: 458px;
    grid-template-columns: 458px;
    -ms-grid-rows: 40px 248px;
    grid-template-rows: 40px 248px;
  }

  .caracteristics-body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .caracteristics-body > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .caracteristics-container {
    -ms-grid-rows: 26px 46px 58px 63px 50px;
    grid-template-rows: 26px 46px 58px 63px 50px;
  }

  .text-top-price {
    -ms-grid-columns: 112px 64px 252px;
    grid-template-columns: 112px 64px 252px;
  }

  .container {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .header-post {
    -ms-grid-columns: 310px 122px;
    grid-template-columns: 310px 122px;
  }

  .rate-container {
    -ms-grid-columns: (202px) [2];
    grid-template-columns: repeat(2, 202px);
  }

  .not-abailable {
    -ms-grid-columns: 126px 302px;
    grid-template-columns: 126px 302px;
  }

  .calendar-options {
    -ms-grid-columns: 180px 126px;
    grid-template-columns: 180px 126px;
  }

  .option-selector-container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  .btn-close {
    display: block;
  }

  .footer-container {
    -ms-grid-columns: 220px 54px 220px;
    grid-template-columns: 220px 220px;
    -ms-grid-rows: 210px 0 210px;
    grid-template-rows: 210px 210px;
    gap: 0 54px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .footer-container > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .site-footer {
    height: 444px;
  }

  .btn-confirm,
  .btn-newRoom,
  .room-counter {
    font-size: 12px !important;
  }

  .btn {
    padding: 4px !important;
  }

  /* !Floatin PersonsPicker */
  #personsPicker {
    display: -ms-grid;
    display: grid;
    position: fixed;
    height: 430px;
    width: 292px;
    background-color: #fff;
    border: 1px solid var(--blue-Gray);
    border-radius: 8px;
    -ms-grid-rows: 32px 8px 278px 8px 41px 8px 36px;
    grid-template-rows: 32px 278px 41px 36px;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-columns: 254px;
    grid-template-columns: 254px;
    z-index: 3;
  }

  #personsPicker > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .triangle {
    position: absolute;
    background-color: white;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid var(--blue-Gray);
    border-right: 1px solid var(--blue-Gray);
    border-left: 0;
    top: 8px;
    right: -12px;
  }

  /* .icon,
.btn {
  border-radius: 0%;
  background-repeat: no-repeat;
  background-size: 26px 26px;
} */

  .selectors {
    -ms-grid-rows: 28px 20px 28px;
    grid-template-rows: 28px 28px;
    -ms-grid-columns: 120px 16px 120px;
    grid-template-columns: 120px 120px;
    gap: 20px 16px;
  }

  .selectors > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .selectors > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .room {
    -ms-grid-rows: 44px 94px;
    grid-template-rows: 44px 94px;
  }

  .selector {
    -ms-grid-columns: 28px 28px 28px 28px;
    grid-template-columns: 28px 28px 28px 28px;
  }

  .icon-prev,
  .icon-next {
    height: 26px;
    width: 26px;
  }

  .paginator {
    -ms-grid-columns: 26px 26px 26px 26px 26px;
    grid-template-columns: 26px 26px 26px 26px 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
  }

  .footer {
    -ms-grid-columns: 106px 136px;
    grid-template-columns: 106px 136px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-newRoom {
    border-radius: 6px;
    border: none;
    background-color: var(--white);
  }

  .btn-confirm {
    border-radius: 6px;
  }

  .room-counter {
    color: var(--green);
    padding-top: 6px;
  }

  .btn-confirm {
    color: var(--white);
    letter-spacing: 2px;
    background-color: var(--strong-Blue);
  }

  .btn-newRoom {
    color: var(--strong-Blue);
  }

  .rooms {
    -ms-grid-rows: 136px;
    grid-template-rows: 136px;
  }

  .header {
    -ms-grid-columns: 229px 26px;
    grid-template-columns: 229px 26px;
    -ms-grid-rows: 30px;
    grid-template-rows: 30px;
  }

  .header > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .header > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .icon-dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue-Gray);
  }

  /* !END Floatin PersonsPicker */
  .modal-body {
    -ms-grid-columns: 435px;
    grid-template-columns: 435px;
    -ms-grid-rows: 738px 725px;
    grid-template-rows: 800px 738px;
  }

  .modal-body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .modal-body > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .modal-dialog {
    max-width: 470px !important;
  }

  .space1 {
    -ms-grid-rows: 74px 6px 26px 6px 132px 6px 164px 6px 242px 6px 62px;
    grid-template-rows: 74px 26px 132px 164px 242px 62px;
    -ms-grid-columns: 438px;
    grid-template-columns: 438px;
    gap: 6px;
  }

  .space1 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(5) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(6) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }

  .space2 {
    -ms-grid-rows: 328px 40px 318px 30px;
    grid-template-rows: 328px 40px 318px 30px;
    -ms-grid-columns: 436px;
    grid-template-columns: 436px;
  }

  .space2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) {
    -ms-grid-rows: 362px 34px 300px 30px;
    grid-template-rows: 376px 38px 300px 30px;
    -ms-grid-columns: 436px;
    grid-template-columns: 436px;
  }

  .space2:has(.non-content) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .non-content {
    border-radius: 18px;
    max-height: 376px;
  }

  .modal .title {
    text-align: left;
  }

  .desgloce {
    -ms-grid-columns: 218px 218px;
    grid-template-columns: 218px 218px;
  }

  .cost-total {
    -ms-grid-columns: 206px 230px;
    grid-template-columns: 206px 230px;
  }

  .space2 .carousel {
    height: 330px;
    width: 440px;
  }

  .galery {
    -ms-grid-columns: 114px 58px 114px 58px 114px;
    grid-template-columns: repeat(3, 114px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    gap: 58px;
  }
}

@media (max-width: 576px) {
  .container {
    -ms-grid-columns: 460px;
    grid-template-columns: 460px;
    max-width: 461px !important;
  }

  .room-displayer {
    -ms-grid-rows: 800px;
    grid-template-rows: 800px;
  }

  .display-room {
    -ms-grid-rows: 230px 290px;
    grid-template-rows: 230px 290px;
    -ms-grid-columns: 0;
    grid-template-columns: 0;
  }

  .display-room > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .display-room > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .img img {
    width: 460px;
    height: 224px;
  }

  .caracteristics-body {
    -ms-grid-columns: 458px;
    grid-template-columns: 458px;
    -ms-grid-rows: 40px 248px;
    grid-template-rows: 40px 248px;
  }

  .caracteristics-body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .caracteristics-body > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .caracteristics-container {
    -ms-grid-rows: 26px 46px 58px 63px 50px;
    grid-template-rows: 26px 46px 58px 63px 50px;
  }

  .text-top-price {
    -ms-grid-columns: 120px 84px 254px;
    grid-template-columns: 120px 84px 254px;
  }

  .container {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .header-post {
    -ms-grid-columns: 336px 122px;
    grid-template-columns: 336px 122px;
  }

  .rate-container {
    -ms-grid-columns: (228px) [2];
    grid-template-columns: repeat(2, 228px);
  }

  .not-abailable {
    -ms-grid-columns: 126px 349px;
    grid-template-columns: 126px 349px;
  }

  .calendar-options {
    -ms-grid-columns: 186px 120px;
    grid-template-columns: 186px 120px;
  }

  .option-selector-container {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
  }

  /* .site-header nav div.menu-container {
  } */

  .footer-container {
    -ms-grid-columns: 220px 54px 220px;
    grid-template-columns: 220px 220px;
    -ms-grid-rows: 210px 0 192px;
    grid-template-rows: 210px 192px;
    gap: 0 54px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* justify-items: center; */
  }

  .footer-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .footer-container > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .footer-container > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .menu-container {
    margin-left: 0;
  }

  .site-footer {
    height: 444px;
  }

  .btn-close {
    display: block;
  }

  .btn {
    padding: 6px !important;
  }

  /* !Floatin PersonsPicker */
  #personsPicker {
    display: -ms-grid;
    display: grid;
    position: fixed;
    height: 430px;
    width: 292px;
    background-color: #fff;
    border: 1px solid var(--blue-Gray);
    border-radius: 8px;
    -ms-grid-rows: 32px 8px 278px 8px 41px 8px 36px;
    grid-template-rows: 32px 278px 41px 36px;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-grid-columns: 254px;
    grid-template-columns: 254px;
    z-index: 3;
  }

  #personsPicker > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  #personsPicker > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .triangle {
    position: absolute;
    background-color: white;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid var(--blue-Gray);
    border-right: 1px solid var(--blue-Gray);
    border-left: 0;
    top: 8px;
    right: -12px;
  }

  /* .icon,
.btn {
  border-radius: 0%;
  background-repeat: no-repeat;
  background-size: 26px 26px;
} */

  .selectors {
    -ms-grid-rows: 28px 20px 28px;
    grid-template-rows: 28px 28px;
    -ms-grid-columns: 120px 16px 120px;
    grid-template-columns: 120px 120px;
    gap: 20px 16px;
  }

  .selectors > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .selectors > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .selectors > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .room {
    -ms-grid-rows: 44px 94px;
    grid-template-rows: 44px 94px;
  }

  .selector {
    -ms-grid-columns: 28px 28px 28px 28px;
    grid-template-columns: 28px 28px 28px 28px;
  }

  .icon-prev,
  .icon-next {
    height: 26px;
    width: 26px;
  }

  .paginator {
    -ms-grid-columns: 26px 26px 26px 26px 26px;
    grid-template-columns: 26px 26px 26px 26px 26px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
  }

  .footer {
    -ms-grid-columns: 106px 136px;
    grid-template-columns: 106px 136px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-newRoom {
    border-radius: 6px;
    border: none;
    background-color: var(--white);
  }

  .btn-confirm {
    border-radius: 6px;
  }

  .room-counter {
    color: var(--green);
    padding-top: 6px;
  }

  .btn-confirm {
    color: var(--white);
    letter-spacing: 2px;
    background-color: var(--strong-Blue);
  }

  .btn-newRoom {
    color: var(--strong-Blue);
  }

  .rooms {
    -ms-grid-rows: 136px;
    grid-template-rows: 136px;
  }

  .header {
    -ms-grid-columns: 229px 26px;
    grid-template-columns: 229px 26px;
    -ms-grid-rows: 30px;
    grid-template-rows: 30px;
  }

  .header > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .header > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .icon-dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--blue-Gray);
  }

  .modal-dialog {
    max-width: 400px !important;
  }

  /* !END Floatin PersonsPicker */
  .modal-body {
    -ms-grid-columns: 426px;
    grid-template-columns: 426px;
    -ms-grid-rows: 740px 720px;
    grid-template-rows: 800px 726px;
  }

  .modal-body > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .modal-body > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .modal-dialog {
    max-width: 470px !important;
  }

  .space1 {
    -ms-grid-rows: 78px 6px 26px 6px 148px 6px 166px 6px 224px 6px 56px;
    grid-template-rows: 78px 26px 148px 166px 224px 56px;
    -ms-grid-columns: 406px;
    grid-template-columns: 406px;
    gap: 6px;
  }

  .space1 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(5) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }

  .space1 > *:nth-child(6) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
  }

  .space2 {
    -ms-grid-rows: 312px 42px 300px 30px;
    grid-template-rows: 312px 42px 300px 30px;
    -ms-grid-columns: 412px;
    grid-template-columns: 412px;
  }

  .space2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2 > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) {
    -ms-grid-rows: 354px 40px 300px 30px;
    grid-template-rows: 354px 40px 300px 30px;
    -ms-grid-columns: 424px;
    grid-template-columns: 424px;
  }

  .space2:has(.non-content) > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .space2:has(.non-content) > *:nth-child(4) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .non-content {
    border-radius: 18px;
  }

  .modal .title {
    font-size: 18px;
  }

  .desgloce {
    -ms-grid-columns: 192px 218px;
    grid-template-columns: 192px 218px;
  }

  .cost-total {
    -ms-grid-columns: 206px 206px;
    grid-template-columns: 206px 206px;
  }

  .space2 .carousel {
    height: 313px;
    width: 412px;
  }

  .modal-footer {
    gap: 28px;
  }

  .galery {
    -ms-grid-columns: 114px;
    grid-template-columns: repeat(3, 114px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    gap: 58px;
  }

  /* .site-header nav div.menu-container {
    width: px;
  } */

  .CodigoPromo-container {
    -ms-grid-columns: 70px 200px 130px;
    grid-template-columns: 70px 200px 130px;
    -ms-grid-rows: 48px;
    grid-template-rows: 48px;
  }

  .CodigoPromo-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .CodigoPromo-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .CodigoPromo-container > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

@media (min-height: 700px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 700px;
  }
}

@media (min-height: 1280px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 1280px;
  }
}

@media (min-height: 1320px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 1320px;
  }
}

@media (min-height: 1376px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 1460px;
  }
}

@media (min-height: 1460px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 1460px;
  }
}

@media (min-height: 1920px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 1920px;
  }
}

@media (min-height: 2560px) and (max-width: 1140px) {
  .site-header nav div.menu-container {
    height: 2560px;
  }
}

@media (min-height: 600px) and (max-width: 900px) {
  .details-reserv {
    top: 650px;
  }

  .details-reserv .triangle {
    top: 120px;
  }
  .details-reserv.sticky {
    top: 120px;
  }
  .non-selected.details-reserv.sticky {
    top: 210px;
  }

  .non-selected.details-reserv.sticky .triangle {
    top: 30px;
  }

  .site-header nav div.menu-container {
    height: 850px;
    -ms-grid-rows: 220px 306px;
    grid-template-rows: 220px 306px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

@media (min-height: 800px) and (max-width: 900px) {
  .details-reserv {
    top: 650px;
  }

  .details-reserv .triangle {
    top: 40px;
  }

  .non-selected.details-reserv.sticky {
    top: 210px;
  }

  .non-selected.details-reserv.sticky .triangle {
    top: 30px;
  }

  .site-header nav div.menu-container {
    height: 1300px;
    -ms-grid-rows: 220px 806px;
    grid-template-rows: 220px 806px;
  }
}

@media (min-height: 1000px) and (max-width: 900px) {
  .details-reserv {
    top: 650px;
  }

  .details-reserv .triangle {
    top: 40px;
  }

  .non-selected.details-reserv.sticky {
    top: 210px;
  }

  .non-selected.details-reserv.sticky .triangle {
    top: 30px;
  }

  .site-header nav div.menu-container {
    height: 800px;
    -ms-grid-rows: 220px 1006px;
    grid-template-rows: 220px 1006px;
  }
}

@media (min-height: 1200px) and (max-width: 900px) {
  .details-reserv {
    top: 650px;
  }

  .details-reserv .triangle {
    top: 40px;
  }

  .non-selected.details-reserv.sticky {
    top: 210px;
  }

  .non-selected.details-reserv.sticky .triangle {
    top: 30px;
  }

  .site-header nav div.menu-container {
    height: 800px;
    -ms-grid-rows: 220px 1206px;
    grid-template-rows: 220px 1206px;
  }
}

/* ! Floating menu */
.show {
  display: -ms-grid;
  display: grid;
}

.floating-menu {
  position: fixed;
  top: 76px;
  right: 20px;
  height: 100%;
  width: 50px;
  -ms-grid-rows: 50px 26px 50px 26px 50px 26px 50px;
  grid-template-rows: 50px 50px 50px 50px;
  gap: 26px;
  /* background-color: var(--strong-Blue); */
}

.floating-btn {
  background-color: var(--strong-Blue);
  border-radius: 50%;
}

.floating-btn:last-child {
  /* margin-top: 170px; */
  /* -webkit-transform: translateY(500%); */
  /* -ms-transform: translateY(500%); */
  /* transform: translateY(500%); */
}

.floating-btn:nth-child(3) span {
  position: relative;
  background-color: var(--red);
  font-size: 14px;
  color: var(--white);
  text-align: center;
  width: 22px;
  height: 22px;
  right: -32px;
  border-radius: 50%;
  top: -6px;
  /* float: right; */
}

#Ticket.floating-btn {
  -ms-grid-rows: 0px 46px;
  grid-template-rows: 0px 46px;
}

#Ticket.floating-btn:first-child {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.hamburger-menu {
  position: fixed;
  height: 50px;
  width: 50px;
  border-radius: 50% !important;
  background-color: var(--strong-Blue) !important;
  left: calc(100% - 70px);
  bottom: 20px;
}

.PeopleSelector,
.callendar,
.TicketResume {
  background-repeat: no-repeat;
  /* filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(338deg) brightness(114%) contrast(323%); */
  -webkit-filter: sepia(0%) brightness(1000%);
  filter: sepia(0%) brightness(1000%);
  background-size: 22px 22px;
  background-position-y: 14px;
  background-position-x: 14px;
}

/* !END Floating menu */

/* ?END RESPONSIVE */

/* !EFECTS */
.icon-prev:hover,
.icon-next:hover,
.icon-minus:hover,
.icon-plus:hover,
.icon-delete:hover,
.btn:hover,
.icon-dot:hover,
.btn-close:hover,
.btn-add-room:hover,
.floating-btn,
.btn-select:hover,
.button #PromoCode:hover,
.btn-confirm:hover,
.button-drop:hover,
.dropdown-item:hover,
.clip-Button:hover {
  cursor: pointer;
}

.btn-blue:hover {
  background-color: var(--strong-Blue);
  color: var(--white);
  /* font-size: 20px; */
}
.btn-green:hover {
  background-color: var(--green);
  color: var(--white);
}
.btn-close:hover {
  -webkit-filter: invert(1) brightness(150%);
  filter: invert(1) brightness(150%);
}

.btn-select:hover {
  background-color: var(--strong-Blue);
  color: var(--white);
}

.button #PromoCode:hover,
a:hover {
  text-decoration: none !important;
}

.dropdown-item:hover {
  color: var(--medium-Coffe) !important;
}

.icon-dot:hover,
.current {
  background-color: var(--strong-Blue);
}

.icon-dot {
  -webkit-transition: background-color 0.7s;
  -o-transition: background-color 0.7s;
  transition: background-color 0.7s;
}

.btn-disabled:hover,
.disabled:hover {
  cursor: not-allowed;
  background-color: var(--white);
  color: var(--strong-Blue);
}

#reservar.disabled:hover {
  background-color: var(--strong-Blue);
  color: var(--white);
  text-decoration: none;
}

.navbar-nav li a:hover,
.reserva:hover {
  color: var(--white) !important;
}

/* ?states of an object */
.non-selected {
  -ms-grid-rows: 70px 26px;
  grid-template-rows: 70px 26px;
}

.ticket-disabled,
.hide {
  display: none;
}

.disabled,
.btn-disabled {
  opacity: 0.5;
}

.sticky {
  position: fixed;
  top: 0px;
}

.floating-menu.sticky {
  top: 76px;
}

.room-details.short-resumen {
  overflow: hidden;
  overflow-y: scroll;
}

.static {
  position: absolute;
  top: 525px;
}

span.static {
  top: 144px !important;
  right: 0px !important;
}

.site-nav-list-menu .menu ul li a::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: var(--dark_Coffe);
  left: -7px;
}

.apear {
  -webkit-animation: 0.3s 8 apear alternate;
  animation: 0.3s 8 apear alternate;
}

.disapear {
  opacity: 0;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.floatingElement {
  position: absolute;
  translate: 114px -334px;
  width: 500px;
}

@-webkit-keyframes apear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes apear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ? END states of an object*/
/* !END EFECTS */