/* Formulario de reservacion */
.content-form-reserve {
  max-width   : 100%;
  margin-left : auto !important;
  margin-right: auto !important;
  overflow    : hidden;
  background  : transparent;
  transition  : all 0.5s;
}

.content-form-reserve.activeForm {
  background: #FFF;
}

.content-form-reserve #jpFormOT {
  display              : grid;
  grid-template-columns: 1fr;
  align-items          : center;
  max-width            : 100%;
  margin-left          : auto;
  padding-top          : 20px;
  gap                  : 20px;
}

@media (min-width: 1024px) {
  .content-form-reserve #jpFormOT {
    padding-top          : 0;
    padding-left         : 20px;
    grid-template-columns: 1fr 240px;
  }
}

@media (min-width: 1400px) {
  .content-form-reserve #jpFormOT {
    padding-left: 0;
    max-width   : 90%;
    gap         : 40px;
  }
}

.content-form-reserve .contentGrid--form {
  display              : grid;
  height               : 0;
  opacity              : 0;
  grid-template-columns: 1fr;
  align-items          : center;
  row-gap              : 10px;
  transform            : translateY(150%);
  transition           : all 0.2s;
  background           : #FFF;
  padding              : 0 20px;
}

@media (min-width: 1024px) {
  .content-form-reserve .contentGrid--form {
    display  : grid;
    transform: translateX(150%);
    padding  : 0;
  }
}

@media (min-width: 768px) {
  .content-form-reserve .contentGrid--form {
    grid-template-columns: 1fr 120px;
    align-items          : center;
    column-gap           : 10px;
    row-gap              : 0px;
  }
}

@media (min-width: 1025px) {
  .content-form-reserve .contentGrid--form {
    grid-template-columns: 1fr 200px;
    column-gap           : 30px;
  }
}

.content-form-reserve .contentGrid--form.activeForm {
  height    : auto;
  transform : translateY(0);
  opacity   : 1;
  transition: all 0.5s;
}

@media (min-width: 1024px) {
  .content-form-reserve .contentGrid--form.activeForm {
    transform: translateX(0);
  }
}

.content-form-reserve form .form-init {
  display              : grid;
  grid-template-columns: 1fr;
  row-gap              : 10px;
}

@media (min-width: 768px) {
  .content-form-reserve form .form-init {
    display              : grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap           : 10px;
    row-gap              : 0px;
  }
}

@media (min-width: 1025px) {
  .content-form-reserve form .form-init {
    column-gap: 30px;
  }
}

.content-form-reserve form .content-date-end {
  display: none;
}

.content-form-reserve form input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0 !important;
}

.content-form-reserve select {
  /* for Firefox */
  -moz-appearance   : none;
  /* for Chrome */
  -webkit-appearance: none;
}

.content-form-reserve select::-ms-expand {
  display: none;
}

.content-form-reserve input:-moz-placeholder,
.content-form-reserve :-moz-placeholder,
.content-form-reserve input:-moz-placeholder,
.content-form-reserve select:-moz-placeholder {
  color      : #0B1215 !important;
  line-height: 100%;
}

.content-form-reserve input::-webkit-input-placeholder,
.content-form-reserve ::-webkit-input-placeholder,
.content-form-reserve select::-webkit-input-placeholder {
  color      : #0B1215 !important;
  line-height: 100%;
}

.content-form-reserve .option-select-box {
  position: relative;
}

.content-form-reserve .option-select-box input,
.content-form-reserve .option-select-box select {
  width        : 100%;
  padding      : 12px;
  background   : #FFF;
  border       : 2px solid #0B1215;
  border-radius: 0;
  font-family  : "TradeGothic LT Bold", sans-serif;
  font-size    : 16px;
  font-style   : normal;
  font-weight  : 400;
  line-height  : 20px;
  color        : #0B1215;
  text-align   : left;
}

.content-form-reserve .option-select-box input::placeholder,
.content-form-reserve .option-select-box select::placeholder {
  width        : 100%;
  padding      : 12px;
  background   : #FFF;
  border       : 2px solid #0B1215;
  border-radius: 0;
  font-family  : "TradeGothic LT Bold", sans-serif;
  font-size    : 16px;
  font-style   : normal;
  font-weight  : 400;
  line-height  : 20px;
  color        : #0B1215;
  text-align   : left;
}

.content-form-reserve .option-select-box span {
  position: absolute;
  top     : 12px;
  right   : 10px;
}

.content-form-reserve .option-select-box img {
  width: 30px;
}

.content-form-reserve .content-button button {
  font-family   : "TradeGothic LT Bold", sans-serif;
  font-size     : 20px;
  font-style    : normal;
  font-weight   : 700;
  line-height   : normal;
  color         : #F5F5F5;
  background    : #0B1215;
  width         : 100%;
  border        : none;
  padding       : 12px;
  cursor        : pointer;
  transition    : all 0.5s;
  text-transform: uppercase;
}

/* Formulario de reservacion */
.contentForm-animation {
  transition: all 0.5s;
  width     : calc(100% - 240px);
}

@media (max-width: 1024px) {
  .contentForm-animation {
    height: 0;
    width : 100%;
  }
}

.contentButtonExternal .contentBtn {
  cursor         : pointer;
  text-align     : center;
  background     : #E63D26;
  min-height     : 60px;
  display        : flex;
  justify-content: center;
  align-items    : center;
  position       : relative;
  z-index        : 3;
  font-family    : "TradeGothic LT Bold";
  font-size      : 20px;
  text-transform : uppercase;
  color          : #F5F5F5;
}

@media (min-width: 1024px) {
  .contentButtonExternal .contentBtn {
    width     : 240px;
    min-height: 80px;
  }
}

.contentButtonExternal .contentBtn span {
  margin-right: 15px;
  position    : relative;
  top         : 0px;
  transition  : all 0.5s;
  transform   : rotate(90deg);
}

@media (min-width: 1024px) {
  .contentButtonExternal .contentBtn span {
    transform: rotate(0deg);
    top      : 3px;
  }
}

.contentButtonExternal .contentBtn.activeButton span {
  transform: rotate(270deg);
}

@media (min-width: 1024px) {
  .contentButtonExternal .contentBtn.activeButton span {
    transform: rotate(0deg);
    transform: rotateY(190deg);
  }
}

.date-reservation {
  background-image     : url(https://thepalm.com.mx/wp-content/uploads/2025/04/calendar.png) !important;
  background-size      : 30px !important;
  background-repeat    : no-repeat !important;
  background-position-x: 98% !important;
  background-position-y: 10px !important;
}

select.selectTime {
  background-image     : url(https://thepalm.com.mx/wp-content/uploads/2025/04/reloj.png) !important;
  background-size      : 30px !important;
  background-repeat    : no-repeat !important;
  background-position-x: 98% !important;
  background-position-y: 10px !important;
}

select.selectPeople {
  background-image     : url(https://thepalm.com.mx/wp-content/uploads/2025/04/Personas.png) !important;
  background-size      : 30px !important;
  background-repeat    : no-repeat !important;
  background-position-x: 98% !important;
  background-position-y: 10px !important;
}

/*# sourceMappingURL=estilos.css.map */