@charset "utf-8";
/* CSS Document */
.cform2024{
display: none;
}
.csearchbar2024 *{
color: black;
}
.csearchbar2024{
position: absolute;
bottom: var(--paddings);
/* background: white; */
right: var(--paddings);
}
.csearchbar2024inner24{
background: white;
}
.cwidgetheader .csearchbar2024inner24{
background: transparent;
}
.ccolforminner{
padding: var(--paddingsmid);
padding-top: calc(var(--paddings) * 1.3);
padding-bottom: calc(var(--paddings) * 1.3);
text-transform: uppercase;
font-size: var(--small);
position: relative;
}
.ccolforminner svg{
display: inline-block;
vertical-align: middle;
transform: translateY(-2px);
margin-left: var(--paddingsmid);
}
.csearchbar2024inner24 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.cmarginwidget{
padding: var(--paddingsmid);
}
.csearchbar2024inner24 > * {
  flex: 0 0 auto;
}
.ccolform:nth-child(1) .ccolforminner{
padding-left: var(--paddings);
}
.cwidgetbuscar{
padding-left: var(--paddings);
padding-right: var(--paddings);
background: var(--color1);
}
.cwidgetheader .csearchbar2024{
bottom: 0px;
right: 0px;
background: none;
transform: translateX(37px);
opacity: 0;
pointer-events: none;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;

}
.cwidgetheader .cwidgetbuscar{
opacity: 0;
pointer-events: none;
}
.scrolled .cwidgetheader .csearchbar2024{
transform: translateX(0px);
opacity: 1;
pointer-events: all;
}
.csearchdrop{
position: absolute;
background: white;
top: 0px;
left:0px;
width: 100%;
transform: translateY(-100%);
opacity: 0;
pointer-events: none;
}
.cheader .csearchdrop{
top: auto;
bottom: 0px;
background: var(--color1);
transform: translateY(100%);
}
.cheader .csearchdrop *{
color: black!important;

}
.ejq-dropactive .csearchdrop{
opacity:1;
pointer-events: all;
}
.csearchdrop ul,.csearchdrop li{
padding: 0px;
margin: 0px;
list-style:none;
text-align: center;
}
.csearchdrop li{
padding: var(--paddings);
display: block;
border-bottom: 1px solid var(--stroke);
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;

}
.csearchdrop li:hover{
cursor: pointer;
background: var(--stroke);
}
.jqdropform{
cursor: pointer;
}
.jqdropform svg{
transition: all 0.2s ease-in-out;
/* prefijos opcionales si necesitas máximo soporte */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}

.ejq-dropactive svg {
  transform: scaleY(-1);
  /* prefijos opcionales */
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
}
.cheader .csearchdrop li{
border-bottom: none;
border-top: 1px solid black;

}
.ccolforminner{
user-select: none;
}
.cwidgetbuscar{
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
cursor: pointer;
}
.cwidgetbuscar:hover{
background: black;
}
.cwidgetbuscar:hover *{
color: var(--color1);
}






.drp_top-bar {
  display: none;
}
.date-picker-wrapper.no-shortcuts,
.month-wrapper {
  padding: 0px !important;
}
.ccalendarinner .footer {
  margin: auto !important;
  display: none !important;
}
.date-picker-wrapper .month-wrapper,
.date-picker-wrapper {
  border: 0px solid #bfbfbf !important;
  border-radius: 0px;
  box-shadow: none !important;
  background-color: #fff !important;
}
.ccalendarinner table {
  margin-bottom: 0px !important;
}
.month-wrapper {
  display: flex;
  justify-content: center; /* Centers items horizontally */
  align-items: center; /* Centers items vertically */
  flex-direction: column; /* Adjust based on your layout needs */
  width: 100%; /* Adjust or remove based on your layout */
  height: 100%; /* Adjust or remove based on your layout */
}
.ccalendar table {
  aspect-ratio: 32/27;
  border-collapse: collapse;
  max-width: 400px;
}
.ccalendar td,
.ccalendar th {
  width: 14.28571428571429%;
}
.date-picker-wrapper .month-wrapper table .day {
  padding: 11px 0;
  margin-bottom: 0px;
  height: 100%;
  margin-top: 3px;
    margin-bottom: 3px;
}
.week-name th {
  padding: 11px 0 !important;
  font-weight: 600 !important;
  color: black !important;
}

.month-element {
  font-weight: 600 !important;
  color: black !important;
}
.csearchicon {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background: black;
}
.ccalendar * {
  font-family: "Lato", sans-serif !important;
  font-size: 13px !important;
  border: 0px !important;
}
.ccalendar tbody * {
  color: #616161 !important;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  background-color:black !important;
  color: var(--color1) !important;
}
.date-picker-wrapper .month-wrapper table .day.checked,
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: var(--gray);;
  color: var(--color1);
}
.date-picker-wrapper .month-wrapper table .day.real-today {
  background-color: #fff;
  position: relative;
}
.date-picker-wrapper .month-wrapper table .day.real-today::before {
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 100%;
}
.ccalendar .next,
.ccalendar .prev {
  color: transparent;
  background: transparent !important;
}
.ccalendar .next::before {
  content: "";
  display: inline-block;
  width: 9px; /* Width of the SVG */
  height: 14px; /* Height of the SVG */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTNMNyA3TDEgMC45OTk5OTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: contain; /* Adjust this as needed */
  /* Add any other styles you need */
  margin-left: 14px;
}
.ccalendar .prev::before {
  content: "";
  display: inline-block;
  width: 9px; /* Width of the SVG */
  height: 14px; /* Height of the SVG */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMTNMNyA3TDEgMC45OTk5OTkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: contain; /* Adjust this as needed */
  /* Add any other styles you need */
  transform: rotate(180deg);
}

.day.invalid {
  opacity: 0.4;
}

.date-picker-wrapper .date-range-length-tip:after {
  border-top: 4px solid #fff;
  display: none !important;
}
.date-picker-wrapper .date-range-length-tip {
  box-shadow: none !important;
  background-color: #fff;
  color: var(--color1);
  border: 1px solid var(--stroke) !important;
  padding: 3px 9px;
  border-radius: 24px;
  filter: none;
}
.errorform {
  color: red !important;
}
.date-picker-wrapper .month-wrapper {

}

.month-wrapper {
    display: block;
    }
/* Cada mes */
.date-picker-wrapper .month-wrapper .month1,
.date-picker-wrapper .month-wrapper .month2 {
width: calc(50% - 50px);
}
.date-picker-wrapper .month-wrapper .month1{
float: left;
margin-left: var(--paddings);
padding-right: 8px;
}
.date-picker-wrapper .month-wrapper .month2{
float: right;
margin-right: var(--paddings);
padding-left: 8px;
}
.ccalendar .gap{
display: none;
}

.ccalendarinner {
padding-top: calc(var(--paddings) * 1.5);
padding-bottom: var(--paddings);
}

.month-wrapper{
width: 100%!important;
}
.dp-clearfix{
clear: both;
}
.date-range-length-tip{
display: none;
}
.ccalendar td,.ccalendar th {
    text-align: center;
}
.ccalendar{
border-bottom: 1px solid var(--stroke);;
}
.ccalendar{
position: relative;
    margin-bottom: -1px;
}

.ccalendar .jqtitulolinedverticalright{
top:32px;
right: 50%;
    height: calc(100% - 64px);
}
.ccalendar .clineverticalrelative {
    border-left: 1px solid black!important;
    height: 100%;
}
.date-range-length-tip{
position: absolute;
transform: translateY(120%) translateX(-10%);
font-size: 12px!important;
background: black!important;
border-color: black!important;
}
.first-date-selected{
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
color: var(--color1)!important;
}
.last-date-selected{
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;

}


.date-picker-wrapper .day.lastMonth,
.date-picker-wrapper .day.nextMonth {
  visibility: hidden;   /* o display:none */
}
.ccalendar{
background: white;
position: absolute;
width: 100%;
bottom: 84px;
display: none;
}
.showcalendar .ccalendar{
display: block;
}
.date-picker-wrapper .date-range-length-tip{
border-color: black!important;
}
.month-element,.week-name th{
font-family: 'ABCGaisyr', sans-serif!important;
letter-spacing: -1px;
font-size: 18px!important;
}
.ccolform input{
border: 0px;
padding: 0px;
text-transform: uppercase;
font-size: var(--small);
background: transparent;
}
.ccolform input::placeholder{
color: black;
}
.e-hotel{
width: 140px;
display: inline-block;
text-align: center;
}
.e-adultos{
width: 127px;
display: inline-block;
}
.jqdropform li,.jqdropformsimple li{
background: white;
}
.cwidgetheader .ccalendar{
top: 83px;
bottom: auto;
}
.e-value-rangepicker{
display: inline-block;
width: 190px;
text-align: center;
}
.month-element{
display: inline-block;
}
.cheader .csearchdrop li:nth-child(1){
border-top: 0px!important;
}
.cheader .jqdropform li,.cheader .jqdropformsimple li {
    background: var(--gray);;
}
.cheader .csearchbar2024 .clinevertical {
    height: 100% !important;
}
.cheader .csearchbar2024 .clineverticalrelative::before, .cheader .csearchbar2024 .clineverticalrelative::after {
    transform: translateX(-50%) translateY(0%) scale(1);
}
.cheader .csearchdrop li:hover{
background: var(--lightgray);
}
.simprom{
width: 118px;
}
.ccolforminnermodoresp{
display: none;
}
