/*====================================================
RESET
====================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial, Helvetica, sans-serif;

    background:#F4F7FB;

    color:#1F2937;

}

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

.slp-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:44px;

    padding:0 18px;

    border:none;

    border-radius:10px;

    background:#2563EB;

    color:#fff;

    cursor:pointer;

    text-decoration:none;

    transition:.25s;

    font-size:15px;

    font-weight:600;

}

.slp-btn:hover{

    background:#1D4ED8;

}

/*====================================================
CARDS
====================================================*/

.slp-card{

    background:#fff;

    border-radius:16px;

    padding:24px;

    box-shadow:0 8px 30px rgba(15,23,42,.06);

}

/*====================================================
INPUTS
====================================================*/

.slp-input{

    width:100%;

    height:48px;

    padding:0 15px;

    border:1px solid #D1D5DB;

    border-radius:10px;

    outline:none;

    font-size:15px;

    transition:.25s;

}

.slp-input:focus{

    border-color:#2563EB;

}

/*====================================================
BADGES
====================================================*/

.slp-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 12px;

    border-radius:30px;

    background:#DBEAFE;

    color:#1D4ED8;

    font-size:12px;

    font-weight:700;

}

/*====================================================
UTILIDADES
====================================================*/

.slp-hidden{

    display:none !important;

}

.slp-text-center{

    text-align:center;

}

.slp-mt-20{

    margin-top:20px;

}

.slp-mb-20{

    margin-bottom:20px;

}