html{
    scroll-behavior:smooth;
}
.clubtm-intro_text{
    margin:2em 0;
}

.pdf-bases a, .btn-fidelizacion_catalogo a.btn {
    color: #dd3b41 !important;
  }
.clubtm a:hover {
    text-decoration: none;
    cursor: pointer;
}
.vip-home picture.section-header img{
    padding:0 15px;
}
.vip-home .clubtm-intro_text{
    padding:15px;
}
.vip-nav-background{

}
.clubtm h6, .clubtm h4 {
    line-height:1.5;
}
.clubtm b{
    color:black;
}

#tab-plan .row{
    margin:3em 0;
}
.tab-plan-content .loyalty-header img{
    padding:15px;
}

.clubtm-vip .clubtm-yellow {
    color:goldenrod;
}
.clubtm-yellow {
    color: #fbce20;
}

.clubtm-gold{
    color:goldenrod;
}

.background-gold{
    background-color:goldenrod;
}

.color-gold{
    color:goldenrod;
}

.border-gold{
    border-color:goldenrod;
}


.yellow {
    color: #fbce20;
}

.white {
    color: white;
}

.red {
    color: #dd3b41;
}

.black {
    color: black;
}

.bg-yellow {
    background-color: #fbce20;
}

.bg-red {
    background-color: #dd3b41;
}

.clubtm .banner-aptb-link {
    display: none;
}

.section-club h2 {
    color: #fbce20;
}

.section-club.clubtm-vip h2 {
    color: goldenrod;
}

.section-club h3 {
    line-height: 2;
}

.clubtm .nav {
    padding-bottom: 2em;
    border: none;
}

.clubtm #tab-plan .placeholder-image {
    padding-top: 0px;
}

.clubtm .section-title {
    color: rgb(251, 206, 32);
}

.clubtm .nav-tabs li.active {
    background: rgb(251, 206, 32);
    border-color: rgb(251, 206, 32);
}

.clubtm-vip .nav-tabs li.active{
    background: goldenrod;
    border-color: goldenrod;
}

.clubtm .section-subtitle {
    /*color: #999999;*/
    color:  #88898a;
}

.clubtm .nav-tabs>li>a:hover {
    color: #fbce20;
}

.clubtm .banner-aptb {
    display: none;
}

.clubtm-vip .clubtm-yellow{
    color:goldenrod;
}

.subnav-club-loyalty {
    display: flex;
    position: fixed;
    flex-direction: row;
    /* justify-content: center; */
    background: transparent;
    position: fixed;
    bottom: 8%;
    display: flex;
    width: 90%;
    z-index: 1;
    align-items: center;

}

.subnav-club-loyalty ul {
    /* position: relative; */
    /*  margin: 0;
    padding: 0 50px; */

    /* display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;
    width: 100%; */
}

.subnav-club-loyalty ul>li {
    display: block;
    /*width: 100%; */
    display: flex;
    flex-direction: row;
}

.clubtm-benefits ul {
    list-style: none;
}

.clubtm-benefits ul>li::before {
    content: "\2713";
    display: inline-block;
    margin-right: 0.5em;
    color: black;

}
.clubtm.section-loyalty b, .clubtm.section-loyalty a, .clubtm.section-loyalty section b{
    color:black;
    font-weight:bold;

}
.clubtm ul>li b{
    color:black;
}

.clubtm h3, .clubtm h4, .clubtm  {
    color: grey;
}

.clubtm-escape ul {
    list-style: none;
}

.clubtm-escape ul>li::before {
    content: "\2713";
    display: inline-block;
    margin-right: 0.5em;
    color: black;

}



.ticket-holder .placeholder-image {
    text-align: center;
}


.tickets-tab .card-full-width{
    position: relative;
}

.tickets-tab .card-title{
    color:white;
    position: absolute;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    top: 28%;
    right: 2%;

}

.tickets-tab h4 {
    color: black;
}

.tickets-tab .tickets-text {
    text-align: justify;
}

.tickets-tab h4 {
    /*text-align: justify;*/

}


.ticket-holder .tickets-text h4 {
    font-size: 1.5em;
}


.loyalty-header img, .entradas-header img{
    width: 100%;
}

.preloader {
    display: none;
}

.clubtm-escape {
    line-height: 1.2;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 3s infinite;
    padding-top: 60px;

}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.goto-aptb-btn {
    background-color: #dd3b41;
    color: white;
    border: solid 1px #dd3b41;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
}


a.goto-aptb-btn:hover {
    background-color: white;
    color: #dd3b41;
    border: solid 1px #dd3b41;
    text-decoration: none;

}

.clubtm-vip .options-cards {
    padding: 0;
    max-width: 1200px
}

.clubtm-vip .option-card {
    border: 1px solid goldenrod;
    margin: 0;
    color: goldenrod;
}

.clubtm-vip .option-card h3 {
    color: goldenrod;
}

.clubtm-vip .option-card a .btn {
    background: goldenrod;
}

.clubtm-vip .section-title {
    color: goldenrod;
}

.clubtm-vip .option-card a:hover {
    background: goldenrod;
    color: goldenrod !important;
}

.clubtm-vip .option-card button.btn:hover {
    color: goldenrod !important;
}

.section-card .cover {
    /*  height: 650px; */
    margin-bottom: 3em;
    position: relative;
    text-align: center;
    color: white;
    width: 100%;
    padding: 20px;

    /* padding-bottom: 100%; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.clubtm.section-card .cover {
    background-image: url('https://static.tmgrupoinmobiliario.com/media/clubtm/10_Banner+1400x450_Tarjeta+Club+TM.jpg');
}

.clubtm-vip.section-card .cover{
    background-image: url('https://static.tmgrupoinmobiliario.com/media/clubtm/10_Banner+1400x450_Tarjeta+Club+TM+VIP.jpg');
}



.section-card .cover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Change the opacity (0.5) as desired */
    pointer-events: none;
    /* Allows interaction with the content behind */
}

.section-card .cover-content {
    position: relative;
    /* top: 42%;
    left: 50%;
    transform: translate(-50%, -50%); */
    font-size: 12px;
    line-height: 3;
    margin: 60px 0 0 0;
}

.section-card .cover-content h4 {
    color: white;
}

.section-card .cover-content h1 {
    color: white !important;
}


.section-card .cover h1 {
    font-size: 4em;
}

.clubtm.section-card .cover .buttons {
    display: flex;
    justify-content: center;
}

.clubtm-vip.section-card .cover .buttons {
    display: flex;
}

.section-card .cover a.cover-menu-btn {
    color: white;
    /* background-color: #dd3b41b8; */
    /* border: #dd3b41; */
    padding: 5px 40px;
    margin: 10px;
    /* width: 100%; */
    font-weight: 600;
    border: 1px solid white;

}

.section-card .card-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    padding: 0 15px;

}

.section-card .cover .text {
    color: white;
}

.section-card .modal-discount .copy-discount-holder {
    max-width: 300px;
    margin: auto;
}


.section-card .modal .copy-discount-holder .copy-discount-input {
    background-color: transparent;
    border-style: dashed;
}

.section-card .modal .modal-description {
    margin: 2em 2.5em;
    line-height: 2;
}

.section-card .modal .modal-btn {
    background: #dd3b41;
    color: white;
    font-weight: 600;
    border-radius: 0;
}

.section-card .offer-card {
    padding: 15px 0;
    width: 100%;
}

.section-card .offer-card:hover {
    cursor: pointer;
}

.offer-card a {
    display: block;
    height: 0;
    padding-bottom: 177.778%;
    /* padding-bottom: 150%;*/
    overflow: hidden;
    position: relative;
    text-align: center;
}

.offer-card img {
    width: 100%;
    /*filter: brightness(0.7);*/
}

.offer-card .card-title {
    color: white;
    display: inline-block;
    font-size: 30px;
    /* padding: 20px; */
    font-weight: 600;
    background: #00000042;
    /* margin: 0 15px; */
    width:100%;
}

.offer-card .card-btn {
    /*bottom: -20px;*/
    z-index: 2;
    background: transparent;
    border: 0;
    /* -webkit-transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-o-transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*transition: bottom 0.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    border: 1px solid #fff;
    padding: 10px 20px;
    color: #fff;
    /*bottom: 40px;*/
    margin: 0 0 4em 0;
}

.section-card .boton-tarjeta {
    width: 100% !important;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
    padding: 12px 12px;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
    text-align: center;
}

.section-card .row {
    flex-direction: row-reverse;
}

.section-card .cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

.section-card .cover .nav-tabs {
    background: transparent;
}

.section-card .cover .nav-tabs li {
    border: none;
    background: transparent;
}

.section-card .cover .nav-tabs li.active {
    border: none;
    background: transparent;

}

.section-card .cover .nav-tabs li.active a {
    border: 1px solid rgb(251, 206, 32);
    border-radius: 0;
    color: rgb(251, 206, 32);
}
.section-card.clubtm-vip .cover .nav-tabs li.active a{
    border: 1px solid goldenrod;
    color: goldenrod;
}

.section-card .cover .nav-tabs li a {
    /*  border:none; */
    border: 1px solid white;
    border-radius: 0;
}

.section-card .cover .nav-tabs li a:hover {
    border: 1px solid rgb(251, 206, 32);
}
.section-card.clubtm-vip .cover .nav-tabs li a:hover {
    border: 1px solid goldenrod;
    color: goldenrod;
}




@media(max-width:660px) {
    /*
    .seccion-card .cover-content {
        top: 54%;
    }

    .clubtm.section-card .cover .buttons {
        flex-direction: column;
    }


    .seccion-card .cover .cover-title {
        margin: 0 0 20px 0 !important;
    }

    .seccion-card .cover .cover-subtitle {
        margin-bottom: 30px;
    }

    .seccion-card .cover .download-card-btn {
        position: relative;
        left: 4%;
    }
*/
}



.section-card .cards-container-title {
    padding: 0 20px;
    margin: 20px 0;
    text-align: left;
}

.section-card .underline {
    border-top: 2px solid #fbce20;
    width: 100px;
    margin: 0 0 0 20px;
}
.section-card.clubtm-vip .underline{
    border-top-color: goldenrod;
}


.section-card .intro {
    /* padding: 20px; */
}

.section-card .intro h3,
.section-card .intro h1 {
    text-align: left;

}

.section-card .intro h1 {
    margin: 2em 0 0 0;
}

.section-card .cards .title-container {
    margin: 2em 0 1em 0;
}

.section-card .cover-title {
    margin: 0 0 50px 0;
}

.section-card .download-card-btn {
    padding: 5px 0;
    border: 1px solid #fbce20;
    font-weight: 600;
    color: white;
    width: 220px;
    display: block;
    margin: auto;
}
.section-card.clubtm-vip .download-card-btn {
    border-color: goldenrod;
}

.section-card .bases-tm-card-btn {
    padding: 5px 40px;
    border: 1px solid #DD3B41;

}

.pdf-bases a{
    color:#dd3b41;
}

.section-card .intro .bases {
    margin: 3em 0;
}

.section-card .intro select {
    border: 1px solid #d1d1d1db;
    margin: 20px 0 0 0;
    font-size: 16px;
}

.section-card .row-dropdown {
    margin: 20px 0;
}

.section-card .row-dropdown button {
    background-color: white;
    color: black;
    font-weight: 700;
    border: none;
    font-size: 16px;
}

.section-card .row-dropdown button:focus {
    background-color: white;
    color: black;
}

.section-card .row-dropdown button:hover {
    background-color: white;
    color: black;
}

.section-card .row-dropdown .open button#dropdownMenu1 {
    background-color: white;
    color: black;
}


.section-card .row-dropdown ul {
    background-color: rgb(228, 0, 43);

}

.section-card .row-dropdown li>a {
    font-size: 16px;
    color: white;

}

.section-card .row-dropdown li>a:hover {
    color: white;
    background-color: rgb(228, 0, 43);

}

.section-card .zone-title {
    text-align: left;
    margin-top: 2em;
    font-size: 3rem;
    color: black;
    font-weight: 600;
    padding-right:1em;
    display: inline-block;
    text-align:left;
    padding: 10px 20px 10px 0;
}

.section-card .nav-links{
    display:inline;
    position: relative;
    bottom: 5px;
}

.section-card .nav-links .nav-item{
    margin: 2px;
    padding: 3px 12px;
    color:white;
}

.section-card .offers-zone-nav{
    margin:2em 0;
}
.clubtm.section-card .offers-zone-nav



.section-card .tooltip {
    display: block;
    opacity: 1;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    /* position: relative;*/
    /* right: 2em; */
}

.section-card .tooltip.in {
    opacity: 0;
}

.section-card .tooltip.in {
    opacity: 1;
}

.section-card .btn-copy {
    height: 42px;
}

.section-card .offer-card .vip-nav {
    max-width: 900px;
    margin: auto;
    position: relative;
    bottom: 120px;
}

.vip-nav-item {
    padding: 20px;
    border: 1px solid goldenrod;
    height: 150px;
    background: white;
    transition: background-color 0.3s;
}

.vip-nav-item:hover {
    background-color: goldenrod;
}

.vip-nav-item:hover .vip-nav-button {
    color: goldenrod;
    background-color: white;
}

.vip-nav-item:hover .card-title {
    color: white;
}

.vip-nav-item .vip-nav-button {
    color: white;
    background: goldenrod;
    border-radius: 0;
    margin-top: 20px;
    padding: 3px 40px;
    font-weight: 600;
    font-size: 12px;
    position: relative;
    bottom: -10px;
    transition: color 0.3s, background-color 0.3s;
}

/* .vip-nav-item .card-title {
    color: goldenrod;
    font-weight: 600;
    padding: 10px 0 0 0;
    transition: color 0.3s;
} */

.vip-nav-background {
    max-height: 16em;
    background-color: black;
    color: white;
    font-weight: 800;
    margin:0 15px;
}

.vip-nav-title {
    padding: 50px 5px 10px;
    font-size: 35px;
}

.vip-home .nav-tabs-vip.nav-tabs-centered {
    position: relative;
    top: 0.5em;
    background: transparent;
    border: none;
}

.vip-home .nav-tabs-vip li {
    background: white;
    border: 1px solid black;
    font-size: 14px;
    padding: 20px 15px;
    max-width: 14em;
    height: 136px;

}

.vip-home .nav-tabs-vip li a {
    color: goldenrod;
    font-size: 19px;
    padding: 0;
    /* padding: 0 30px; */
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;

}

.vip-home .nav-tabs-vip li button {
    background: goldenrod;
    color: white;
    font-weight: 600;
    border-radius: 0;
    padding: 3px 30px;
    margin-top: 1em;
    border: none;
    font-size: 12px;
}

.vip-home .nav-tabs-vip li.active a button {
    background: black;

}

.vip-home .nav-tabs-vip li.active {
    background: white;
    border-color: black;
    font-size: 14px;
}

.vip-home .nav-tabs-vip li.active a {
    color: goldenrod;
    cursor: pointer;
    max-width: 15em;
}

.vip-home .tab-title {
    color: goldenrod;
    font-size: 2em;
}

.vip-home li {
    margin-bottom: 1em;
}

.vip-home .tab-content {
    margin: 5em 0;
}

.vip-home .tab-content img {
    width: 100%;
}

.vip-home .comment {
    color: goldenrod;
    font-size: 14px;
    font-weight: 600;
}

.vip-home .vip-tab-content {
    margin: 3em 0;
}

.vip-home .tab-content .row {
    margin: 2em 0;
}

.vip-home .tab-content .row button {
    color: white;
    background-color: goldenrod;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 10px;
}

.clubtm-vip .vip-loyalty-tabs li.active {
    background: goldenrod;
    border-color: goldenrod;
}

.clubtm-vip .vip-loyalty-tabs li a:hover {
    color: goldenrod;
}


.club-aptb .json-placeholder{

}

.scroll-button {
    z-index: 999;
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
    background-color: grey;
    color: white;
    border: none;
    border-radius: 50%;
    padding: 10px 15px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.3s;
    pointer-events: auto;
  }

  .scroll-button:hover {
    opacity: 1;
  }

  /* .the-fives-card-title{
    position: relative;
    padding: 0 20px;
    bottom: 5em;
    font-size: 20px !important;

  } */

  .section-card #zona4 .card-title,.section-card #zona3 .card-title{
    position: relative;
    padding: 0 20px;
    bottom: 5em;
    font-size: 20px !important;
  }

  .tm-universe .revista-slider .card-image{
    position:absolute;
    height:-webkit-fill-available;
  }


//MEDIA


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

    .escape-caribe-text {
        text-align: right !important;

    }

    .ticket-holder .tickets-text .first-heading {
        text-align: right;
    }

}

@media(min-width:660px) {

    .section-club .cover-content .text {
        margin: 40px 0;
    }

    .club-aptb .json-placeholder{
        aspect-ratio: 1140/600 !important;
    }

}

@media screen and (max-width: 990px){
    .tickets-tab .card-title{
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) {
    .tickets-tab .card-title{
        font-size: 20px;
    }
    .img-title{
        font-size:18px;
    }
    .tickets-tab h4 {
        text-align: left;
    }

    .tab-pane .row {
        display: flex;
        flex-direction: column;
    }

    .tab-pane .placeholder-image {
        order: 2;
    }

    .clubtm .section-title {
        font-size: 30px;
    }


    .section-card .cover-content {
        /*  position: absolute;
        top: 47% !important; */
    }



    .clubtm.section-card .cover .buttons {
        flex-direction: column;
    }

    .clubtm-vip.section-card .cover .buttons {
        flex-direction: column;
    }

    .section-card .cover .nav-tabs li.active {
        width: 100%;
    }

    .section-card .cover .nav-tabs li {
        width: 100%;
    }

    .section-card .cover .cover-content .cover-title {
        margin: 0 0 20px 0 !important;
    }

    .section-card .cover .cover-subtitle {
        margin-bottom: 30px;
    }

    .section-card .cover .download-card-btn {
        position: relative;
        left: 4%;
    }

    .section-card .card-title {
        /* font-size: 30px; */
    }
}



@media screen and (max-width:480px) {
    .tickets-tab .card-title{
        font-size: 16px;
    }
    .section-card .cover-content {
        margin-top: 80px;

    }
}