/* Title */

    body .palladium-title-description-redesign .title-description__container{
        max-width: 1251px !important;
        padding-left: 0;
    }

    /* Tabs */

    body .tabs .cmp-tabs{
        margin-top:-60px;
    }

    body .root .tabs .cmp-tabs__tablist{
        border-bottom: 1px solid #e7e7e7; 
        gap: 56px;
    }

    body .root .tabs .cmp-tabs__tablist li{
        font-size: 12px; 
        line-height: 18px; 
        padding-bottom: 28px; 
        margin-right: 0; 
        text-transform: uppercase; 
        border-bottom:3px solid transparent;
    }

    body .root .tabs .cmp-tabs__tablist li.cmp-tabs__tab--active{
        border-color:#9A7611;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container{
        width:100%; 
        overflow: auto; 
        margin-top: 35px; 
        padding-left: 25px;
    }
    
    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container, body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #cuatro.cmp-container > .aem-Grid{
        display: flex;
    }

    

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container .cmp-container{
        width: 400px;
        padding-right: 25px;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container, body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #tres.cmp-container{
        max-width: 1251px;
        margin: 35px auto;
        padding: 0;
        width: auto;
        display: flex;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container{
        display: flex;
        width: 100%;
        padding-left: 25px;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #tres.cmp-container .cmp-container{
        width: 100%;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image{
        width: 50%;
        max-width: 450px;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image .cmp-image{
        display: flex;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image .cmp-image .cmp-image__title{
        position: absolute;
        margin-left: 450px;
        display: block;
        padding-left: 35px;
        margin-top: 35px;
        border-bottom: 0;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #cuatro.cmp-container > .aem-Grid::-webkit-scrollbar{
        display: none;
    }


    /* Imagenes */
    
    .tabs .cmp-image .cmp-image__title{
        font-family: 'Avenir-Medium';
        font-size: 20px;
        line-height: 22px;
        display: block;
        margin-top: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #EFEDE6;
    }
    

    /* Palladium Buttons */

    .tabs .container.single-btns{
        justify-content: flex-start; 
        align-items: flex-start; 
        flex-wrap: wrap; 
        flex-direction: column; 
        width: 100%!important; 
        padding: 0; gap: 20px;
    }
 
    .tabs .single-btns .single-btns__btn{
        display: flex;
        font-size: 14px;
        background: transparent;
        border: 0;
        color: #3d3d3d;
        line-height: 20px;
        padding: 0;
        margin: 0;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        text-transform: none;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        padding-right: 15px;
    }

    .tabs .single-btns .single-btns__btn:hover{
        text-decoration: none;
        color: #000;
    }

    .tabs .single-btns .single-btns__btn::after{
        content: '\e904';
        font-family: 'icomoon' !important;
        color: #aea780; transform: rotate(180deg);
        display: inline-block; font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
        margin-right: 5px;
        transition: 0.5s;
    }

    .tabs .single-btns .single-btns__btn:hover::after{
        margin-right: 0;
    }

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .palladium-Buttons{
        width: 50%;
        margin-left: 35px;
        margin-top: 70px;
        border-top: 1px solid #EFEDE6;
    }


    /* MEDIA QUERIES */

    @media (max-width:992px){

        /* Title & Description */
        
        body .palladium-title-description-redesign .title-description__container{
            padding: 25px 15px;
        }

        body .palladium-title-description-redesign .title-description__container .title-desc__title{
            font-size: 42px;
            margin-bottom: 0;
        }


        /* Tabs */

        body .root .tabs .cmp-tabs__tablist{
            flex-wrap: nowrap;
            overflow: auto;
            gap: 25px;
        }

        body .root .tabs .cmp-tabs__tablist::-webkit-scrollbar{
            display: none;
        }

        body .root .tabs .cmp-tabs__tablist li{
            min-width: fit-content;
        }

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container .cmp-container{
            width:auto;
        }


        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container{
            flex-direction: column;
        }

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image{
            width: 100%;

        }
        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image .cmp-image{
            flex-direction: column;
        }


        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .image .cmp-image .cmp-image__title{
            position: initial;
            margin-left: 0;
            padding-left: 0;
            border-bottom: 1px solid #EFEDE6;
        }

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container{
            padding-left: 0;
        }

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container > .aem-Grid{
            padding-left: 25px;
        }

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container > .aem-Grid > .container , body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #tres.cmp-container > .aem-Grid > .container{
            min-width: 85%;
            max-width: 85%;
        }
        
        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #tres.cmp-container > .aem-Grid{
            display: flex;
        }



        /* Paladium Buttons */

        body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > #uno.cmp-container .cmp-container .palladium-Buttons{
            width: 100%;
            margin-left: 0;
            margin-top: 0;
            border-top: none;
        }

    }


#cuatro {
    position: relative;
    max-width: 1251px;
    margin: 0 auto;
}

body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container {
    padding-right: 25px;
  }

#cuatro > .aem-Grid {
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-top: 30px;
}

.slide {
    scroll-snap-align: start;
}

@media (min-width: 768px) {
    .nav-button {
        position: absolute;
        top: 20%;
        transform: translateY(-50%);
        background: #aea780;
        color: #ffffff;
        border: 0px;
        cursor: pointer;
        z-index: 1000;
        border-radius: 99px;
        width: 70px;
        height: 70px; 
        font-size: 20px;
      }
      
    .prev {
          left: 1px;
      }

      .next {
          right: 1px;
      }

    .nav-button:focus {
    outline-color: #aea780;
    }
}


@media (max-width: 768px) {
    .nav-button{display: none;}

    body .root .tabs .cmp-tabs__tabpanel > .responsivegrid > .aem-Grid > .container > .cmp-container{padding-right: 0;}
}