/* ==========================================================
   MERITZA CLASSES
   FINAL CTA
========================================================== */


/* ==========================================================
   SECTION
========================================================== */

.mc-final-cta{
    position:relative;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:28px;
    overflow:hidden;
}


/* ==========================================================
   INNER
========================================================== */

.mc-final-cta-inner{

    position:relative;

    margin-bottom:0;

    min-height:300px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    padding:52px 40px;

    background:
        radial-gradient(
            circle at 18% 50%,
            rgba(212,175,55,.10) 0,
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 45%,
            rgba(55,105,190,.16) 0,
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071538 0%,
            #0A1946 52%,
            #0D2255 100%
        );

    border-radius:24px;

    box-shadow:
        0 18px 45px rgba(10,25,70,.14);

}


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

.mc-final-cta-content{

    position:relative;

    z-index:5;

    width:100%;

    max-width:760px;

    text-align:center;

}


/* ==========================================================
   EYEBROW
========================================================== */

.mc-final-cta-eyebrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    max-width:620px;

    margin:0 auto 12px;

    gap:18px;

}


/* ==========================================================
   EYEBROW TEXT
========================================================== */

.mc-final-cta-eyebrow-text{

    flex-shrink:0;

    color:#D4AF37;

    font-size:.75rem;

    font-weight:800;

    letter-spacing:.18em;

    line-height:1;

    white-space:nowrap;

}


/* ==========================================================
   EYEBROW LINES
========================================================== */

.mc-final-cta-eyebrow-line{

    flex:1;

    height:1px;

}


/* ==========================================================
   LEFT LINE
========================================================== */

.mc-final-cta-eyebrow-line:first-child{

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(212,175,55,.18) 18%,
            rgba(212,175,55,.55) 65%,
            rgba(212,175,55,.95) 100%
        );

}


/* ==========================================================
   RIGHT LINE
========================================================== */

.mc-final-cta-eyebrow-line:last-child{

    background:
        linear-gradient(
            90deg,
            rgba(212,175,55,.95) 0%,
            rgba(212,175,55,.55) 35%,
            rgba(212,175,55,.18) 82%,
            transparent 100%
        );

}


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

.mc-final-cta-title{

    margin:0;

    color:#FFFFFF;

    font-size:clamp(2rem,3.5vw,3rem);

    font-weight:800;

    line-height:1.08;

    letter-spacing:-.035em;

}


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

.mc-final-cta-title span{

    display:inline;

    color:#D4AF37;

}


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

.mc-final-cta-description{

    max-width:610px;

    margin:14px auto 0;

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

    font-size:.92rem;

    line-height:1.6;

}


/* ==========================================================
   ACTIONS
========================================================== */

.mc-final-cta-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:24px;

}


/* ==========================================================
   PRIMARY CTA
========================================================== */

.mc-final-cta-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    min-height:44px;

    padding:11px 20px;

    color:#0A1946;

    background:#D4AF37;

    border:1px solid #D4AF37;

    border-radius:9px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.16);

    font-size:.8rem;

    font-weight:800;

    text-decoration:none;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;

}


.mc-final-cta-primary span{

    font-size:1.1rem;

    line-height:1;

}


.mc-final-cta-primary:hover{

    transform:translateY(-2px);

    color:#071538;

    background:#E2C252;

    border-color:#E2C252;

    box-shadow:
        0 11px 24px rgba(0,0,0,.22);

}


/* ==========================================================
   SECONDARY CTA
========================================================== */

.mc-final-cta-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:44px;

    padding:11px 20px;

    color:#FFFFFF;

    background:rgba(255,255,255,.055);

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

    border-radius:9px;

    font-size:.8rem;

    font-weight:800;

    text-decoration:none;

    backdrop-filter:blur(5px);

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

}


.mc-final-cta-secondary:hover{

    transform:translateY(-2px);

    color:#FFFFFF;

    background:rgba(255,255,255,.11);

    border-color:rgba(255,255,255,.45);

}


/* ==========================================================
   TRUST LINE
========================================================== */

.mc-final-cta-trust{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:7px;

    margin-top:18px;

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

    font-size:.68rem;

    font-weight:600;

    letter-spacing:.02em;

}


.mc-final-cta-trust b{

    color:rgba(212,175,55,.65);

    font-weight:500;

}


/* ==========================================================
   DECORATIVE SYMBOLS
========================================================== */

.mc-final-cta-symbol{

    position:absolute;

    z-index:1;

    color:rgba(212,175,55,.13);

    pointer-events:none;

    user-select:none;

}


.mc-final-cta-symbol-one{

    top:32px;

    left:10%;

    font-family:Georgia,serif;

    font-size:3rem;

    transform:rotate(-12deg);

}


.mc-final-cta-symbol-two{

    right:12%;

    bottom:28px;

    font-family:Georgia,serif;

    font-size:2.8rem;

    transform:rotate(14deg);

}


.mc-final-cta-symbol-three{

    left:4%;

    bottom:35px;

    font-family:Georgia,serif;

    font-size:1rem;

    letter-spacing:.08em;

    transform:rotate(-8deg);

}


/* ==========================================================
   ORBITS
========================================================== */

.mc-final-cta-orbit{

    position:absolute;

    z-index:1;

    display:flex;

    align-items:center;

    justify-content:center;

    width:110px;

    height:110px;

    border:1px solid rgba(212,175,55,.10);

    border-radius:50%;

    pointer-events:none;

}


.mc-final-cta-orbit span{

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

    font-family:Georgia,serif;

    font-size:1.8rem;

}


.mc-final-cta-orbit-left{

    top:-48px;

    left:-28px;

}


.mc-final-cta-orbit-right{

    right:-28px;

    bottom:-48px;

}


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

@media (max-width:991.98px){

    .mc-final-cta-inner{

        min-height:290px;

        padding:46px 32px;

        border-radius:22px;

    }


    .mc-final-cta-title{

        font-size:2.4rem;

    }

}


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

@media (max-width:767.98px){

    .mc-final-cta-inner{

        min-height:0;

        padding:42px 20px;

        border-radius:18px;

    }


    .mc-final-cta-eyebrow{

        gap:10px;

    }


    .mc-final-cta-eyebrow-text{

        font-size:.62rem;

        letter-spacing:.12em;

    }


    .mc-final-cta-eyebrow-line{

        height:1px;

    }


    .mc-final-cta-title{

        font-size:1.9rem;

        letter-spacing:-.025em;

    }


    .mc-final-cta-description{

        margin-top:12px;

        font-size:.82rem;

        line-height:1.55;

    }


    .mc-final-cta-actions{

        flex-direction:column;

        width:100%;

        margin-top:21px;

    }


    .mc-final-cta-primary,
    .mc-final-cta-secondary{

        width:100%;

        max-width:260px;

    }


    .mc-final-cta-trust{

        max-width:280px;

        margin:16px auto 0;

        font-size:.63rem;

        line-height:1.5;

    }


    .mc-final-cta-symbol-one{

        left:3%;

        font-size:2.2rem;

    }


    .mc-final-cta-symbol-two{

        right:4%;

        font-size:2.1rem;

    }


    .mc-final-cta-symbol-three{

        display:none;

    }


    .mc-final-cta-orbit{

        width:80px;

        height:80px;

    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion:reduce){

    .mc-final-cta-primary,
    .mc-final-cta-secondary{

        transition:none;

    }

}


/* ==========================================================
   HOMEPAGE CTA → FOOTER TRANSITION
========================================================== */

.mc-final-cta + .mc-public-footer{

    margin-top:0 !important;

}