/*Art2Fly IBE para Resort Termas de Puyehue | www.art2fly.com | Copyright 2025*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* TIPOGRAFIA CLIENTE */
	main {color:#444;}
	#header {background-color:#92aca0;}
	main {font:12.5px/19px 'Montserrat','Open Sans', sans-serif;color:#222;letter-spacing:0.4px;}
	main .centre {padding:50px;}
	main .centre:after { content:""; clear:both; display:block; }
	main h1, main h2, main h3 {font-family: 'Montserrat', 'Open Sans', arial, sans-serif;}

	
/* COLOR CLIENTE */
	footer {background-color: #92aca0;}
	.font-cliente {color: #92aca0;}
	

/* COLOR CLARO */
	del.tarjado {text-decoration: line-through;color: #92aca0;}


/* COLOR OSCURO */
	#nav nav li a.navbook, form button, .list .item .details:before, 
	.hover #check button:hover, main table:before, main table th:before,
	#rooms.list .item .details .button, #stats figure:before,
	#menu li.featured:before, #comments li:before, #testimonials figure.cover .testimonial,
	#faqs:before, #contact:before, main ul.sitemap:before,
	.hover main ul.sitemap a:hover, aside .blocktitle, .hover .footertestimonial .button:hover,
	.date .month, .hover #footer .news .social a:hover, .hover #nav .book:hover,
	.home3 #container, .hover #rooms.list.grid .item .container:hover .button,
	#stats, #search button:hover, #pop:before, #paso1 .titulo_programa  {background-color: #c1bbb0;}
	
	#nav nav li.active a:after, .ui-state-active,
	.ui-widget-header .ui-state-active, .ui-state-hover {background-color: #A69F88; !important;}

	#nav .book span, .usp .box i, #menu h4, 
	aside #block.categories {border-color:#A69F88;} 


/* COLOR CONTRASTE */
	#nav .book, main p a i, main ul a, .hover main ul.sitemap ul a:hover, .usp .box i, .feature .details a, .feature .details a i, .pagination li a, #specials.list .item .details .button span:before, .hover #instagram p a:hover, #comments li .comment-reply-link, .page-guestbook main .button span:before, #faqs li.reveal h2:after, .hover #faqs li:hover h2:after, .hover #contact .field:hover i, main ul.sitemap a, #search button i, #contact .field.mandatory:before, #paso1 .details .party, .color-cliente {color: #92aca0;}


/* COLOR ARO DE LOADER */
.loader {border-left-color: #92aca0;}

/* ESTILO PAGINA DE RESERVAS */
    .paso1-reservas .reservas {height: 100%;min-height: 700px;background: url("../images/puyehue/sliders/puyehue-01.jpg") no-repeat top left;background-size: cover;min-width: auto;}
    .paso1-reservas .logo-reservas {padding: 2px 0;}
	.paso1-reservas input#reservar.HTP {background-color: #92aca0;font-family: 'Montserrat','open sans';color: white;font-weight: 300;height: auto;margin: 2% 10% 2% 20%;} 
	.paso1-reservas input#reservar.HTP:hover {background-color:white;color:#222;}
	.paso1-reservas input#reservar.HTP:active {color: white;background-color:#648F7B;}
	.paso1-reservas span.edades {color:#BBD9CB;}
    .paso1-reservas .logo-reservas img {margin: 20px 0;max-width: 150px;}
	.paso1-reservas .info-reservas {position: absolute;z-index: 999;display: inline-block;top: 95px;left: calc(50% - 200px);height: 408px;text-align: left;background: rgba(47,35,30,0.6);width: 300px;color: white;padding: 20px;font-family: 'Montserrat';font-weight: 300;font-size: 15px;}
    .info-reservas h4 {line-height: 1;font-size: 1.4em;font-weight: 300;text-align: center;padding: 16px 0;}
    .info-reservas ul li {list-style-type: disc;list-style-position: outside;margin: 15px 30px;line-height: 1.4;}
    .info-reservas p {margin: 20px 30px;text-align: justify;}
	.paso1-reservas .reservas table#caja-compra {top: 192px;font-family: 'Montserrat';font-size: .9em;line-height: 1;}

/* ESTILO BENEFICIOS WEB EN PAGINA DE RESERVAS */
	.paso1-reservas  #beneficios_web {display:none;}
	.paso1-reservas #beneficios_web.HTP {display:block;background-color: transparent;margin: 0;text-align: right;position: absolute;width: 100%;height: 218px;top: calc(80% - 35px);z-index: 9999;padding: 0;}
	.paso1-reservas #beneficios_web h2 {background: #a2aa59;color: white;font-weight: 700;padding: 10px 40px;text-align: right;font-family: 'Montserrat','Open sans';letter-spacing: 2px;font-size: 16px;position: absolute;width: calc(100% - 80px);bottom: 25px;}
	.paso1-reservas #beneficios_web img {margin-right: 15px;margin-bottom: 5px;zoom: 0.8;}
	.paso1-reservas #beneficios_web img:last-child {margin-right: 15px;}

/* CALENDARIO */
    div#ui-datepicker-div {
    font-family: 'Montserrat';
    font-size:1em;
    border:none;
    border-radius:2px;
    box-shadow: rgba(0,0,0,0.5) 20px 20px 20px;) 20px 20px 20px;
    min-width: 40em;
}

#ui-datepicker-div .ui-widget-header {
    background: #92aca0;
    color:white;
    font-weight:600;
    border:none;
    border-radius:2px;
    letter-spacing:1.5px;
    padding:8px;
    margin:1px;
    text-transform:uppercase;
}

#ui-datepicker-div select.ui-datepicker-month {
    font-size: 1em !important;
    font-family: 'Montserrat';
    color: #728b7f;
    font-weight: 600;
}

#ui-datepicker-div .ui-datepicker th {
    color:#92aca0;
    font-size: 1em;

}

#ui-datepicker-div .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
#ui-datepicker-div td:hover a.ui-state-default,td.ui-datepicker-current-day a.ui-state-default.ui-state-active,td.ui-datepicker-current-day:hover a.ui-state-default.ui-state-active {
    background: #92aca0 !important;
    border-radius: 30px;
    color: white !important;
	font-weight: 600;
}
.ui-datepicker td.ui-datepicker-today, .ui-datepicker td.ui-datepicker-today a.ui-state-default {
    border: none !important;
    border-radius: 20px;
}

.ui-datepicker td.ui-datepicker-today a.ui-state-active {
    border-radius: 20px;
    background-color: #bbb !important;
    border: none!important;

}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 10px !important;
}
/* BANNER PROMOCIONAL */
    #banner_promocional {border: none;background: #585a59;font-size: 1.1em;line-height: 1.2;padding: 10px 10%;}
    #banner_promocional span.codigo {color: #64a98a;background: white;font-size: .85em;}
    #banner_promocional span.descuento {color: #a6e0c5;font-weight: 600;font-size: 1em;}
    #banner_promocional span.cyber {color: black;}
    #banner_promocional span.small {color: rgb(255 255 255 / .7);letter-spacing: normal;line-height: 1.15;}
    #imagen_promocional img {width:100%;max-width: 800px;margin: 0px auto;}
	#imagen_promocional {position:relative; max-height:unset;}
    #banner_promocional.scroll {position: fixed;box-shadow: 0px 0px 15px #000000;}

/* ESTILO PASOS */
	#nav { background-color: white;}
	#header ul {left: 50px;}
	#header ul li {font-size:10px;}
    #nav .logo {margin-top: 20px;}
    #nav .logo img {height: 42px;width: auto;}
 
	#paso1 .ficha_programa .details {color:#444;}
	#paso1 .details .precio {margin-top:30px;}
	#paso1 .details .dates { font-weight: bold; margin: 10px;}
	#paso1 .details .hoteles {line-height:normal;font-size: .85em;}
	#paso1 .details .precio span {font-size: .6em;display: block;font-weight: normal;}
	.alt_acomodacion span.small {color: #444;}
	.hotel .popup-gallery a:nth-child(even) {display:inline;}
	.hotel .popup-gallery a img {width: 11%;}
	#caluga_resumen td.total-resumen {background-color:grey;}
	#paso3, #paso4, #paso5, #paso6 {margin-top: 20px;}
	#paso3 .left {padding-left:0;}
	#paso3 .accordion2 a.ui-state-default, #paso3 .accordion2 a.ui-state-default:link, #paso3 .accordion2 a.ui-state-default:visited {color: #7baa03;}
	#paso3 .accordion2 a.ui-state-active, #paso3 .accordion2 a.ui-state-active:link, #paso3 .accordion2 a.ui-state-active:visited {text-decoration: none;background: #88ae29;color: white;}
	div#powered_by {margin: 20px 0;padding-bottom: 20px;}
	.paso1-reservas input.calendario {width: calc(100% - 68px);border-radius: 2px;height: 36px;}
    .paso1-reservas select.pasajeros {width: calc(100% - 68px);border-radius: 2px;height: 36px;}
    .paso1-reservas .reservas table#caja-compra tr:last-child td {padding-bottom: 10px;}

/*--  CYBER --*/
    .paso1-reservas #titulo {font-size: 3em;font-family: 'Montserrat';text-transform: lowercase;font-weight: 600;}
    .paso1-reservas #titulo img {margin-top:-50px;}
    .paso1-reservas #anuncio-portada {right: 20px;width: 460px;}
    span#dcto {font-family: 'Montserrat';font-size: 2.4em;letter-spacing: -5px;display: block;margin-top: -20px;}
    span#dias {display: block;font-size: .8em;font-family: 'Montserrat';}
    span#hasta, span#cupos {display: block;font-size: .46em;margin-top: 10px;}

/*----- ANCHO MAX 1200px ------*/
    @media only screen and (max-width:1200px) {
	.paso1-reservas #anuncio-portada {top: 80px;}
    .paso1-reservas .logo-reservas {top: 80px;}
    .paso1-reservas .info-reservas {top: 80px;left: 400px;}
    .paso1-reservas .reservas table#caja-compra {top: 177px;}
    }

/*----- ANCHO MAX 1024px ------*/
@media only screen and (max-width:1024px) {
    #header ul {left:20px; }
    main .centre {padding: 40px 20px;}
    .paso1-reservas #beneficios_web.HTP {position:relative;text-align: center;height: auto;z-index: 1;}
    .paso1-reservas #beneficios_web h2 {bottom:initial;position: relative;text-align: center;}
	.paso1-reservas #anuncio-portada {width: calc(100% - 480px);text-align: center;top: 100px;}
    div#powered_by {/* margin-top: 80px; */}
}

/*----- ANCHO MAX 860px ------*/
    @media only screen and (max-width:860px) {
	#header ul li {font-size:10px;margin: 0 6px;}
	.paso1-reservas #anuncio-portada #bajada  {font-size: 2em;}
    .paso1-reservas #anuncio-portada #bajada span {width:100%;}
    .paso1-reservas #titulo img {margin-top:0;}
	.hotel .popup-gallery a img {width: 100%;height: auto;}
	.hotel .popup-gallery a:first-child img {width: 100%;height: auto;}
	.hotel .popup-gallery a:nth-child(even) {display: inline-block;}
	.hotel .popup-gallery a:last-child img {display: none;}
}

/*----- ANCHO MAX 799px ------*/
@media only screen and (max-width: 799px) {
	.paso1-reservas .reservas #beneficios_web { width:100%; margin:0;}
	.paso1-reservas .reservas #beneficios_web img {margin-left: calc(25% - 75px); }
	.paso1-reservas .reservas #beneficios_web img:nth-child(odd) { margin-left:0; margin-right: calc(25% - 75px);}
	.paso1-reservas .reservas {background-position-x: -400px;background-position-y: bottom;min-height: 1300px;}
	.paso1-reservas .logo-reservas {top: 30px;left: calc(50%  - 170px);margin: 0;}
    .paso1-reservas .info-reservas {top: 487px;left: calc(50%  - 170px);}
    .paso1-reservas .reservas table#caja-compra {top: 127px;left: calc(50%  - 170px);margin: 0;}
	
}

/*----- ANCHO MAX 630px ------*/
@media only screen and (max-width:630px) {
	.paso1-reservas .info-reservas {top: 467px;}
    #paso2 .hotel .popup-gallery a img {width: 100%;}
	#header ul li {display:none;}
    #header ul li.encendido {display:inline-block;}
    #header ul li.encendido.bullet {display:none;}
	div#powered_by {margin-top: 180px;  margin-bottom: 50px;}
}

/*----- ANCHO MAX 500px ------*/
@media only screen and (max-width:500px) {
    #imagen_promocional {height: 100px;}
    .hotel .popup-gallery a {width: 24%; height: auto;}
	.hotel .popup-gallery a:first-child {width: 100%; height: auto;}
	.hotel .popup-gallery a:last-child img {display: inline-block;}
}
/*----- ANCHO MAX 330px ------*/
@media only screen and (max-width:330px) {
	#banner_promocional {min-width:380px;}
}


/*----- ESTILOS PROMO SANTANDER para header-santander ------*/
    #nav #imagen-promo {display:inline-block;border-left: 1px solid #c2c3c3;border-right: 1px solid #c2c3c3;width: calc(100% - 530px);margin-left: 40px;margin-right: 40px;height: 50px;text-align: center;}
    #nav #imagen-promo img {margin: 0 10px;}
    #nav #imagen-promo img:first-child {margin-left:40px;}
    #nav #imagen-promo img:last-child {margin-right:40px;}
    #nav img#logo-santander {display:inline-block;height: 40px;}

@media only screen and (max-width:1024px) {
    #nav #imagen-promo {margin-left:20px;margin-right:20px;width: calc(100% - 490px);vertical-align: top;}
    #nav #imagen-promo img:first-child {margin-left:20px;}
    #nav #imagen-promo img:last-child {margin-right:20px;}
    #nav img#logo-santander, #nav img#logo-santander {vertical-align:top;}}

@media only screen and (max-width:860px) {
	#nav #imagen-promo img {margin:0 10px;}
    #nav #imagen-promo img:first-child {margin-left:10px;}
    #nav #imagen-promo img:last-child {margin-right:10px;}
    #nav #imagen-promo img {zoom:0.75;}}

@media only screen and (max-width:765px) {
    #nav .logo {width: calc(100% - 40px);position:relative;margin: 10px 0;}
    #nav #imagen-promo {margin:10px 0 0 0;border: none;border-top:1px dashed #c2c3c3;padding-top:10px;width: 100%;}
    #nav img#logo-santander {position:absolute;top: 0;right: 10px;}}

@media only screen and (max-width:550px) {
    #nav .logo {text-align:center;}
	#nav img#logo-santander {position:relative;width: 160px;height: auto;margin: 0 auto;top: unset;right: unset;}
    #nav #imagen-promo {border-bottom:1px dashed #c2c3c3;margin-bottom:10px;border-top-style:dashed;width: 222px;margin: 10px calc(50% - 111px);}}