/* ===== ALSUR ===== */

:root{
    --alsur-coral:#F36C56;
    --alsur-red:#F53D5C;
    --alsur-blue:#0E2E78;
    --alsur-blue-light:#2555D9;
    --alsur-pink:#E9B8C6;
    --alsur-yellow:#F2C94C;

    --bs-primary:var(--alsur-blue);
    --bs-link-color:var(--alsur-blue-light);
}

body{
    font-family:Poppins,sans-serif;
    color:var(--alsur-blue);
    background:#fafafa;
}

/**************/
/* HEADER */
/**************/

.navbar,
.navbar-dark{
    background:var(--alsur-blue)!important;
}

.navbar-brand img{
    max-height:64px;
}

/**************/
/* LINKS */
/**************/

a{
    color:var(--alsur-blue-light);
}

a:hover{
    color:var(--alsur-red);
}

/**************/
/* BOTONES */
/**************/

.btn-primary{
    background:var(--alsur-red);
    border-color:var(--alsur-red);
}

.btn-primary:hover{
    background:var(--alsur-blue);
    border-color:var(--alsur-blue);
}

/**************/
/* BUSCADOR */
/**************/

.form-control:focus{
    border-color:var(--alsur-red);
    box-shadow:0 0 0 .2rem rgba(245,61,92,.2);
}

/**************/
/* FACETAS */
/**************/

.list-group-item.active{
    background:var(--alsur-blue);
    border-color:var(--alsur-blue);
}

/**************/
/* PAGINACIÓN */
/**************/

.page-item.active .page-link{
    background:var(--alsur-red);
    border-color:var(--alsur-red);
}

.page-link{
    color:var(--alsur-blue-light);
}

/**************/
/* BADGES */
/**************/

.badge{
    background:var(--alsur-pink);
    color:var(--alsur-blue);
}

/**************/
/* TARJETAS */
/**************/

.card{
    border-radius:10px;
}

.card:hover{
    box-shadow:0 0 12px rgba(0,0,0,.12);
}