/* ==========================================================================
   CTA BANNER / GLASSMORPHISM CTA SECTION (PURE COMPONENT CSS)
   ========================================================================== */
.cta-banner { 
    position: relative; 
    background-size: cover; 
    background-position: center; 
    padding: clamp(60px, 8vw, 100px) 0; 
    margin-top: clamp(40px, 5vw, 80px);
    margin-bottom: 0;
    display: block;
}

.cta-banner__overlay { 
    position: absolute; 
    inset: 0; 
    background-color: rgba(42, 42, 42, 0.15); 
    z-index: 1; 
}

.cta-banner__card {
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.12); 
    backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.25); 
    border-radius: 0 !important;
    padding: clamp(30px, 5vw, 60px) clamp(20px, 4vw, 40px);
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    box-shadow: none !important;
}

/* KẾ THỪA TOÀN BỘ FONT/SIZE TỪ GLOBAL, CHỈ ĐỔI MÀU TRẮNG DÀNH CHO NỀN KÍNH MỜ, BỎ BÓNG ĐỔ CHỮ */
.cta-banner * {
    text-shadow: none !important;
}

.cta-banner__card p {
    color: var(--text-white) !important;
}

/* LAYOUT CỤM NÚT BẤM */
.cta-banner__buttons {
    display: flex;
    justify-content: center;
    gap: var(--card-gap);
}

.cta-banner__btn {
    font-family: var(--ff-btn-m);
    font-size: var(--fs-btn-m);
    line-height: var(--lh-btn-m);
    font-weight: var(--fw-btn-m);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border-radius: 0 !important;
    box-sizing: border-box;
    transition: var(--transition-base);
    cursor: pointer;
}