:host {
    --day-width: 42px;
    --day-height: 37px;
	--color-bg-inrange:#d6bb4680;
    --color-fg-primary: #a5933a;
}
.calendar>.days-grid>.day {
    --day-width: 82px !important;
    --day-height: 47px !important;
}

.calendar>.daynames-row>.day, .calendar>.daynames-row>.dayname, .calendar>.days-grid>.day, .calendar>.days-grid>.dayname {
    font-size: 18px;
     font-weight: 500;
}

.calendar>.header .month-name {
    font-size: 20px;
    font-weight: 500;
	text-transform: capitalize;
}

.calendar>.daynames-row>.day, .calendar>.daynames-row>.dayname, .calendar>.days-grid>.day, .calendar>.days-grid>.dayname {
    font-size: 17px !important;
}

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
		background-color: #e5e5e5 !important;
}


element.style {
}
.container.range-plugin .calendar>.days-grid>.day {
    position: relative;
}
.container.range-plugin {
 bottom: 38px!important;
	top: unset !important;
}
@media (min-width: 1365px)
.calendar>.days-grid>.day {
    --day-width: 52px !important;
    --day-height: 47px !important;
}
.calendar>.daynames-row>.day, .calendar>.daynames-row>.dayname, .calendar>.days-grid>.day, .calendar>.days-grid>.dayname {
    font-size: 18px;
    font-weight: 500;
}
.calendar>.days-grid>.day {
    --day-width: 82px !important;
    --day-height: 47px !important;
}
.calendar>.days-grid>.day {
    border: 1px solid transparent;
    border-radius: 2px;
    height: var(--day-height);
    max-height: var(--day-height);
    max-width: var(--day-width);
    min-height: var(--day-height);
    min-width: var(--day-width);
    padding: 10px 0;
    width: var(--day-width);
}
.calendar>.days-grid>.day.today {
    color:#6A6868;
}
.container.range-plugin .calendar>.days-grid>.day.in-range {
  color:#FFF;
}
.calendar>.days-grid>.day:hover {
    border: 1px solid #111;
    color: #111;
}
#SNKcodigo {
  background-color:#111;
}
.calendar>.daynames-row>.day, .calendar>.daynames-row>.dayname, .calendar>.days-grid>.day, .calendar>.days-grid>.dayname {
    align-items: center;
    cursor: default;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    justify-content: center;
}
* {
    box-sizing: border-box;
}
hoja de estilo de user-agent
div {
    display: block;
}
.container {
    font-family: var(--e-global-typography-a10ec8b-font-family), Sans-serif !important;
}
	
	
.container.range-plugin .calendar>.days-grid>.day.end, .container.range-plugin .calendar>.days-grid>.day.start {
    background-color: #111;
    color: white;
    border-radius: 4px;
}
.container.range-plugin .calendar>.days-grid>.day.in-range {
    background-color: #111!important;
    border-radius: 0;
}

.container.range-plugin .calendar>.days-grid>.day.start:after,.container.range-plugin .calendar>.days-grid>.day.end:after {
    border: 0px solid transparent;
    border-left: 0px solid var(--color-fg-primary);
}

#snk-reservar:hover {color:#111!important;}

.snk-to-roiback-container {
    display: flex;
    top: 80px;
    left: 0;
    right: 0;
    justify-content: space-between;
    background-color: transparent;
    padding: 10px;
    font-family:inherit!important;
    z-index: 5000;
    margin: 0;
    border-top: 1px solid #FDF8F3;
}

.snk-to-roiback-column {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 20%;
    margin: 0% .4%;
    position: relative;
}

#SNKhotel .inputItem select.snk-hotel-select {
  width: 100%;
  background: transparent;
  color: white;
  border: none;
  padding: 12px 0;
  font-size: 18px;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

#snk-promo-code::placeholder {
  color:#FDF8F3;
}

.snk-to-roiback-column:nth-child(1) { width:20% !important;}
.snk-to-roiback-column:nth-child(2) { width:30% !important;}



.colSNK {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0% .4%;
    position: relative;

}

#snk-reservar, #SNKboton {
	align-self:center;
	font-weight:400 !important;	
    color:#111111;
    font-size: 18px;
    padding: 4px 24px;
    border-radius:4px;
    background-color: #FDF8F3;
    text-transform: inherit;
}

.snk-to-roiback-title {
    font-weight: bold;
    align-self: flex-start;
    color: #FDF8F3;
    text-transform: uppercase;
    padding-top: 5px;
}

.SNKicon {
    position: absolute;
    top: 0;
    right: 0;
}
.inputItem {
    align-self: flex-start;
    flex-grow: 1;
    width: 100%;;
}

#snk-promo-code {
    padding: 12px;
    border: 1px solid #FDF8F3;
    color:#FDF8F3;
}
.snk-start-date {background-color: #f00 !important;}

.SNKicon > svg {
    width: 16px;
    height: 16px;
}


.litepicker {
    display: none;
    font-size: 1.2em!important;
}

.litepicker .container__months {
    display: flex;
    flex-wrap: inherit;    
}

.litepicker .container__months .month-item {
    width: 50%;
    border-right: solid 1px #FDF8F3
}

.litepicker .container__main .day-item:hover {
    background-color: rgba(214,187,70,.5);
    color: #ffffff;
}

.snk-guest-selector {
  background: #FDF8F3!important;
  border-radius: 8px;
  box-shadow: 0 0 0 1px #ccc;
  padding: 20px;
  display: none;
  flex-direction: column;
  gap: 16px;
  font-family: inherit;
}

.snk-guest-selector.open {
  display: flex;
  bottom: 80px !important;
}

.snk-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  padding-top: 6px;
}

.snk-guest-selector .snk-row:first-child {
  border-bottom: 1px solid #111;
}

.snk-guest-selector .snk-label {
    margin: 0px 10px !important;
}

.snk-label {
  flex: 1;
  font-size: 18px;
}

.snk-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.snk-minus,
.snk-plus {
  width: 48px!important;
  height: 48px!important;
  border: 1px solid #000!important;
  border-radius: 100px!important;
  font-size: 18px!important;
  background: none!important;
  color: #000!important;
  cursor: pointer;
  padding:0px!important;
}

.snk-value {
  width: 60px;
  height: 48px;
  border: 1px solid #000;
  border-radius: 12px;
  text-align: center;
  font-size: 20px;
  line-height: 48px;
  display: inline-block;
  background: transparent;
  color: #000;
}

/*.litepicker .container__main .day-item.is-start-date, .litepicker .container__main .day-item.is-end-date, .litepicker .container__main .day-item.is-in-range {
    background-color: #eadda2;
    color: #ffffff;
}*/

.litepicker .container__main .day-item.is-start-date {    
	background-color: #d6bb46 !important;
    color: #ffffff !important;
    font-weight: bold!important;
}
.litepicker .container__main .day-item.is-end-date {
	background-color: #d6bb46 !important; 
	color: #ffffff !important;
	font-weight:bold!important;
}
.litepicker .container__main .day-item.is-in-range {
	background-color: rgba(214,187,70,.5) !important;
	color: #744210 !important;
}

.litepicker .month-item {
    width: 50%;
}

.litepicker .container__days .day-item.is-weekend {
    color: #a5933a;
}

.litepicker .container__days .day-item.snk-start-date {
    background-color: #ffffff !important;
	color:#744210 !important;
}

.litepicker .container__tooltip {
	color:#FDF8F3;
}


input[id^="snk-"] {
    box-shadow: inherit!important;
    box-sizing: inherit!important;
    background: none!important;
    cursor:auto;
}
input[id^="snk-"]:focus {
    outline-color: inherit;
    outline: none;
}

select[id^="snk-"] { 
    width: 49%;
    border: none;
	display:inline-block;
	font-size: 1rem;
	padding: 0.4rem 0rem;
}

.snk-guest-selector {
  display: none;
  position: absolute;
  background: white;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  z-index: 999;
  margin-top: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.snk-guest-selector.open {
  display: block;
}

.snk-guests-wrapper {
  position: relative;
}

.snk-toggle {
  border:none!important;
  background: transparent!important;
  font-size:18px!important;
}

.snk-toggle:hover, 
.snk-toggle:focus {
  border:none!important;
  background: transparent!important;
}

#SNKcalendar #snk-date-range {
  border:none!important;
  color: #FDF8F3;
  font-size:18px!important;
}

.snk-guest-selector.open {
  display: block;
}

#snk-date-range{
    padding: 0;
    width: 100%;
    border: solid 1px #ffffff;
    height: 38px;
    margin-top: 0px;
	cursor:pointer;
}

.verticalCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.boldSNK > a {
 font-size: 16px!important;
 color:#111;
 text-decoration: none!important;
}

.boldSNK > a:hover {
 font-size: 16px!important;
 color:#111;
 text-decoration: none!important;
}

#SNKcerrar {
	text-align: right;
	padding: 10px 0px;
	display:none;
}

#SNKcerrar a{
	text-align: right;
	font-family: 'Oswald';
	font-weight: 900;
	padding: 10px 0px;
}

/* MOBILE */

@media (min-width: 1600px) {
 

	.snkLeft {
		margin-left:15%;
	}
	.snkRight {
		margin-right:15%;
	}
}

@media (min-width: 1365px) {
 .calendar>.days-grid>.day {
    --day-width: 52px !important;
    --day-height: 47px !important;

}
}
@media (max-width: 1100px) {
 .calendar>.days-grid>.day {
    --day-width: 62px !important;
    --day-height: 47px !important;

}

	.snkLeft {
		margin-left:0%;
	}
	.snkRight {
		margin-right:0%;
	}
}
@media (max-width: 770px)
{
	

	
	.litepicker .container__months .month-item {
		width:100%;
	}
	:root {
   	 --litepicker-day-width: 54px!important;
	}

	#SNKcalendar, #SNKocupacion, #SNKcodigo{ 
		display:none;
	}
	.snk-to-roiback-container {
		background-color:initial;
	}
	
	.snk-to-roiback-column.verticalCenter.boldSNK.snkRight
	{
		position: fixed;
		bottom: 0;
		background: white;
		width: 100%;
		padding: 0;
		margin: 0;
		left: 0;
	}
	.snk-to-roiback-container{
		flex-direction:column;
		justify-content: flex-start;
		height:85%;
	}
	.snk-to-roiback-column	
	{
	width: 100%;
    left: 0px;
    margin: 0;
	}
	
	#loyalty-wrap img {
		height:23px !important;
	}
}