/* ===========================================================
   CTEC IIS Manager
   =========================================================== */


/* ===========================
   General
   =========================== */

body {
    background: #f4f6f9;
}


/* ===========================
   Encabezado
   =========================== */

.titulo-principal {
    font-weight: 700;
    font-size: 2.2rem;
}

.servidor {
    color: #6c757d;
    font-size: 1.35rem;
    font-weight: 600;
}


/* ===========================
   Buscador
   =========================== */

#txtBuscar {
    height: 48px;
    font-size: 1rem;
}

.input-group-text {
    background: white;
}


/* ===========================
   Tarjetas
   =========================== */

.tarjeta-sitio {
    border-radius: 12px;
    transition: .20s;
    margin-bottom: 18px;
}

    .tarjeta-sitio:hover {
        transform: translateY(-2px);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    }


/* ===========================
   Botones
   =========================== */

.btn {
    border-radius: 10px;
    padding: 10px 22px;
    font-weight: 600;
}


/* ===========================
   Estados
   =========================== */

.badge {
    font-size: .95rem;
    padding: 8px 14px;
}