/* =========================================================
   MLAC PREMIUM TOUR ARCHIVE
   VERSION 3.3
========================================================= */

:root {
    --mlac-gold: #DFC16C;
    --mlac-gold-light: #F1DFA5;
    --mlac-dark: #24211C;
    --mlac-white: #FFFFFF;
}


/* =========================================================
   ASTRA GRID
========================================================= */

#primary .ast-row.mlac-premium-active {

    display:grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap:25px !important;

    width:100% !important;

    margin:0 !important;

    padding:0 !important;
}

#primary .ast-row.mlac-premium-active::before,
#primary .ast-row.mlac-premium-active::after {

    display:none !important;
}


/* =========================================================
   CARD
========================================================= */

#primary .mlac-card {

    position:relative;

    width:100% !important;

    min-width:0;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden;

    border-radius:20px;

    background:
        var(--mlac-dark);

    box-shadow:
        0 12px 35px
        rgba(36,33,28,.12);

    transition:
        transform .45s
        cubic-bezier(.2,.7,.2,1),
        box-shadow .45s ease;
}

#primary .mlac-card:hover {

    transform:
        translateY(-8px);

    box-shadow:
        0 25px 55px
        rgba(36,33,28,.22);
}


/* =========================================================
   IMAGE
========================================================= */

#primary .mlac-card-image {

    position:relative;

    display:block;

    width:100%;

    height:470px;

    overflow:hidden;

    color:#fff;

    background:
        var(--mlac-dark);

    text-decoration:none !important;
}

#primary .mlac-card-image img {

    position:absolute;

    inset:0;

    display:block;

    width:100% !important;

    height:100% !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:cover;

    border:0 !important;

    border-radius:0 !important;

    box-shadow:none !important;

    transition:
        transform 1s
        cubic-bezier(.16,1,.3,1);
}

#primary .mlac-card:hover
.mlac-card-image img {

    transform:
        scale(1.07);
}


/* =========================================================
   PREMIUM GRADIENT
========================================================= */

#primary .mlac-card-gradient {

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            to bottom,
            rgba(20,18,14,.03) 0%,
            rgba(20,18,14,.02) 25%,
            rgba(20,18,14,.08) 42%,
            rgba(20,18,14,.38) 58%,
            rgba(20,18,14,.76) 75%,
            rgba(20,18,14,.96) 91%,
            rgba(20,18,14,1) 100%
        );
}


/* =========================================================
   TOP LEFT ICON
========================================================= */

#primary .mlac-card-icon {

    position:absolute;

    top:20px;

    left:20px;

    right:auto;

    z-index:5;

    display:flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border:
        1px solid
        rgba(255,255,255,.30);

    border-radius:50%;

    background:
        rgba(25,22,17,.28);

    color:
        var(--mlac-gold);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    box-shadow:
        0 5px 20px
        rgba(0,0,0,.12);

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease;
}

#primary .mlac-card:hover
.mlac-card-icon {

    transform:
        translateY(-2px)
        rotate(-6deg);

    background:
        rgba(223,193,108,.16);

    border-color:
        rgba(223,193,108,.55);
}

#primary .mlac-card-icon i {

    font-size:16px;

    line-height:1;
}


/* =========================================================
   TOP RIGHT RATING
========================================================= */

#primary .mlac-card-rating {

    position:absolute;

    top:20px;

    right:20px;

    left:auto;

    z-index:5;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:31px;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(255,255,255,.24);

    border-radius:50px;

    background:
        rgba(25,22,17,.30);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

    box-shadow:
        0 5px 20px
        rgba(0,0,0,.10);
}


/* =========================================================
   STARS
========================================================= */

#primary .mlac-stars {

    display:inline-block;

    color:
        #FFDE21;

    font-family:
        Arial,
        sans-serif;

    font-size:11px;

    font-weight:400;

    letter-spacing:1.2px;

    line-height:1;

    text-shadow:
        0 1px 8px
        rgba(255,222,33,.20);
}


/* =========================================================
   RATING NUMBER
========================================================= */

#primary .mlac-card-rating strong {

    color:#fff;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:10px;

    font-weight:700;

    line-height:1;
}


/* =========================================================
   CONTENT
========================================================= */

#primary .mlac-card-content {

    position:absolute;

    right:0;

    bottom:0;

    left:0;

    z-index:4;

    display:block;

    padding:
        27px 25px 23px;
}


/* =========================================================
   EXPERIENCE LABEL
========================================================= */

#primary .mlac-card-line {

    display:flex;

    align-items:center;

    gap:9px;

    margin:
        0 0 10px;

    color:
        rgba(255,255,255,.62);

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:2px;

    line-height:1.2;

    text-transform:uppercase;
}

#primary .mlac-card-line > span {

    display:block;

    width:30px;

    height:1px;

    flex:
        0 0 30px;

    background:
        linear-gradient(
            90deg,
            var(--mlac-gold),
            rgba(223,193,108,.35)
        );
}


/* =========================================================
   TITLE
========================================================= */

#primary .mlac-card-title {

    display:block;

    margin:
        0 0 12px;

    color:#fff !important;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size:24px;

    font-weight:600;

    line-height:1.22;

    letter-spacing:-.15px;

    text-decoration:none !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

#primary .mlac-card-description {

    display:-webkit-box;

    margin:
        0 0 17px;

    overflow:hidden;

    color:
        rgba(255,255,255,.76);

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:11px;

    font-weight:400;

    line-height:1.55;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;
}


/* =========================================================
   META BAR
========================================================= */

#primary .mlac-card-meta {

    display:flex;

    align-items:center;

    width:100%;

    padding:
        12px 0;

    border-top:
        1px solid
        rgba(255,255,255,.17);

    border-bottom:
        1px solid
        rgba(255,255,255,.17);
}


/* =========================================================
   META ITEM
========================================================= */

#primary .mlac-meta-item {

    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    flex:1;
}

#primary .mlac-meta-item > i {

    flex:
        0 0 auto;

    color:
        var(--mlac-gold);

    font-size:14px;

    filter:
        drop-shadow(
            0 2px 4px
            rgba(223,193,108,.15)
        );
}

#primary .mlac-meta-item > span {

    display:flex;

    flex-direction:column;

    min-width:0;
}

#primary .mlac-meta-item small {

    display:block;

    margin:
        0 0 4px;

    color:
        rgba(255,255,255,.46);

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:7px;

    font-weight:700;

    letter-spacing:1.3px;

    line-height:1;

    text-transform:uppercase;
}

#primary .mlac-meta-item strong {

    display:block;

    overflow:hidden;

    color:#fff;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:10px;

    font-weight:600;

    line-height:1.2;

    text-overflow:ellipsis;

    white-space:nowrap;
}


/* =========================================================
   META SEPARATOR
========================================================= */

#primary .mlac-meta-separator {

    width:1px;

    height:28px;

    margin:
        0 16px;

    flex:
        0 0 1px;

    background:
        rgba(255,255,255,.17);
}


/* =========================================================
   EXPLORE BUTTON
========================================================= */

#primary .mlac-card-button {

    display:flex;

    align-items:center;

    justify-content:space-between;

    width:100%;

    margin:
        17px 0 0;

    color:#fff;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:1.7px;

    line-height:1;

    text-transform:uppercase;

    transition:
        color .3s ease;
}

#primary .mlac-card-button i {

    display:flex;

    align-items:center;

    justify-content:center;

    color:
        var(--mlac-gold);

    font-size:13px;

    transition:
        transform .3s
        cubic-bezier(.2,.7,.2,1);
}

#primary .mlac-card:hover
.mlac-card-button {

    color:
        var(--mlac-gold-light);
}

#primary .mlac-card:hover
.mlac-card-button i {

    transform:
        translateX(6px);
}


/* =========================================================
   REMOVE ASTRA DEFAULT CARD STYLE
========================================================= */

#primary .mlac-card a {

    box-shadow:none !important;

    text-decoration:none !important;
}

#primary .mlac-card h2,
#primary .mlac-card h3 {

    margin:0 !important;
}

#primary .mlac-card::before,
#primary .mlac-card::after {

    display:none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:1100px) {

    #primary .ast-row.mlac-premium-active {

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:20px !important;
    }

    #primary .mlac-card-image {

        height:440px;
    }

    #primary .mlac-card-title {

        font-size:22px;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

    #primary .ast-row.mlac-premium-active {

        grid-template-columns:
            1fr !important;

        gap:18px !important;
    }

    #primary .mlac-card {

        border-radius:16px;
    }

    #primary .mlac-card-image {

        height:415px;
    }

    #primary .mlac-card-content {

        padding:
            24px 20px 20px;
    }

    #primary .mlac-card-title {

        font-size:21px;

        line-height:1.23;
    }

    #primary .mlac-card-icon {

        top:15px;

        left:15px;

        width:42px;

        height:42px;
    }

    #primary .mlac-card-rating {

        top:15px;

        right:15px;
    }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:480px) {

    #primary .mlac-card-image {

        height:380px;
    }

    #primary .mlac-card-content {

        padding:
            21px 17px 18px;
    }

    #primary .mlac-card-title {

        font-size:19px;
    }

    #primary .mlac-card-description {

        font-size:10px;

        line-height:1.5;
    }

    #primary .mlac-meta-item {

        gap:7px;
    }

    #primary .mlac-meta-item > i {

        font-size:13px;
    }

    #primary .mlac-meta-item strong {

        font-size:9px;
    }

    #primary .mlac-meta-separator {

        margin:
            0 10px;
    }

    #primary .mlac-card-rating {

        padding:
            7px 9px;
    }

    #primary .mlac-stars {

        font-size:10px;

        letter-spacing:1px;
    }

    #primary .mlac-card-rating strong {

        font-size:9px;
    }
}
/* =========================================================
   PREMIUM ARCHIVE INTRO
   RUTAS DESDE MARRAKECH
========================================================= */

.ast-archive-description {
    position: relative;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto 42px;

    padding: 48px 65px 45px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fdfbf7 52%,
            #f8f1e4 100%
        );

    border: 1px solid
        rgba(223,193,108,.28);

    border-radius: 22px;

    box-shadow:
        0 15px 45px
        rgba(36,33,28,.07);

    overflow: hidden;
}


/* =========================================================
   GOLD TOP LINE
========================================================= */

.ast-archive-description::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 130px;
    height: 3px;

    transform: translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            #DFC16C,
            transparent
        );

    border-radius: 0 0 10px 10px;
}


/* =========================================================
   DECORATIVE CIRCLES
========================================================= */

.ast-archive-description::after {

    content: "";

    position: absolute;

    width: 230px;
    height: 230px;

    right: -115px;
    bottom: -135px;

    border: 1px solid
        rgba(223,193,108,.18);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   TITLE
========================================================= */

.ast-archive-description .ast-archive-title,
.ast-archive-description h1 {

    position: relative;

    z-index: 2;

    margin: 0 0 24px;

    color: #24211C;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;

    font-weight: 600;

    line-height: 1.18;

    letter-spacing: -.5px;

    text-align: center;
}


/* =========================================================
   SMALL GOLD UNDERLINE
========================================================= */

.ast-archive-description h1::after {

    content: "";

    display: block;

    width: 52px;
    height: 2px;

    margin:
        16px auto 0;

    background:
        #DFC16C;

    border-radius: 10px;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.ast-archive-description p {

    position: relative;

    z-index: 2;

    max-width: 970px;

    margin: 0 auto;

    color: #625E56;

    font-family:
        "DM Sans",
        Arial,
        sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.85;

    text-align: center;
}


/* =========================================================
   STRONG WORDS
========================================================= */

.ast-archive-description p strong {

    color: #24211C;

    font-weight: 700;
}


/* =========================================================
   SUBTLE HOVER
========================================================= */

@media (min-width: 921px) {

    .ast-archive-description {

        transition:
            transform .35s ease,
            box-shadow .35s ease;
    }

    .ast-archive-description:hover {

        transform:
            translateY(-2px);

        box-shadow:
            0 20px 55px
            rgba(36,33,28,.10);
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 920px) {

    .ast-archive-description {

        margin:
            0 0 35px;

        padding:
            40px 42px;
    }

    .ast-archive-description .ast-archive-title,
    .ast-archive-description h1 {

        font-size: 32px;
    }

    .ast-archive-description p {

        font-size: 14.5px;

        line-height: 1.8;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    .ast-archive-description {

        margin:
            0 10px 28px;

        padding:
            34px 22px 32px;

        border-radius: 17px;
    }

    .ast-archive-description .ast-archive-title,
    .ast-archive-description h1 {

        margin-bottom: 20px;

        font-size: 27px;

        line-height: 1.22;
    }

    .ast-archive-description h1::after {

        width: 45px;

        height: 2px;

        margin-top: 13px;
    }

    .ast-archive-description p {

        font-size: 14px;

        line-height: 1.72;

        text-align: left;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .ast-archive-description {

        padding:
            29px 19px;
    }

    .ast-archive-description .ast-archive-title,
    .ast-archive-description h1 {

        font-size: 24px;
    }

    .ast-archive-description p {

        font-size: 13.5px;
    }
}