@charset "UTF-8";
/* CSS Document */

/*------ HOJA DE ESTILOS GENERAL ------*/

/*--- HOME ---*/

	/* Advantages */

	.root #advantages{padding-top: 56px;}

	.root #advantages h1{font-family: 'Avenir-roman', sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 20px; text-align: center; color: #3D3D3D;}

	.root #advantages .ventajas .ventajas__list{margin-top: 15px!important;}

	.root #advantages .ventajas.container{max-width: 1440px; width: 82.5%; padding: 0;}

	@media only screen and (max-width: 992px){

		.root #advantages .ventajas.container{margin: 0 auto; width: 92.5%;}

		.root #advantages h1{font-size: 24px; line-height: 26px;}

		.root #advantages .ventajas .ventajas-list__item p{text-align: center; padding: 0 10px!important;}
	}

	@media only screen and (min-width: 993px) and (max-width:1400px){

		.root #advantages .ventajas .ventajas-list__item p{font-size: 12px}

	}


	/* Destacado Rewards */

	.root #highlights-rewards{margin: 0 -15px;}

	.root #highlights-rewards .palladium-info-destacada .container .row .info-container h2{font-size: 58px; font-weight: lighter; line-height: 60px; color: #50685C; margin-bottom: 32px;}

	.root #highlights-rewards .palladium-info-destacada .container .row{padding: 54px 0;}

	.root #highlights-rewards li{margin-left: 15px; margin-bottom: 24px; font-size: 16px; line-height: 14px; font-weight: lighter; color:#3d3d3d;}

	.root #highlights-rewards li:before{content:''; position: absolute; width: 6px; height: 6px; background: #50685C; border-radius:10px; margin-top: 4px;  margin-left: -15px;}

	.root #highlights-rewards li b{font-weight: 600}

	.root #highlights-rewards .palladium-info-destacada .container .row .info-container .link-container.modoBoton a{font-size: 14px; line-height: 16px; padding: 16px 40px;}

	.root #highlights-rewards .palladium-info-destacada .container .row .info-container .link-container.modoBoton a:hover{background-color: #8D8556!important; border:#8D8556!important;}

	.root #highlights-rewards  .palladium-info-destacada .container .row .info-container .link-container.modoBoton a .icon-wavy-arrow{  background: url(/content/dam/palladium/images/newweb/icons/arrow-white.svg) no-repeat;
    margin-left: 24px;}


	@media only screen and (max-width: 992px){

		.root #highlights-rewards{margin: 0 -15px}

		.root #highlights-rewards .palladium-info-destacada .container .row{padding: 32px 0;}

		.root #highlights-rewards .palladium-info-destacada .container .row{flex-wrap: wrap-reverse;}

		.root #highlights-rewards .palladium-info-destacada .container .row .info-container h2{font-size: 45px; line-height: 40px;}

		.root #highlights-rewards li{font-size: 14px; line-height: 14px; margin-bottom: 16px;}

		.root #highlights-rewards .palladium-info-destacada .container .row .info-container .link-container.modoBoton a{width: 100%; padding: 16px 25px; text-align: center;}

		.root #highlights-rewards .palladium-info-destacada .container .row .info-container .link-container.modoBoton a .icon-wavy-arrow{height: 10px;}
	}

	@media only screen and (min-width: 800px) and (max-width:1500px){

		.root .palladium-info-destacada .container .row .image-container img{max-width: 600px; margin: 10%;}

	}


	/* Hoteles destacadas*/

	.root #hoteles-destacados{margin-top:62px; margin-bottom: 144px}

	.root #hoteles-destacados .slick-prev, .root #hoteles-destacados .slick-next, .root #hoteles-destacados .slick-dots{display: none!important;}

	.root #hoteles-destacados .carousel-hoteles .hd-head h2{margin-top: 0;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__img-cont.hotelCarousel{overflow: hidden; height:415px;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img{transition:0.5s;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img:hover{height:515px; margin-top: -50px;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__img-cont .slick-dots{display: none!important;}

	.root #hoteles-destacados .carousel-hoteles .hd-head{bottom: -82px; margin: 0;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__subtitle{display: none!important;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__title{max-width: 450px;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__description{max-height: 40px; overflow: hidden; font-size: 18px; line-height: 20px; font-family: 'Avenir-roman', sans-serif; font-weight: 100; color:#3d3d3d; }

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__description b{font-family: 'Avenir-roman', sans-serif; font-weight: 100; color:#3d3d3d;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top::after{content: '...';}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .trip-price-wrapper .info-hotel__trip .cdsROW .cdsROWContainer .cdsRating .trip-rating, .root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .trip-price-wrapper .info-hotel__trip .cdsROW .cdsROWContainer .cdsRating{font-size: 12px; line-height: 14px;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .hotel-card-info-footer .hotel-card-info-footer__btn{height: 48px; padding: 12px 20px;cursor: pointer;}

	.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .hotel-card-info-footer .hotel-card-info-footer__btn:hover{color: #674D26;}

	@media only screen and (max-width: 992px){

		.root #hoteles-destacados{margin-top: 35px; margin-bottom: 56px;}

		.root #hoteles-destacados .carousel-hoteles .hd-head{bottom: -50px; left: -15px;}

		.root #hoteles-destacados .carousel-hoteles .hd-head h3{margin-bottom: 10px; font-size: 13px; line-height: 15px; color:#AEA780}

		.root #hoteles-destacados .carousel-hoteles .hd-head h2{font-size: 80px; line-height: 82px;}

		.root #hoteles-destacados .carousel-hoteles{margin-left: 10px; min-width: 100%;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__img-cont.hotelCarousel, #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img{height: 248px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__title{max-width: 250px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__title a{font-size: 18px; line-height: 20px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__description{max-height: 48px; font-size: 14px; line-height: 16px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .trip-price-wrapper{width: 40%;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .trip-price-wrapper .info-hotel__trip .cdsROW .cdsROWContainer .cdsRating .trip-rating, .root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .trip-price-wrapper .info-hotel__trip .cdsROW .cdsROWContainer .cdsRating{font-size: 12px; line-height: 14px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .trip-and-footer-container .hotel-card-info-footer .hotel-card-info-footer__btn{padding: 12px 30px;}

		.root #hoteles-destacados .tagImagen .hotelTagToText{display: none;}
	}

	@media only screen and (min-width: 800px) and (max-width:1500px){

		.root #hoteles-destacados .carousel-hoteles .hd-head h2{font-size: 170px; line-height: 170px;}

		.root #hoteles-destacados .carousel-hoteles .hd-head .h3{font-size: 18px!important; line-height: 20px!important;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__img-cont.hotelCarousel{overflow: hidden; height:280px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img{transition:0.5s; height:280px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img:hover{height:380px; margin-top: -50px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__title{max-width: 350px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__title a{font-size: 26px; line-height: 28px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__description{font-size: 14px; line-height: 20px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__info .hotel-card-info-top .hotel-card-info__description b{font-size: 14px; line-height: 20px;}

	}


	@media only screen and (min-width: 2012px){

		.root #hoteles-destacados .hotels-list{margin-left: 10%; transition: 0.5s;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card .hotel-card__img-cont.hotelCarousel, #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img{transition:0.5s; overflow: hidden; height:500px;}

		.root #hoteles-destacados .carousel-hoteles .inner-carousel .col .hotels-list .element .hotel-card.hotel-card--small-moreinfo img.hotel-card__img:hover{height:600px; margin-top: -50px;}
	}



	/* Ofertas destacadas*/

	.root #offers{margin: 0 -15px}

	.root .ofertas-destacadas{margin-top: 144px;}

	.root .ofertas-destacadas__mosaico{margin-bottom: 144px;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__img{object-position: 70%; transition: 0.5s; border: 0.5px solid #e9e9e9;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico__item{max-width:100%;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__antetitulo{text-transform: initial; letter-spacing: 0px; line-height: 14px;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__titles{border-bottom:1px solid #EFEDE6;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__titulos .mosaico-item-hover__titulo, .root .ofertas-destacadas__mosaico .mosaico .mosaico-item__promo span, .root .ofertas-destacadas__mosaico .mosaico .mosaico-item__parraph{font-weight: 600;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__promo span.spanCountDownDate{font-size: 11.5px;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__antetitulo{color:#636363;}

	.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__titulos .mosaico-item-hover__titulo{color: #aea780;}



	@media only screen and (max-width: 992px){

		.root #offers{margin: 0 -15px;}

		.root .ofertas-destacadas{margin-top: 64px;}

		.root .ofertas-destacadas .ofertas-destacadas-container__left{margin-left: 26px;}

		.root .ofertas-destacadas__titulo{font-weight: lighter; max-width: 90%;}

		.root .ofertas-destacadas .ofertas-destacadas-container__right{width: 100%; max-height: 550px;}

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__hover{padding: 20px 0;}

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__img{width: 100%;}

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__titulos{flex-direction: initial;}

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item-hover__titulos .mosaico-item-hover__titulo p{text-align: left;}
	}

	@media only screen and (max-width: 600px){
		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__promo{display: none;}
	}

	@media only screen and (min-width: 800px) and (max-width:1300px){

		.root .ofertas-destacadas__titulo {font-size: 100px;line-height: 110px;}

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__img{height: 232px;}

		.root .ofertas-destacadas{margin: 80px 0 80px 5%;}
	}

	@media only screen and (min-width: 1600px){

		.root .ofertas-destacadas__mosaico .mosaico .mosaico-item__img{height: 432px;}
	}


	/* Tabs experiencias */

	.root .palladium-tabs-experiencias{margin-bottom: 144px;}


	/* Marcas PHG */

	.root .palladium-brandhotels{margin-bottom: 144px;}

	.root .palladium-brandhotels .brandhotels-title{font-weight: lighter!important; margin-bottom: 15px!important;}

	.root .palladium-brandhotels .brandhotels-brands{justify-content: space-between!important; max-width: 1440px; border-bottom: 0!important; align-items: center!important;}

	.root .palladium-brandhotels .brandhotels-brands .brandhotels-icon{padding: 0!important; border-bottom: 1px solid #EFEDE6; height: 80px; display: flex; align-items: center;}

	.root .palladium-brandhotels .brandhotels-brands .brandhotels-icon img {max-height: 70px!important; height: 70px!important;}

	.root .palladium-brandhotels .brandhotels-brands .brandhotels-icon:hover{border-bottom: 1px solid #9A7611;}

	.root .palladium-brandhotels .brandhotels-content{ padding-top: 50px; border-top: 1px solid #efede6; margin-top: -1px!important;}

	.root .palladium-brandhotels .brandhotels-content .brandhotels-hotelimage img {max-width: /*700px*/none!important; max-height: none!important;}

	.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer h2{font-weight: 600!important;}

	.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer h3{font-weight: 600!important; margin-bottom: 8px!important; margin-top: 16px!important; text-transform: uppercase!important;}

	.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer p{font-weight: lighter!important; font-size: 16px!important; line-height: 18px!important; color: #6d6d69;}

	@media only screen and (max-width: 992px){

		.root .palladium-brandhotels{margin-bottom: 64px;}

		.root .palladium-brandhotels .brandhotels-container{width: 100%!important; padding: 0 10px!important;}

		.root .palladium-brandhotels .brandhotels-title{font-size: 34px!important; line-height: 32px!important; width: 75%;}

		.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer h2{font-size: 24px!important; line-height: 26px!important;}

		.root .palladium-brandhotels .brandhotels-brands .brandhotels-icon{padding-right: 35px!important;}

		.root .palladium-brandhotels .brandhotels-brands{overflow-x: overlay!important;}

		.root .palladium-brandhotels .brandhotels-content{padding-top: 16px!important;}

		.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer{padding: 20px 0 0!important;}

		.root .palladium-brandhotels .brandhotels-content .brandhotels-textcontainer a{margin-top: 16px!important;}

	}


	@media only screen and (min-width: 1600px){

	.root .palladium-brandhotels .brandhotels-content .brandhotels-hotelimage img {max-width: /*900px*/none!important; max-height: none!important;}

	}


	@media only screen and (min-width: 1900px){

	.root .palladium-brandhotels .brandhotels-content .brandhotels-hotelimage img {max-width: /*1000px*/none!important; max-height: none!important;}

	}


	/* Social Board */

	.root #social{margin-bottom: 144px; width: 91%; margin-right: 0; margin-left: auto;}

	.root #social > .aem-Grid > .title{width: 34%}

	.root #social > .aem-Grid > .title h2{font-family: 'Vanitas-regular'; font-style: normal; font-weight: lighter; font-size: 60px; line-height: 62px; display: flex; align-items: center; color: #674D26; margin-right: 30px; margin-top: 10%; max-width: 550px;}

	.root #social > .aem-Grid > .container{width: 66%}

	.root #social #slider .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4{width: 300px; margin-right: 15px; margin-bottom: 15px;}

	.root #social #slider{overflow: scroll}

	.root #social #slider {scrollbar-width: none; overflow-y: scroll; }

	.root #social #slider::-webkit-scrollbar {display: none;}

	.root #social #slider #dragg {display: flex; justify-content: flex-start; flex-direction: row; width: max-content;}

	.root #social #slider #thumb .image{width: 300px; height: 300px; overflow: hidden}

	.root #social #slider #thumb .image img{width: 300px; height: 300px; transition: 0.5s; user-drag: none;  -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

	.root #social #slider #thumb .image img:hover{width: 400px; height: 400px; margin: -50px 0 0 -50px;}

	.root #social #slider #thumb h5{font-family: 'Avenir-roman', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; display: flex; align-items: center; color: #3D3D3D; margin-top: 28px; margin-left: 28px;}

	.root #social #slider #thumb h5::before{content: ''; background-image: url("/content/dam/palladium/images/newweb/social-board-component/phg-social-board-icon-insta.svg"); width: 21px; height: 21px; margin-left: -28px; position: inherit; margin-left: -28px; background-size: cover;  min-width: 21px;  margin-right: 8px;}


	@media only screen and (max-width: 992px){

		.root #social{width: 100%; margin-bottom: 64px;}
		
		.root #social > .aem-Grid > .title h2 {font-size: 34px; line-height: 32px; margin-bottom: 16px; margin-left: -15px;}

		.root #social > .aem-Grid > .title, .root #social > .aem-Grid > .container{width: 100%;}

		.root #social #slider .aem-Grid.aem-Grid--default--8>.aem-GridColumn.aem-GridColumn--default--4{width: 160px; margin-right: 8px; margin-bottom: 10px;}

		.root #social #slider #thumb .customtracker-html{width: 160px; height: 160px; overflow: hidden}

		.root #social #slider #thumb .customtracker-html img{width: 160px; height: 160px; transition: 0.5s;}

		.root #social #slider #thumb .customtracker-html img:hover{width: 160px; height: 160px; }

		.root #social #slider {scrollbar-width: none; overflow-y: scroll; }

		.root #social #slider::-webkit-scrollbar {display: none;}

		.root #social #slider #thumb h5{align-items: flex-start; margin-top: 10px;}

		.root #social #slider #thumb h5::before{width: 16px; height: 16px; margin-left: -28px; min-width: 16px;  margin-right: 5px;}

	}


/* EXTRAS */

	@media only screen and (max-width: 992px){
	
		
		.ventajas .ventajas-list-item__link span{display:none!important;}
		
	}