/*---------------------------------------------------------
HEADER
---------------------------------------------------------*/
.generic-header header .nav-principal ul:not(.menu-burger__list), .generic-header header .nav-secundario ul:not(.menu-burger__list) {
    align-items: center;
}

.nav-principal__2 #rewards-login:nth-child(4) .elementsRewards .namepalladium {
    font-size: 18px;
    color: white;
    height: auto !important;
    padding: 1rem 2rem;
    border: 1px solid white;
    transition: 0.3s all ease-out;
}

.nav-principal__2 #rewards-login:nth-child(4) .elementsRewards .namepalladium {
    color: black;
    background: white;
}

.generic-header header .nav-principal ul:not(.menu-burger__list) #rewards-login {
    min-height: 80px;
    align-items: center;
}

.generic-header header .nav-principal ul:not(.menu-burger__list) li>ul {
    background: #fff;
    border: 1px solid #efefef;
    border-top: 1px solid #fff;
    margin-top: 0!important;
    top: 8vh;
}

.ptc-generic-header header.center .nav-principal > div.nav-principal__2 .nav-principal-submenu::before {
    display: none;
}

.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > ul > li > a {
    border: none!important;
}

.generic-header header .nav-principal ul:not(.menu-burger__list) li a {
    margin-right: 0!important;
}

.ptc-generic-header header .header-container {
    background-color: transparent !important;
}

.generic-header header.fixed-menu .header-container {
    background: rgb(26, 25, 25) !important;
}

.ptc-generic-header header .header-container .brand img {
    height: 65px !important;
    width: auto;
}

.generic-header header.fixed-menu .header-container .brand img {
    height: 45px !important;
}

.generic-header header .menu-burger__container {
  min-width: 390px;
}

/* Centramos la brand */
.ptc-generic-header header .header-container .brand {
    justify-content: center;
}

/* Fuente y peso en menú y links */
.ptc-generic-header header .nav-principal ul li,
.ptc-generic-header header .menu-burger__link {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

/* Submenús */
.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > ul {
  background: black;
  border: 0;
  margin-top: 65px;
  padding: 5px 15px;
  margin-left: 0;
  border-top: 0;
}

.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li:hover > ul {
  gap: 0;
}

/* Flecha submenu */
.ptc-generic-header header.center .nav-principal > div.nav-principal__2 .nav-principal-submenu::before {
  content: '';
  background-color: #1ea49f;
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  margin-left: -10px;
  top: -5px;
}

/* Estilos links */
.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > a {
  font-size: 14px;
}

.nav-principal__2 li:last-child {
    align-items: center;
}
.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > ul > li > a {
  padding: 10px 0;
  border-bottom: 1px solid #71b8b1;
  width: -webkit-fill-available;
}

.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > ul > li:last-child > a {
  border-bottom: 0;
}

.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li a .icon img {
  width: 22px!important;
  margin: 0!important;
}

.ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > a:hover {
  text-decoration: underline;
}

.ptc-generic-header header.center .nav-principal > div.nav-principal__2 {
  margin-right: 15px;
}

/* Menu burger */
.ptc-generic-header header .menu-burger__container {
    background-color: #000000 !important;
    z-index: 98 !important;
    padding: 35px !important;
}

.ptc-generic-header header .menu-burger__link:hover {
  color: #074c4b;
}

/* Header fixed */
.ptc-generic-header .header--fixed {
  z-index: 100;
}

/* Otras reglas generales */
.xf-content-height {
  min-height: 0;
}

.ptc-generic-header #header {
  margin-bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 10;
  left: 0;
}

body .root {
  margin-top: 0;
}

body .root .header-xf .ptc-generic-header nav {
  border-bottom: 0;
}

/*---------------------------------------------------------
FOOTER
---------------------------------------------------------*/

body .footer {
    background: #1b1919!important;
}

.blue-space {
    height: 0px!important;
    background: #1b1919!important;
}

.footer-brand-xf .cmp-experiencefragment {
    background:#1C1919!important;
}

.animated-link a:hover {
    color: white !important;
    text-decoration: none;
}
/*FOOTER POP UP*/
#modal-bookings.active-modal {
    display: flex;
    width: 700px;
}
#modal-bookings .animated-link a:hover {
    color: black!important;
}

.footer-brand-xf .cmp-experiencefragment {
    background: #1C1919 !important;
}

.footer-social.aem-GridColumn.aem-GridColumn--default--12 {
    display: none;
}

body .marcas .marcas-logo {
    max-width: 200px;
    margin: 0 auto;
    filter: none;
    opacity: 1;
    padding-top: 4rem;
}

body .marcas .marcas-carrusel .marcas-carrusel__item img:hover {
    filter: invert(47%) sepia(67%) saturate(2139%) hue-rotate(144deg) brightness(83%) contrast(101%);
}

#footer_links .container {
    display: flex;
    width: 100%;
}

#footer_links {
    display: flex;
    max-width: 1250px;
    margin: 0 auto;
}

#footer_links p a {
    color: white !important;
}

#footer_links p a:hover {
    text-decoration: none !important;
}

#common_links {
    width: 100% !important;
}

#common_links .container-hover {
    cursor: default;
}

#footer_links h4, #common_links h4 {
    color: white!important;
}

/*---------------------------------------------------------
GENERAL
---------------------------------------------------------*/

body {
    background-color: #1a1919!important;
}

.nav-principal-item.roibackIcon {
    background: transparent!important;
    border: none!important;
    height: 22px;
    width: 22px;
    color: white;
}
   
.nav-principal__2 .elementsRewards .namepalladium {
    color: black;
    background: transparent!important;
    border: none!important;
    padding: 0!important;
}  

/*---------------------------------------------------------
HOME
---------------------------------------------------------*/

.container {
    width: 100%!important;
}
#location .cmp-image__image {
    width: 100%;
    object-fit: cover;
}

/*Bloque introducción*/
.container:has(#intro_row) {
    background-color: #1b1919;
}
#intro_row {
    max-width: 1250px;
    margin: 0 auto;
    padding-bottom: 10rem;
}

#intro_row .indicaciones-container {
    display: none;
}

#intro_row .palladium-travel-club-title-description-redesign .parrafo {
    align-items: start;
}

#intro_row .title-description__container.no-cta {
    max-width: 1250px;
    margin: 0!important;
    padding-left: 0;
    background: transparent!important;
}
#intro_row .title-desc__info {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    width: 100%!important;
}

#intro_row #benefits_list .title-desc__info {
    align-items: center;
}

#intro_row h3.title-desc__subtitle.medium {
    color: white;
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
}

body [aria-label=blacks] .palladium-travel-club-title-description-redesign h3 {
    color: white!important;
}

body [aria-label=whites] .palladium-travel-club-title-description-redesign h3 {
    color: #1a1919!important;
}

#intro_row h2.title-desc__title.small {
    color: white !important;
    font-size: 16px;
    margin: 0;
    text-align: left;
}

#intro_row p {
    font-size: 16px;
}

#benefits_list ul {
    column-count: 2;
}

#benefits_list li {
    color: white;
    list-style: disc;
    max-width: 400px;
    margin: 0 auto;
}

#benefits_list {
    max-width: 1100px;
    background-color: #363030;
    margin: 0 auto;
    padding: 4rem;
    margin-top: -7rem;
    z-index: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
    transition: height 0.4s ease;
}

#benefits_list .palladium-travel-club-title-description-redesign .parrafo {
    align-items: center;
}

#benefits_list .title-description__container.no-cta {
    margin: 0 auto!important;
}

  .ampliado {
    height: auto!important;
    overflow: visible!important;
  }

.ampliado button {
    background: none !important;
    margin-top: 0 !important;
}

#intro_row .image {
    padding-top: 5rem;
}

#intro_row button {
    width: 100%;
    padding: 7rem 0 1rem 4rem;
    text-align: left;
    border: 0;
    color: white;
    background: linear-gradient(180deg,rgba(54, 48, 48, 0) 0%, rgba(54, 48, 48, 1) 40%);
    margin-top: -5rem;
}

#intro_row button:after {
    content: url("/content/dam/palladium-travel-club-site/home-redesign/arrow_more.svg");
    margin-left: 1rem;
}

.button:has(#button_register) {
    padding: 4rem 0 6rem 0;
    display: flex;
    justify-content: center;
    transition: all 0.5s ease-out;
}

#button_register {
    color: black;
    background: white;
    padding: 2rem 5rem;
    text-transform: uppercase;
    border: 1px solid;
    transition: all 0.2s ease-out;
}

#button_register:hover {
    text-decoration: none;
    color: white;
    background: #1a1919;
    border-color: white;
}

/*Cambios título mapa*/
#location .title-description__container.no-cta {
    background: transparent!important;
}

#location .palladium-travel-club-title-description-redesign .parrafo {
    z-index: 1;
    position: relative;
    align-items: center !important;
}

#location .title-desc__info {
    display: flex;
    flex-direction: column-reverse;
}

#location h3.title-desc__subtitle.medium {
    margin-top: 15px;
    text-transform: uppercase;
}

#location h2 {
    margin-bottom: 10px;
    color: white!important;
    font-style: normal;
}

#location .indicaciones-container {
    margin-top: 0;
}

#location .indicaciones-container div {
    max-width: 550px;
    margin-top: 0;
}

#location .indicaciones-container div p {
    color: white;
    line-height: 2;
}

/*Cambios en mapa */

[aria-label=map] .indicaciones-container div p {
    line-height: 1.5!important;
    font-weight: 400!important;
}

#map {
    display: block!important;
}

#location #riviera-maya:hover #modal-riviera-maya, 
#location #costa-mujeres:hover #modal-costa-mujeres, 
#location #riviera-nayarit:hover #modal-riviera-nayarit, 
#location #punta-cana:hover #modal-punta-cana, 
#location #cap-cana:hover #modal-cap-cana, 
#location #jamaica:hover #modal-jamaica, 
#location #imbassai:hover #modal-imbassai, 
#location #ibiza:hover #modal-ibiza, 
#location #tenerife:hover #modal-tenerife {
    display: block !important;
}

#map {
    width: 1150px!important;
    margin: 0 auto!important;
    padding-bottom: 8rem!important;
    margin-top: -15rem!important;
    z-index: 0!important;
    position: relative!important;
}

#map a {
    color: white !important;
    text-decoration: none !important;
    max-height: 80px;
    display: flex;
}

#map p a:last-child:after {
    content: url(/content/dam/palladium-travel-club-site/home-redesign/arrow-destinies.png)!important;
    margin-left: 5px!important;
    mix-blend-mode: multiply!important;
}

#bullet {
    color: white!important;
    font-family: 'Montserrat'!important;
    font-weight: 500!important;
    width: 12px!important;
    height: 12px!important;
    border-radius: 50%!important;
    background: #9a7611!important;
    display: flex!important;
    align-items: center!important;
    cursor: pointer!important;
    position: relative!important;
}

#bullet:before, #bullet:after{
  content: ""!important;
  width: 12px!important;
  height: 12px!important;
  border-radius: 25px!important;
  background-color: #9a7611!important;
  position: absolute!important;
  top: 0!important;
  right: 0!important;
  bottom: 0!important;
  left: 0!important;
  margin: auto!important;
  transform-origin: center center!important;  
}
#bullet:hover::before, #bullet:hover::after {
    animation: pulse 2s linear infinite!important;
}
#bullet:after {
  animation-delay: 1s!important;
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    transform: scale(3.5);
    opacity: 0;
  }
}

#riviera-maya .aem-Grid, 
#costa-mujeres .aem-Grid, 
#ibiza .aem-Grid, 
#tenerife .aem-Grid, 
#montego-bay .aem-Grid, 
#punta-cana .aem-Grid, 
#cap-cana .aem-Grid, 
#riviera-nayarit .aem-Grid, 
#imbassai .aem-Grid {
    width: 20px!important;
}

#map .aem-GridColumn.aem-GridColumn--default--1 {
    width: 12px!important;
    max-width: 12px!important;
    height: 12px!important;
    margin-left: 0!important;
}

#location #bullet .cmp-image__image {
    filter: opacity(0);
}

#location #riviera-maya {
    position: absolute!important;
    margin-top: -240px!important;
    margin-left: 255px!important;
    z-index: 8!important;
}

#location #costa-mujeres {
    position: absolute!important;
    margin-top: -265px!important;
    margin-left: 215px!important;
    z-index: 8!important;
}

#location #riviera-nayarit {
    position: absolute!important;
    margin-top: -280px!important;
    margin-left: 160px!important;
    z-index: 9!important;
}

#location #punta-cana {
    position: absolute!important;
    margin-top: -281px!important;
    margin-left: 245px!important;
    z-index: 8!important;
}

#location #cap-cana {
    position: absolute!important;
    margin-top: -275px!important;
    margin-left: 270px!important;
    z-index: 5!important;
}

#location #jamaica {
    position: absolute!important;
    margin-top: -305px!important;
    margin-left: 230px!important;
    z-index: 10!important;
}

#location #imbassai {
    position: absolute!important;
    margin-top: -180px!important;
    margin-left: 380px!important;
    z-index: 3!important;
}

#location #ibiza {
    position: absolute!important;
    margin-top: -343px!important;
    margin-left: 525px!important;
    z-index: 2!important;
}

#location #tenerife {
    position: absolute!important;
    margin-top: -300px!important;
    margin-left: 455px!important;
    z-index: 10!important;
}

#modal-riviera-maya, 
#modal-costa-mujeres,
#modal-riviera-nayarit, 
#modal-punta-cana, 
#modal-cap-cana, 
#modal-jamaica, 
#modal-imbassai, 
#modal-ibiza, 
#modal-tenerife {
    border: 0px!important;
    box-shadow: none!important;
    background: transparent!important;
    width: 250px!important;
    height: 180px!important;
    margin-left: 3rem!important;
    margin-top: -4rem!important;
}

#modal-riviera-maya .image, 
#modal-costa-mujeres .image, 
#modal-riviera-nayarit .image, 
#modal-punta-cana .image, 
#modal-cap-cana .image, 
#modal-jamaica .image, 
#modal-imbassai .image, 
#modal-ibiza .image, 
#modal-tenerife .image {
    width: 250px!important;
    margin: 0!important;
}

#modal-riviera-maya .container, 
#modal-costa-mujeres .container, 
#modal-riviera-nayarit .container, 
#modal-punta-cana .container, 
#modal-cap-cana .container, 
#modal-jamaica .container, 
#modal-imbassai .container, 
#modal-ibiza .container, 
#modal-tenerife .container {
    width: 100%!important;
    background: #00000078!important;
    max-width: 250px!important;
    margin-top: 0px!important;
}

#riviera-maya .aem-Grid, 
#costa-mujeres .aem-Grid, 
#ibiza .aem-Grid, 
#tenerife .aem-Grid, 
#montego-bay .aem-Grid,
#punta-cana .aem-Grid, 
#cap-cana .aem-Grid, 
#riviera-nayarit .aem-Grid, 
#imbassai .aem-Grid {
    width: 100%!important;
    max-width: 250px!important;
}

#map .title h4 {
    color: white!important;
}

#map #content .cmp-text p {
    text-transform: none!important;
    color: white!important;
    margin-top: 10px!important;
}

#map h4 a {
    color: white!important;
}

#map h4 a:hover {
    text-decoration: none!important;
    cursor: pointer!important;
}
#map .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
    width: 100% !important;
    display: flex !important;
    height: 100% !important;
    margin-top: 0!important;
}

#modal-riviera-maya .image div, #modal-costa-mujeres .image div, #modal-riviera-nayarit .image div, #modal-punta-cana .image div, #modal-cap-cana .image div, #modal-jamaica .image div, #modal-imbassai .image div, #modal-ibiza .image div, #modal-tenerife .image div {
    display: block!important;
}

#modal-riviera-maya, #modal-costa-mujeres, #modal-riviera-nayarit, #modal-punta-cana, #modal-cap-cana, #modal-jamaica, #modal-imbassai, #modal-ibiza, #modal-tenerife {
    height: 140px!important;
    margin-top: 1rem!important;
    margin-left: 0!important;
}

/*Testimonios*/
#testimonial-row .title-desc__info {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

#testimonial-row h3.title-desc__subtitle.medium {
    color: #1d1919!important;
    text-transform: uppercase;
    font-size: 25px;
}

#testimonial-row h2.title-desc__title.small {
    color: #1d1919 !important;
    font-size: 16px;
    margin: 0;
}

#reviews_carousel #name {
    font-size: 14px;
}

#testimonial-row {
    padding-bottom: 7%;
    padding-top: 7%;
}

#testimonial-row .palladium-travel-club-title-description-redesign .indicaciones-container div {
    display: none;
}

#reviews_carousel p {
    max-width: 930px;
    margin: 0 auto;
    font-size: 25px;
    font-weight: lighter;
    text-align: center;
}

#reviews_carousel:before {
    content: url('/content/dam/palladium-travel-club-site/home-redesign/testimonios-detail.png');
    width: 68px;
    height: 77px;
    display: flex;
    margin: 0 auto;
}

#testimonial-row .cmp-carousel__actions {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

#testimonial-row ol.cmp-carousel__indicators {
    display: none;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--previous span {
    opacity: 0;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--previous:before {
    content: url('/content/dam/palladium-travel-club-site/home-redesign/arrow-black_left.png');
    mix-blend-mode: difference;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--previous {
    background: transparent;
    border: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    margin-right: 5px;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--next span {
    opacity: 0;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--next:before {
    content: url('/content/dam/palladium-travel-club-site/home-redesign/arrow-black_right.png');
    mix-blend-mode: difference;
}

#reviews_carousel button.cmp-carousel__action.cmp-carousel__action--next {
    background: transparent;
    border: 0;
    width: 32px;
    height: 32px;
    display: block !important;
    padding: 0;
    margin-right: 5px;
}

#modal_btn-row button {
    padding: 10px 15px;
    background-color: white;
    font-size: 14px;
}

body .marcas .marcas-carrusel .marcas-carrusel__item a {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(126deg) brightness(218%) contrast(100%) !important;
    padding: 0;
    width: 120px;
    height: 90px;
    border-bottom: 1px solid #eeeeee !important;
}

body .marcas .marcas-carrusel .marcas-carrusel__item img {
    height: auto;
    width: auto!important;
}

body .marcas .marcas-carrusel .marcas-carrusel__item:nth-child(4), .marcas .marcas-carrusel .marcas-carrusel__item:nth-child(8) {
    margin-right: 5px;
}

span.footer__links--text {
    color: white;
}

.footer.aem-GridColumn.aem-GridColumn--default--12:has(.footer-links:last-child) {
    display: none;
}

#legal-texts span.footer__links--text {
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap;
    padding: 4rem 0 2rem 0;
}

#legal-texts span.footer__links--text p:after {
    content: " | ";
}

#legal-texts span.footer__links--text p:last-child:after {
    content: none!important;
}

#legal-texts p a {
    color: white;
}

div#legal_row {
    display: flex;
    max-width: 1250px;
    margin: 0 auto;
    align-items: center;
}

#social-imgs .image {
    max-width: 32px;
}

#social-imgs {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.container.responsivegrid:has(#legal_row) {
    width: 100%!important;
}

.container.responsivegrid:has(#legal-texts) {
    width: 80%;
}

.container.responsivegrid:has(#social-imgs) {
    width: 20%;
}

/*Animacion hover links*/
.container-hover {
    position: relative;
    overflow: hidden;
    height: 40px;
}

.container-hover p {
    position: absolute;
    width: 100%;
    text-align: left;
    margin: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

p.default-link {
    top: 8px;
    transform: translateY(0);
    opacity: 1;
}

p.animated-link {
    bottom: -100%;
    transform: translateY(100%);
    opacity: 0;
}

.container-hover:hover .default-link {
    transform: translateY(-100%);
    opacity: 0;
}

.container-hover:hover .animated-link {
    transform: translateY(0);
    bottom: 11px;
    opacity: 1;
}
.animated-link a {
    color: white;
    text-decoration: none;
}

/*Modal reservas*/
#modal-bookings {
    background: white;
    color: black!important;
    max-width: 700px;
    margin: 0 auto;
    padding: 4rem;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

#modal-bookings span.footer__links--text {
    color: black!important;
}

#modal-bookings .animated-link a {
    color: black;
}

#modal-bookings .container.responsivegrid {padding-top: 6rem;}

#modal-bookings .footer-links .container {
    width: 33%!important;
}

#modal-bookings .title {
    position: absolute;
}

#modal-bookings.active-modal {
    display: flex;
}

#modal-bookings:before {
    content: "X";
    position: absolute;
    top: 8px;
    right: 8px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    z-index: 1010;
}

/*---------------------------------------------------------
PAGINAS INTERNAS CSS ESPECIFICO
---------------------------------------------------------*/

/* Altura bloque introduccion */
body #exclusive-advs[aria-label=blacks] {
    padding-bottom: 0 !important;
}

[role=intro-internal] .title-description__container.no-cta {
    padding-bottom: 0!important;
}

[role=intro-internal] .title-desc__description.small {
    margin-bottom: 0!important;
}
[role=intro-internal] .palladium-travel-club-title-description-redesign .title-description__container {
    padding-top: 8rem;
}

/* Altura especifica para containers en marcas */

.Marcas [role=intro-internal] .title-description__container.no-cta,
.Brands [role=intro-internal] .title-description__container.no-cta  {
    padding: 0!important;
}

.Marcas [aria-label=blacks][role=advantages],
.Marcas [aria-label=whites][role=advantages],
.Brands [aria-label=blacks][role=advantages],
.Brands [aria-label=whites][role=advantages]  {
    padding: 0 0 4rem 0 !important;
}

/* Centrar title de GP en marcas */

.Marcas [role=intro-internal] .title-desc__info,
.Brands [role=intro-internal] .title-desc__info {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

/* Galerías en experiencias y entretenimiento */
[role=gallery-internal] h3.title-desc__subtitle.medium-large {
    color: white;
    text-transform: uppercase;
    font-size: 25px;
    width: 100%;
    padding-bottom: 4rem;
    text-align: left;
}

[role=gallery-internal] .indicaciones-container {
    display: none;
}

/* Altura en introduccion experiencias y entretenimiento */
body .root [aria-label=blacks][role=pinned_menu] {
    padding-bottom: 0 !important;
}

body .root [aria-label=blacks][role=intro-internal] {
    padding: 0 !important;
}

/* Componente ventajas all inclusive */
#all-inclusive-advs {
    padding-top: 10rem;
}

/* Container img+beneficios en beneficios exclusivos*/
body .root [aria-label=blacks][role=images-avds] {
    padding-top: 0 !important;
}

/* Advantages en beneficios exclusivos */
#exclusive-advs ul.icon-up__advantages {
    width: 100%;
    max-width: 1400px;
    gap: 0;
    border-top: 1px solid #ffffff21 !important;
    border-bottom: 1px solid #ffffff21 !important;
    justify-content: space-between;
}

#exclusive-advs .ventajas .ventajas-list__item {
    min-width: 150px;
    display: flex !important;
    flex-direction: column;
    border: 0!important;
    width: fit-content!important;
}

#exclusive-advs .ventajas-list-item__img,
#exclusive-advs .ventajas-list-item__imgwrap {
    width: 78px !important;
    height: 50px !important;
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(500%) contrast(1000%)!important;
}

/* Centrar titles de ventajas en beneficios exclusivos y en traslados y tours */

.Beneficios [role=images-avds] .title-description__container.no-cta,
.Benefits [role=images-avds] .title-description__container.no-cta {
    display: flex;
    justify-content: center;
}

[role=images-avds] .palladium-travel-club-title-description-redesign .parrafo {
    align-content: center;
    flex-wrap: wrap;
}

[role=images-avds] .title-desc__info {
    display: flex;
    flex-direction: column!important;
    align-items: flex-start;
    width: 100% !important;
}

[role=images-avds] .title-description__container.no-cta {
    margin:0!important;
    
}

[role=images-avds] .title-desc__info {
    display: flex;
    text-align:center;
    flex-direction: column !important;
    align-items: center!important;
    width: 100% !important;
}

[role=images-avds] .palladium-travel-club-title-description-redesign .title-desc__description {
    margin:0!important;
}

.Traslados [role=intro-internal] .palladium-travel-club-title-description-redesign h3,
.Transfers [role=intro-internal] .palladium-travel-club-title-description-redesign h3 {
    margin: 0 auto;
}

/* Pagina ofertas general */
.Ofertas .button.aem-GridColumn.aem-GridColumn--default--12,
.Offers .button.aem-GridColumn.aem-GridColumn--default--12 {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}

.Ofertas .button > a#descargable,
.Offers .button > a#descargable,
#form-mail a {
    background: transparent !important;
    border: 1px solid white !important;
    border-radius: 0;
    transition: 0.3s all ease-out;
    max-width: 350px;
    margin: 0 auto;
    color: white;
    text-transform: uppercase;
    padding: 1rem 2rem !important;
    margin: 4vh 0;
}

#form-mail {
    padding: 4rem 0;
    cursor: pointer;
}

.Ofertas .button:hover > a#descargable,
.Offers .button:hover > a#descargable,
#form-mail:hover a {
    background: white !important;
    color: black;
    text-decoration: none;
}

.Ofertas #location .indicaciones-container div,
.Offers #location .indicaciones-container div {
    max-width: 1200px;
}

.Ofertas .button,
.Offers .button  {
    width: fit-content;
    margin: 0;
    margin-bottom: 5rem;
}

[role=offers-btns] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
}

.Ofertas .button > a#especiales,
.Offers .button > a#especiales {
    background: white !important;
    border: 1px solid white !important;
    border-radius: 0;
    transition: 0.3s all ease-out;
    max-width: 350px;
    margin: 0 auto;
    color: black;
    text-transform: uppercase;
    padding: 1rem 2rem !important;
    margin: 4vh 0;
}

.Ofertas .button > a#especiales:hover,
.Offers .button > a#especiales:hover {
    background: #9a7611 !important;
    border: 1px solid #9a7611 !important;
    color:white;
    text-decoration: none;
}

body .root [aria-label=blacks][role=offers-btns] {
    padding-top: 10vh!important;
    padding-bottom: 0!important;
}

.Ofertas #location.cmp-container ,
.Offers #location.cmp-container {
    margin-top: 0!important;
    padding-top: 0!important;
}

/* Traslados y tours */
[aria-label=whites][role=table-row] {
    padding-bottom: 0;
}

.Traslados .ptc-testimonials,
.Transfers .ptc-testimonials {
    margin-top: -4rem;
}

/* Grupos y bodas componente ventajas */
body #mini-advantages[aria-label=blacks]:last-child {
    padding-top: 0 !important;
    margin-top: -5rem;
}

/* Altura container black en ofertas individual */

body .root [aria-label=blacks][role=offers-internal] {
    padding: 5rem 0 0 0 !important;
}

/*---------------------------------------------------------
HOTELES
---------------------------------------------------------*/

/* Paginas generales por localizacion */
body [aria-label=blacks][role=hotels_menu] {
    display: none;
}

.hotel-page .root .info-hotel .info-hotel__text .info-hotel-text__title {
    font-family: "Avenir", sans-serif;
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: white!important;
    margin: 30px 0 0;
}

.hotel-page .info-hotel .info-hotel__text .info-hotel-text__description {
    font-family: "Avenir", sans-serif;
    color: white;
}

.hotel-page .root .info-hotel .info-hotel-description-collapse {
    color: white;
    text-transform: uppercase;
}

.hotel-page .root .info-hotel .info-hotel-description-collapse:after {
    color: white;
    font-family: "Avenir", sans-serif;
}

.hotel-page .root .info-hotel .info-hotel-description-collapse:hover {
    color: white;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item .img-content {
    border: 2px solid white!important;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item .img-content img {
    filter: brightness(1000%);
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item .name {
    color: white;
    font-weight: 500;
}

body [role=hotels_menu] .anchored-menu-wrapper {
    background: transparent!important;
    border-bottom: 1px solid;
}

[role=hotels_menu] .anchored-menu-container {
    min-width: 90vw;
}

[role=hotels_menu] .anchored-menu__item::after {
    display: none;
}

[role=hotels_menu] .anchored-menu__list {
    gap: 1rem;
}

body [role=hotels_menu] .palladium-travel-club-menu-anclado .anchored-menu-wrapper .anchored-menu__item a {
    text-align: center!important;
    display: flex;
    transition: 0.3s all ease-out;
}

[role=hotels_menu] .palladium-menu-anclado {
    padding-top: 4vh;
}

body [aria-label=blacks][role=hotels_menu] {
    padding-bottom: 2rem!important;
}

.hotel-page .root .info-hotel .info-hotel-text__description-short h2 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: white;
}

body [role=hotels_menu] .palladium-travel-club-menu-anclado .anchored-menu-wrapper .anchored-menu__item a:hover {
    border-bottom: 2px solid white;
    background: transparent!important;
}

body [role=hotels_menu] .palladium-travel-club-menu-anclado .anchored-menu-wrapper .anchored-menu__list {
    height: auto!important;
}

body .root [role=hotels-general] .palladium-travel-club-hotels-search .listado-hoteles__titulo {
    font-family: 'Avenir', sans-serif;
    font-size: 25px;
    margin-bottom: 40px;
    font-style: normal!important;
    font-weight: 500;
    margin-left: 10px;
    color: #1a1919;
}

.hotel-page .info-hotel {
    padding-bottom: 8vh;
}

body [role=hotels-general] .palladium-travel-club-hotels-search .hotels-list .hotel-card.hotel-card--small-moreinfo .hotel-card__info .hotel-card-info-top .hotel-card-info__title a {
    color: #1a1919!important;
    font-family: 'Avenir', sans-serif;
}

[aria-label=whites][role=hotels-general] {
    padding-bottom: 8vh;
}

.hotel-page .info-hotel .info-hotel__icons {
    justify-content: center;
}

.hotel-page a.force-post-animation-css:first-child {
    display: none;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item .img-content:hover {
    background: white;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item .img-content:hover img {
    filter: brightness(0%);
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item--share .tooltip-share-inner {
    background: black;
    border: 1px solid white;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item--share .tooltip-share-inner:before, .hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item--share .tooltip-share-inner:after {
    border-bottom: 14px solid white!important;
}

.hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item--share .tooltip-share img:hover {
    filter: brightness(0.9);
}

/* Paginas hoteles individuales */
body [aria-label=blacks][role=hotels_menu] {
    display: none;
}

.hotel-page .root .info-hotel .info-hotel-text__description-short h3 {
    color: white;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.hotel-page [role=faqs-wrapper] span.item-heading__title {
    font-size: 18px!important;
}

.hotel-page .ptc-hotelverse {
    padding-bottom: 8vh;
}

.hotel-page .root .info-hotel .info-hotel__trip {
    background: #1a1919 !important;
    border: 1px solid white!important;
    border-right: 1px solid white!important;
}

.hotel-page .root .info-hotel .info-hotel__trip .trip-rating {
    color: white;
}

/*---------------------------------------------------------
BLOG
---------------------------------------------------------*/

/* Home blog */
.Blog .container.responsivegrid:has(.palladium-travel-club-title-description-redesign) {
    display: none;
}

.Blog section#hdtb-sc {
    display: none;
}

body .news-distribution__pagination:first-child {
    display: none;
}

body .news-distribution__pagination#news-distribution-2 {
    display: none;
}

body .news-distribution__section {
    background-color: #1b1a1a;
}

body .news-distribution__cards-list .news-distribution__cards {
    width: calc(33% - 20px);
}

body .news-distribution__cards {
    border-radius: 0;
}

body .news-distribution__page-link {
    color:#ffffff57!important
}

body .news-distribution__page--active .news-distribution__page-link {
    color: white!important;
}

body .news-distribution__page-link svg {
    filter: brightness(1000%);
}

body .news-distribution__tabs-content {
    padding: 8rem 0 0 0;
}

@media (max-width: 820px) {
    body .news-distribution__cards-list .news-distribution__cards {
        width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    body .news-distribution__tabs-content {
        padding: 2rem 0 0 0;
    }
    body .news-distribution__cards-list .news-distribution__cards {
        width: calc(100%);
    }
}

/* Posts individuales */
[role=post-content] .title-desc__description.small {
    color: #1a1919 !important;
    margin-top: 2rem !important;
    max-width: 1200px;
    margin: 0 auto;
}

[role=post-content] .title-desc__description li a {
    color: #1a1919;
    border: 1px solid #1a1919;
    padding: 1rem 2rem;
    text-transform: uppercase;
    transition: 0.3s all ease-out;
}

[role=post-content] .title-description__container.no-cta {
    background-color: white!important;
}

[role=post-content] .title-desc__description li a:hover {
    color: white;
    background: #1a1919;
    text-decoration: none;
}

body .container:has([aria-label="whites"][role=post-content]) {
    background-color: white !important;
    margin: 0;
    padding: 20px 0 40px 0;
}

body [role=post-related] .news-distribution__tabs-content {
    padding: 0;
}

[role=post-related] .parrafo__title.parrafo__title--center {
    font-family: 'Avenir', sans-serif !important;
    font-style: normal;
    color: white;
}

body [aria-label=blacks][role=post-related] {
    padding: 2vh 0 0 0!important;
}


[role=post-content] .palladium-travel-club-title-description-redesign:last-child .parrafo {
    border-top: 1px solid;
    padding-top: 4rem;
    margin-top: 4rem;
}

[role=post-content] .title-desc__info {
    max-width: 1200px;
    width: 100%;
}

[role=post-content] .title-desc__description ul {
    display:flex;
    gap: 1rem;
    row-gap: 3rem;
    flex-wrap: wrap;
    @media(max-width:600px) {
        flex-direction: column;
    }
}

[role=post-content] p:has(img) {
    margin: 0 auto;
    width: fit-content;
    max-width: 800px;
}

[role=post-content] p img {
    width: 100%!important;
    margin: 0 auto;
    width: fit-content;
    margin:1rem 0!important;
}

/*---------------------------------------------------------
CONTACTO
---------------------------------------------------------*/

.Contacto .palladium-contact-reserve.aem-GridColumn.aem-GridColumn--default--12,
.Contact .palladium-contact-reserve.aem-GridColumn.aem-GridColumn--default--12 {
    display: none;
}

.Contacto .palladium-travel-club-jotform,
.Contact .palladium-travel-club-jotform {
    background: #1b1919;
}

.Contacto .palladium-travel-club-jotform .form,
.Contact .palladium-travel-club-jotform .form {
    background: #1b1919;
}

/*---------------------------------------------------------
PSEUDOCOMPONENTES
---------------------------------------------------------*/

span.pal-home__span2 {
    color: white!important;
}

.palladium-travel-club-breadcrumb {
    display: none!Important;
}

[role=intro-internal] .title-description__container.no-cta {
    max-width: 100%!important;
    width: 100%!important;
}


[role=intro-internal] .title-desc__info {
    display: flex;
    flex-direction: column!important;
    align-items: flex-start!important;
    padding-top: 0rem;
}

[role=intro-internal] .title-desc__description {
    margin: 35px 0!important;
    color: white !important;
    max-width: 100%!important;
}

[role=responsive-rows] .aem-Grid {
    display: flex!important;
    gap: 4rem;
    flex-direction: row;
    max-width: 1250px;
    margin: 0 auto;
    align-items: center;
}

[role=responsive-rows] .cmp-image {
    max-width: fit-content;
    display: flex;
}

[role=responsive-rows] .cmp-image__image {
    object-fit: contain;
    height: auto;
    max-width: 100%;
}

[role=responsive-rows] .text {
    width: 85%!important;
}

[role=responsive-rows] li {
    list-style: disc!important;
    margin-left: 1rem!important;
}

[role=responsive-rows] .title-description__container.no-cta {
    background: transparent!important;
    margin: 0!important;
    padding: 0!important;
}

#mini-advantages[role=advantages] ul.icon-up__advantages {
    margin: 0!important;
    padding-top: 0;
}

[aria-label=blacks] .palladium-travel-club-title-description-redesign .title-desc__title {
    color: white!important;
}

[aria-label=blacks][role=responsive-rows] .palladium-travel-club-title-description-redesign .title-desc__title {
    color: white!important;
}

[aria-label=blacks][role=responsive-rows] li,
[aria-label=blacks][role=responsive-rows] p {
    color: white!important;
}

[aria-label=blacks] {
    padding: 5rem 0;
}

body [aria-label=blacks]:last-child {
    padding: 5rem 0 10rem 0 !important;
}

[aria-label=blacks] .text {
    color: white!important;
}

[aria-label=whites] {
    background-color:white!important;
    padding: 5rem 0;
}

[role=advantages] ul.icon-up__advantages {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    border: 0px;
    align-items: flex-start;
}

[role=advantages] ul.icon-up__advantages {
    -ms-overflow-style: none!important;
    scrollbar-width: none!important;
    margin: 0;
}

[role=advantages] ul.icon-up__advantages::-webkit-scrollbar {
  display: none!important;
}

body [role=advantages] .ventajas .ventajas-list__item {
    width: 20% !important;
    min-width: 185px;
    gap: 1rem;
    margin-right: 0 !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    justify-content: flex-start;
}

[aria-label=blacks] .ventajas .ventajas-list__item {
    border: 1px solid #2d2d2d;
}

[aria-label=whites] .ventajas .ventajas-list__item {
    border: 1px solid #e9e9e9;
}

body [aria-label=whites] .palladium-travel-club-advantages .ventajasContainer .ventajas.container h2 {
    color: #1a1919;
}

body [aria-label=blacks] .palladium-travel-club-advantages .ventajasContainer .ventajas.container h2 {
    color: white;
}

[role=advantages] .ventajas .ventajas__list .ventajas-list__item.cursor-normal p {
    text-align: left;
    line-height: 1!important;
}

[role=advantages] .ventajas .ventajas__list .ventajas-list__item.cursor-normal p:first-child {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
}

[role=advantages] {
    padding-top: 0;
}

body [role=advantages] .palladium-travel-club-advantages .ventajas.container h2 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    padding-bottom: 2rem;
    margin-top: 2rem;
}

body [aria-label=blacks] .ventajas .ventajas__list .ventajas-list__item.cursor-normal p {
    color:white!important;
}

body [role=advantages] .ventajas__list .ventajas-list__item.cursor-normal a p {
    color:white!important;
}

body [role=advantages] .ventajasContainer .icon-up__advantages .ventajas-list-item__img, .palladium-travel-club-advantages .icon-up__advantages .ventajas-list-item__img {
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(1000%) !important;
    background: white !important;
    width: 30px!important;
    height: 30px!important;
    margin-right: 10px!important;
}

body [aria-label=whites][role=advantages] .ventajasContainer .icon-up__advantages .ventajas-list-item__img, .palladium-travel-club-advantages .icon-up__advantages .ventajas-list-item__img {
    filter: invert(100%) sepia(1000%) saturate(0%) brightness(-1%) contrast(0%) !important;
}

body [role=advantages] .ventajas .ventajas-list-item__imgwrap {
    width: 30px!important;
    height: 30px!important;
    margin:0!important;
}

[role=advantages] .palladium-travel-club-advantages .ventajas.container h2 {
    color: white;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    padding-bottom: 2rem;
}

[role=advantages] .title-description__container.no-cta {
    background: transparent!important;
    max-width: 1250px!important;
    margin: 0 auto;
}

[role=advantages] .title-desc__info {
    width: 100%;
}

[role=advantages] .palladium-travel-club-title-description-redesign .title-desc__description {
    margin: 35px 0 0 !important;
    color: white !important;
    max-width: 100% !important;
}

[role=advantages] .title-desc__info {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-top: 5rem;
}

[role=advantages] h3.title-desc__subtitle.medium {
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
}

[role=advantages] .indicaciones-container {
    display: none!important;
}

[role=intro-internal] [aria-label=whites] .title-desc__info {
    background-color: white!important;
}

body .container:has([aria-label="whites"]) {
    background-color: white!important;
}

[aria-label="whites"] .title-description__container.no-cta {
    padding:0;
}

body [aria-label="whites"] .title-desc__info h3.title-desc__subtitle.medium {
    color: #1a1919 !important;
}

[aria-label="whites"] .palladium-travel-club-title-description-redesign .title-desc__title {
   color: #1a1919 !important;
    padding: 0!important;
}

[role=intro-internal] {
    padding-bottom: 0 !important;
    padding-top: 4rem;
}

[role=responsive-brands] {
    display: flex;
    width: -webkit-fill-available;
    justify-content: space-evenly;
    padding-bottom: 5rem;
}

[role=double-btn] {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

[role=double-btn] {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

body [role=double-btn] .button:last-child a {
    color: white!important;
    background: #363030!important;
    padding: 2rem 5rem;
    text-transform: uppercase;
    border: 1px solid;
    text-decoration:none;
    transition: all 0.2s ease-out;
}

body [role=double-btn] .button:last-child a:hover {
    color: white!important;
    background: black!important;
    padding: 2rem 5rem;
    text-transform: uppercase;
    border: 1px solid;
    transition: all 0.2s ease-out;
}

.container:has([role=double-btn]) {
    width: 100%;
    padding: 0;
}

[aria-label=whites] table p,
[aria-label=blacks] table p {
    margin: 0;
    padding: 1rem 2rem;
}

[aria-label=whites] table td p,
[aria-label=blacks] table td p {
    width: 100%;
}

[aria-label=whites] table,
[aria-label=blacks] table {
    width: 100%;
}

[role=pinned_menu] .ptc-pinned-menu {
    padding-top: 10vh;
}

[role=pinned_menu] ul.pinned-menu__list {
        display:flex;
        gap: 2rem;
        border-bottom: 1px solid #ffffff29;
        max-width: fit-content;
        margin: 0 auto;
}

[role=pinned_menu] .pinned-menu__link {
    background-color: transparent;
    padding: 0;
    width:fit-content;
    height: fit-content;
}

[role=pinned_menu] .pinned-menu__link.active span {
    font-weight:500!important;
}

[role=pinned_menu] li.pinned-menu__item {
    padding-bottom: 1rem!important;
}

[role=pinned_menu] li.pinned-menu__item.pinned-menu__item--highlight {
    background:transparent!important;
    padding: 0;
    width:fit-content;
    height: fit-content;
    padding-bottom: 1rem!important;
    border-bottom: 2px solid white;
}

[role=pinned_menu] .pinned-menu__item--highlight .pinned-menu__link {
    background:transparent!important;
}

[role=pinned_menu] .pinned-menu__item--highlight .pinned-menu__title {
    color:white;
}

[role=pinned_menu] .pinned-menu__item {
    display: inline-flex!important;
    width: fit-content!important;
    min-width: fit-content!important;
}

[role=pinned_menu] .pinned-menu__link span {
    font-size: 12px;
    width: fit-content;
    font-family: 'Avenir', sans-serif;
    font-weight:200!important;
}

[role=pinned_menu] li.pinned-menu__item.pinned-menu__item--highlight span {
    font-size: 12px;
    width: fit-content;
    font-family: 'Avenir-Black', sans-serif;
    font-weight:500!important;
}

[role=pinned_menu] .pinned-menu__link:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: white !important;
}

[role=pinned_menu] .pinned-menu__link:hover span {
    color: white !important;
}

[role=gallery-internal] .cmp-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

[role=gallery-internal] .image {
     width: calc(20% - 10px);
     aspect-ratio: 1 / 1;
     object-fit: cover;
     max-width: 100%;
     position: relative;
     border-radius: 4px;
     overflow: hidden;
     position:relative;
}

[role=gallery-internal] .cmp-image__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.palladium-travel-club-menu-ofertas .anchored-menu-wrapper .anchored-menu__item::before,
.palladium-travel-club-menu-ofertas .anchored-menu-wrapper .anchored-menu__item::after {
    border-top: 0px solid!important;
}

body .root [role=internal_menu] .palladium-travel-club-menu-ofertas .anchored-menu-wrapper .anchored-menu__list a {
    background: #1a1919 !important;
    color: white !important;
    border: 0;
    font-style: normal;
    border: 0px !important;
    font-weight: 400;
    padding: 0 16px !important;
}

[role=internal_menu] .palladium-travel-club-menu-ofertas .anchored-menu-wrapper .anchored-menu__list {
    border-bottom: 1px solid #ffffff1f;
}

[role=internal_menu] li.anchored-menu__item {
    margin-bottom: 0!important;
    height: 100%;
    display: flex;
    align-items: center;
}

[role=internal_menu] li.anchored-menu__item.active {
    border-bottom: 2px solid white;
}

[role=offers-general] .embed {
    margin-top: 0!important;
}

[role=offers-general] .embed div {
    background: transparent!important;
    padding: 0.5rem 2rem 2rem 2rem;
}

[role=offers-general] .embed h2 {
    font-family: 'Avenir', sans-serif;
    font-weight:400!important;
    text-transform:uppercase;
    font-size: 2rem;
    color: white!important;
    margin-bottom:2rem;
}

body [role=offers-general] .embed p:first-of-type {
    margin-bottom: 1rem;
}

body [role=offers-general] .embed p {
    font-family: 'Avenir', sans-serif;
    font-weight:400!important;
    color: white!important;
    max-width: 300px;
    margin: 0 auto;
    line-height: 1;
    margin-bottom: 3rem;
}

body .root [role=offers-general] .embed a {
    font-family: 'Avenir', sans-serif;
    font-weight:400!important;
    background-color:transparent!important;
    color: white!important;
    max-width: 300px;
    padding: 1rem 2rem;
    margin: 0 auto;
    text-transform: uppercase;
    transition: 0.3s all ease-out;
}

body .root [role=offers-general] .embed a:hover {
    background-color:white!important;
    color: #1a1919!important;
}

body [aria-label=blacks][role=youtube-embeds] {
    padding-top: 10rem !important;
}

[role=youtube-embeds] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

[role=youtube-embeds] .embed {
    margin: 0 !important;
}

[role=youtube-embeds] iframe {
    max-width: 400px;
}

[role=faqs-wrapper] .item-body {
    display: none;
}

[role=faqs-wrapper] .faqs-accordion__title {
    font-size: 20px;
    font-family: 'Avenir', sans-serif;
    font-weight: 400;
}

[role=faqs-wrapper] {
    max-width: 1250px;
    margin: 0 auto;
}

[role=faqs-wrapper] li.faqs-accordion-questions__item.cust__acordeon {
    padding: 2rem 4rem;
    border-bottom: 1px solid;
}

[role=faqs-wrapper] .item-heading {
    position: relative;
}

[role=faqs-wrapper] .item-heading:after {
    content: "+"!important;
    font-size: 40px!important;
    color: black;
    position: absolute!important;
    right: 20px!important;
    top: 50%!important;
    transform: translateY(-50%)!important;
}

[role=faqs-wrapper] span.item-heading__title {
    font-size: 25px;
}

[role=faqs-wrapper] ul.faqs-accordion__questions {
    padding-top: 4rem;
}

[aria-label=blacks][role=faqs-wrapper] .faqs-accordion__title {
    color: white;
}

[aria-label=blacks][role=faqs-wrapper] ul.faqs-accordion__questions {
    color: white;
}

[role=faqs-wrapper] p {
    padding-top: 4rem;
    font-size: 18px;
}

[aria-label=blacks][role=faqs-wrapper] .item-heading:after {
    color: white;
}

body [role=legals][aria-label=whites] {
    padding-top: 10rem!important;
    padding-bottom: 0!important;
}

[role=legals] .cont-page {
    color: #1a1919 !important;
}

body .root [role=legals] .embed span {
    color: #1a1919 !important;
}

[role=legals] h1.terms-conditions-title {
    color: #1a1919 !important;
    font-style: normal !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.Términos .ptc-generic-header header .header-container,
.Política .ptc-generic-header header .header-container,
.Sistema .ptc-generic-header header .header-container,
.Privacidad .ptc-generic-header header .header-container,
.Terms .ptc-generic-header header .header-container,
.Policy .ptc-generic-header header .header-container,
.system .ptc-generic-header header .header-container,
.Privacy .ptc-generic-header header .header-container {
    background-color: #1a1919 !important;
}

.palladium-travel-club-jotform {
    background: transparent !important;
    position: relative;
}

.palladium-travel-club-jotform .form {
    background: transparent !important;
    padding: 0!important;
}

[role=legals] {
    max-width: 1250px;
    margin: 0 auto;
}

[role=offers-internal] .title-description__container.no-cta {
    background: #1a1919!important;
}

[role=offers-internal] .palladium-travel-club-title-description-redesign .title-desc__description {
    font-family: "Avenir", sans-serif !important;
    color: white!important;
}

[role=offers-pop-up] {
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

[role=offers-pop-up] .center-page .center-page-container {
    position: relative!important;
}

[role=offers-pop-up] .center-page {
    background-color: #1a1919;
    height: fit-content;
}

body [role=offers-pop-up] .center-page .center-page-container {
    position: static !important;
    padding: 0 0 2rem 0 !important;
    height: fit-content !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

[role=offers-pop-up] .cabecera-banner,
[role=offers-pop-up] .oferta-description,
body [role=offers-pop-up] .oferta-volver  {
    display: none;
}
[role=offers-pop-up] .palladium-detail-offer,
[role=offers-pop-up] .oferta-informativa{
    margin-top:0!important;
}

[role=offers-pop-up] .oferta-informativa .oferta-legals .ofertas-legal__item {
    font-size: 14px !important;
    padding: 2rem 3rem;
    border: 1px #1a1919 !important;
    font-weight: 400 !important;
    transition: 0.3s all ease-out;
    color: white !important;
    text-transform: uppercase !important;
}

[role=offers-pop-up] .oferta-informativa .oferta-legals .ofertas-legal__item:hover {
    color: #9a7611 !important;
    background: transparent;
}

[role=offers-pop-up] .oferta-informativa .oferta-legals .ofertas-legal__item:after {
    display: none;
}

[role=offers-pop-up] .cmp-button {
    border: 1px solid white;
    padding: 2rem 3rem;
    cursor: pointer;
    transition: 0.3s all ease-out;
    color: white !important;
    text-transform: uppercase;
    height: fit-content!important;
}

[role=offers-pop-up] .cmp-button:hover {
    text-decoration: none;
    background: white;
    color: black!important;
}

[role=offers-pop-up] .button {
    display: flex;
}

.page-ofertasDestinoPage [role=advantages] {
    margin-top: 3rem;
}

body [aria-label=whites] .ofertas-destacadas {
    margin-top: 2rem !important;
}

body .root [role=gallery-offers] .palladium-travel-club-assets-gallery .assets-gallery--wrapper .slick-prev, 
body .root [role=gallery-offers] .palladium-travel-club-assets-gallery .assets-gallery--wrapper .slick-next {
    border: 2px solid white!important;
}

body .root [role=gallery-offers] .palladium-travel-club-assets-gallery .assets-gallery--wrapper .slick-prev:before,
body .root [role=gallery-offers] .palladium-travel-club-assets-gallery .assets-gallery--wrapper .slick-next:before {
    color:white!important;
}

[role=gallery-offers] {
    max-width: 1200px;
    margin: 0 auto;
}

[role=gallery-offers] .palladium-travel-club-assets-gallery .assets-gallery--wrapper .slick-center>div {
    border: 0 !important;
}

body [role=promotions] .promo-component h2 {
    font-family: 'Avenir', sans-serif;
    color: black;
    text-transform: uppercase;
    text-decoration: none!important;
    border: 0px!important;
    text-decoration-color: white!important;
}

[role=advantages] .ventajas .ventajas__list {
    gap: 2rem;
    margin: 0 auto;
    border: 0;
    justify-content: center;
}

[aria-label=whites][role=related-offers] {
    padding-top: 0;
}

[role=related-offers] h2.ofertas-destacadas__titulo {
    font-family: 'Avenir', sans-serif;
    font-style: normal;
    color: black;
    font-weight: 400;
}

[role=related-offers] .ofertas-destacadas .ofertas-destacadas__btn a {
    max-width: 300px;
    border-color: black!important;
    color: black!Important;
    border-radius: 0!important;
    font-family: 'Avenir', sans-serif;
    text-transform: uppercase!important;
    transition: 0.3s all ease-out;
}

[role=related-offers] .ofertas-destacadas .ofertas-destacadas__btn a:hover {
    color: white!important;
    background-color: black!important;
}

#ef-advs .ventajas .ventajas-list__item .ventajas-list-item__img {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
}

/*---------------------------------------------------------
ESTILOS ANTIGUOS (revisado y util)
---------------------------------------------------------*/
/* Background */
#location.cmp-container {
    background-color: #1b1919 !important;
    border: 0 !important;
}

#location.cmp-container{
    padding-top: 50px;
    margin-top: 50px;
}

#map #content h4 {
    text-transform: uppercase;
    font-size: 16px; 
    font-weight: 500; 
    text-align: left; 
    margin-top: 15px; 
    margin-bottom: 0px!important;
}

#map #content .cmp-text p {
    text-align: left; 
    font-size: 12px;
    padding-bottom:0rem;
}

#location #riviera-maya #modal-riviera-maya, 
#location #costa-mujeres #modal-costa-mujeres, 
#location #riviera-nayarit #modal-riviera-nayarit, 
#location #punta-cana #modal-punta-cana, 
#location #jamaica #modal-jamaica, 
#location #imbassai #modal-imbassai, 
#location #ibiza #modal-ibiza, 
#location #tenerife #modal-tenerife {
    display: none 
}

/*---------------------------------------------------------
RESPONSIVE
---------------------------------------------------------*/

/*Menu hamburguesa*/
@media screen and (max-width: 1024px) {
    li#rewards-login:first-child {
        display: none;
    }
    .ptc-generic-header header .menu-burger__container {
        padding-top:0!important;
    }
    .generic-header header.center .nav-principal.open>div.nav-principal__2 ul li:last-child {
        position: inherit !important;
        border-right: 0px !important;
        justify-content: left !important;
        align-items: flex-start !important;
        z-index: 1000 !important;
        display: flex !important;
        margin-top: 0vh !important;
        margin-bottom: 3rem !important;
        padding: 0!important;
    }
    .generic-header header.center .nav-principal>div.nav-principal__2 ul {
        align-items: flex-start;
    }
}

@media (max-width:820px) {
    .generic-header header .nav-principal ul:not(.menu-burger__list) #rewards-login {
        min-height: auto;
        align-items: center;
    }
}

/*Home*/
@media (max-width: 480px) {
    #intro_row ul {
        column-count: 1!important;
    }
    
    #benefits_list {
        margin-top: -1rem;
        padding: 0rem 2rem 2rem 3rem;
    }
    
    #benefits_list .title-description__container.no-cta {
        margin: 0!important;
        padding: 2rem 0 0 0;
    }
    #benefits_list {
      height: 100%;
      max-width: 100%;
    }
        .button #myBtn {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .ampliado button {
        padding: 1rem 0 1rem 3rem !important;
    }
    #intro_row .image {
        padding-top: 5rem;
        text-align: right;
        display: flex;
        justify-content: center;
    }
    #intro_row .title-description__container.no-cta {
        margin-left: 1.5rem !important;
    }
}

/*Mapa*/

@media screen and (max-width:992px){
    #map {
        display: flex !important;
        flex-wrap: nowrap;
        flex-direction: row;
        margin: 0 !important;
        width: 100% !important;
        justify-content: center;
    }
    #map div#image-d5d1cfbf36 {
        display: none !important;
    }
    #bullet {
        display:none!important
    }
    #map .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
        width: fit-content !important;
        height: fit-content !important;
    }
}

@media (max-width: 820px) {
    #map {
        margin-top: 0!important;
    }
    #location #riviera-maya #modal-riviera-maya,
    #location #costa-mujeres #modal-costa-mujeres,
    #location #riviera-nayarit #modal-riviera-nayarit,
    #location #punta-cana #modal-punta-cana,
    #location #jamaica #modal-jamaica,
    #location #imbassai #modal-imbassai,
    #location #ibiza #modal-ibiza,
    #location #tenerife #modal-tenerife {
        display: block!important;
        height: 100% !important;
        margin: 2rem 0!important;
    }
}
    
@media (max-width: 820px) {
    body #location #riviera-maya, 
    #location #costa-mujeres, 
    #location #riviera-nayarit, 
    #location #punta-cana, 
    #location #cap-cana, 
    #location #jamaica, 
    #location #imbassai, 
    #location #ibiza, 
    #location #tenerife {
        position: relative !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        z-index: 0 !important;
    }
}

@media (max-width: 480px) {
    #map .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
        width: 100%!important;
    }
    #map .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
        margin: auto!important;
        display: flex!important;
        justify-content: center!important;
        padding: 0!important;
        min-height: 190px!important;
        margin-top: 1rem!important;
    }   
    #map .aem-Grid {
        max-width: 350px !important;
        overflow: hidden;
    }  
    #map a {
        color: white !important;
        text-decoration: none !important;
        max-height: 120px;
        display: flex;
    }
    #modal-riviera-maya, 
    #modal-costa-mujeres, 
    #modal-riviera-nayarit, 
    #modal-punta-cana, 
    #modal-cap-cana, 
    #modal-jamaica, 
    #modal-imbassai, 
    #modal-ibiza, 
    #modal-tenerife {
        width: 400px!important;
    }  
    #modal-riviera-maya .container, 
    #modal-costa-mujeres .container, 
    #modal-riviera-nayarit .container, 
    #modal-punta-cana .container, 
    #modal-cap-cana .container, 
    #modal-jamaica .container, 
    #modal-imbassai .container,
    #modal-ibiza .container, 
    #modal-tenerife .container {
        max-width: 400px!important;
    }    
    #modal-riviera-maya .image, 
    #modal-costa-mujeres .image, 
    #modal-riviera-nayarit .image, 
    #modal-punta-cana .image, 
    #modal-cap-cana .image, 
    #modal-jamaica .image, 
    #modal-imbassai .image, 
    #modal-ibiza .image, 
    #modal-tenerife .image {
        width: 400px!important;
    }
    #location .cmp-image__image {
        width: 100%;
        object-fit: cover;
        object-position: bottom;
    }
    #location #riviera-maya #modal-riviera-maya,
    #location #costa-mujeres #modal-costa-mujeres,
    #location #riviera-nayarit #modal-riviera-nayarit,
    #location #punta-cana #modal-punta-cana,
    #location #jamaica #modal-jamaica,
    #location #imbassai #modal-imbassai,
    #location #ibiza #modal-ibiza,
    #location #tenerife #modal-tenerife {
        margin: 0!important;
    } 
    #location .indicaciones-container div {
        margin: 0!important;
    }   
    #location .title-description__container.no-cta {
        max-width: 100%!important;
        width: 100%!important;
    }
    #location h3.title-desc__subtitle.medium {
        text-align: center!important;
    }
}

@media (max-width: 375px) {
    #modal-riviera-maya .container, 
    #modal-costa-mujeres .container, 
    #modal-riviera-nayarit .container, 
    #modal-punta-cana .container, 
    #modal-cap-cana .container, 
    #modal-jamaica .container, 
    #modal-imbassai .container, 
    #modal-ibiza .container, 
    #modal-tenerife .container {
        max-width: 325px!important;
        margin-top: 105px!important;
    }
    #modal-riviera-maya .image, 
    #modal-costa-mujeres .image, 
    #modal-riviera-nayarit .image, 
    #modal-punta-cana .image, 
    #modal-cap-cana .image, 
    #modal-jamaica .image, 
    #modal-imbassai .image, 
    #modal-ibiza .image, 
    #modal-tenerife .image {
        width: 325px!important;
    }
    #map .container.responsivegrid.aem-GridColumn--default--none.aem-GridColumn.aem-GridColumn--default--8.aem-GridColumn--offset--default--0 {
        min-height: 175px;
        width: 325px!important;
    }
    #map .aem-Grid {
        max-width: 360px;
    }
}

/*Internas pseudocomponentes*/

@media (max-width:1600px){
    body [role=advantages] .ventajas .ventajas-list__item {
        min-height: 120px;
    }
}

@media screen and (max-width: 1024px) {
    [role=advantages] .ventajas .ventajas-list__item {
        width: 40% !important;
    }
    [role=advantages] .title-description__container.no-cta {
        width: 100% !important;
    }
}

@media screen and (max-width: 992px) {
    .generic-header header .header-container .nav-principal {
        background: #000!important;
    }
    [role=gallery-internal]  .image {
        width: calc(33.333% - 10px);
    }
}

@media (max-width:820px) {
    #benefits_list {
        height: 100%;
    }
    .button:has(#button_register) {
        padding: 4rem 0 2rem 0;
    }
    [role=responsive-rows] .aem-Grid {
        flex-direction: column!important;
        max-width: 700px!important;
        margin: 0 auto;
        align-items: center;
    }
    /* Posicion iconos en paginas hoteles */
    .hotel-page .info-hotel__icons {
        display: flex;
        justify-content: center!important;
        flex-wrap: wrap;
    }
    .hotel-page .root .info-hotel .info-hotel__icons .info-hotel-icons__item {
        margin-right: 0!important;
    }
    .hotel-page .info-hotel .info-hotel__icons>a {
        min-width: 150px;
    }
}

@media screen and (max-width: 600px) {
    [role=gallery-internal]  .image {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 480px) {
    [role=advantages] ul.icon-up__advantages {
        padding-top: 0;
    }
    body [role=advantages] .ventajas .ventajas-list__item {
        width: 100% !important;
        margin: 0;
    }
    body [role=advantages] .palladium-travel-club-advantages .ventajas.container h2 {
        margin: 0;
    }
    body [role=advantages] .ventajas .ventajas-list__item {
        width: 100% !important;
    }
    [role=advantages] .title-description__container.no-cta {
        padding: 0;
        width: 100%!important;
    }
    [role=advantages] .title-desc__info {
        padding-top: 1rem;
    }
    body [role=advantages] .ventajas .ventajas-list__item {
        min-height: 60px;
    }
    #modal-bookings.active-modal {
        width: 400px;
        flex-direction: row;
    }
    #modal-bookings .container.responsivegrid {
        padding-top: 5rem;
    }
    #modal-bookings .title {
        position: absolute;
    }
    #modal-bookings {
        transform: translate(-50%, -55%);
        padding: 5rem 2rem;
    }
    .footer-links {
        width: 100%;
        min-width: 200px;
    }
	#footer_links .container {
		width: 100%;
	}
	#footer_links {
		flex-direction: column;
	}
	div#modal-bookings {
    		width: 420px;
	}
	#modal-bookings .container.responsivegrid {
    		width: 100%;
	}
	.container-hover {
 		position: relative;
		height: fit-content;
	}
    .container-hover p {
        position: relative;
    }
	p.animated-link {
		transform: translateY(0);
		opacity: 1;
		margin-top: 5px;
	}
    [role=offers-general] .embed div {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }
    [role=offers-general] .embed div.reverse {
        flex-direction: column-reverse !important;
    }
    
    [role=offers-general] .embed .reverse div:last-child {
        margin-bottom: 2rem;
    }
    [role=offers-general] .embed .reverse div:first-child {
        margin-bottom: 2rem;
    }
    [role=offers-general] img {
        object-fit: cover;
    }
    [role=faqs-wrapper] .item-heading {
        max-width: 300px;
    }
    [role=faqs-wrapper] .item-heading:after {
        right: -10vw !important;
    }
    [role=responsive-brands] {
        display: flex;
        flex-wrap: wrap;
    }
    [role=responsive-brands] .image {
        padding-top: 0!important;
    }
    [role=intro-internal] .palladium-travel-club-title-description-redesign .title-description__container {
        padding-top: 5rem;
    }
    [role=post-content] .title-desc__description ul {
        flex-direction: column;
    }
    .Traslados [role=intro-internal] .palladium-travel-club-title-description-redesign h3, 
    .Transfers [role=intro-internal] .palladium-travel-club-title-description-redesign h3 {
        margin-top: 4rem;
    }
}

/*CSS internas*/
@media screen and (max-width: 480px) {
    #exclusive-advs ul.icon-up__advantages {
        justify-content: center;
    }
}

/* Media Queries antiguas (funcionales) */
@media screen and (max-width: 992px) {
    .ptc-generic-header header .header-container .brand img {
      height: 45px!important;
      width: auto;
    }
  
    .ptc-generic-header header.hasMenuBurger .header-container {
      transition: 0s;
    }
  
    .ptc-generic-header header .header-container .nav-principal {
      background-color: black;
    }
  
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li:last-child {
      border-right: 0;
    }
  
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li ul li:nth-of-type(2),
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li ul li:nth-of-type(3),
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li ul li:last-child {
      position: initial;
      height: auto;
      width: 100%;
    }
  
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li ul li a {
      font-size: 14px !important;
    }
  
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li ul {
      position: fixed;
      width: 100%;
      margin-top: 0;
      top: 70px;
      right: 0;
      transition: 0s;
      height: -webkit-fill-available;
      display: none;
    }
  
    .ptc-generic-header header.center .nav-principal > div.nav-principal__2 ul li:hover ul {
      display: block;
    }
  
    .ptc-generic-header header .nav-principal ul:not(.menu-burger__list) li > a {
      font-size: 18px;
      font-weight: 500;
    }
}