/*=================================
        BOTONES
=================================*/

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:16px 28px;

    border-radius:16px;

    font-weight:700;

    transition:all .35s ease;

    cursor:pointer;

}

.btn-primary{

    background:linear-gradient(135deg,#2563EB,#3B82F6);

    color:#fff;

    box-shadow:
    0 20px 40px rgba(37,99,235,.30);

}

.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:
    0 30px 60px rgba(37,99,235,.45);

}

.btn-secondary{

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

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

    color:#fff;

}

.btn-secondary:hover{

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

}


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

.glass{

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

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

    backdrop-filter:blur(18px);

    border-radius:24px;

}


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

.section-title{

    font-size:clamp(2.5rem,5vw,4.5rem);

    font-weight:800;

    text-align:center;

}

.section-text{

    width:min(720px,90%);

    margin:30px auto;

    text-align:center;

    color:#94A3B8;

    font-size:1.1rem;

}