/* =====================================================
   YKUA PORTAL v1.1
===================================================== */

body{
    background:#f4f6f9;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Barra superior */

.bg-primary{
    background:#0d6efd !important;
}

/* Tarjeta principal */

.card{

    border:none;

    border-radius:18px;

    overflow:hidden;

    transition:0.25s;

}

.card:hover{

    transform:translateY(-2px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

/* Caja de búsqueda */

input.form-control{

    height:58px;

    font-size:18px;

    border-radius:12px;

}

/* Botón */

.btn-primary{

    height:58px;

    border-radius:12px;

    font-size:18px;

    font-weight:bold;

}

/* Tabla */

.table{

    margin-top:20px;

}

.table thead{

    background:#0d6efd;

    color:white;

}

.table th{

    border:none;

}

.table td{

    vertical-align:middle;

}

/* Tarjeta cliente */

.cliente-card{

    background:white;

    border-radius:16px;

    padding:25px;

    margin-bottom:25px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

}

.cliente-card h3{

    color:#0d6efd;

    font-weight:700;

}

/* Estadísticas */

.resumen{

    background:#f8f9fa;

    border-radius:12px;

    padding:15px;

    text-align:center;

}

.resumen h2{

    color:#0d6efd;

    margin:0;

    font-weight:bold;

}

.resumen span{

    color:#666;

}

/* PDF */

.btn-pdf{

    background:#0d6efd;

    color:white;

    padding:8px 14px;

    border-radius:8px;

    text-decoration:none;

    font-size:14px;

}

.btn-pdf:hover{

    color:white;

    background:#0b5ed7;

}

/* Footer */

footer{

    color:#777;

    text-align:center;

    margin-top:30px;

    font-size:14px;

}

/* Responsive */

@media(max-width:768px){

    .card-body{

        padding:25px !important;

    }

    h1{

        font-size:30px;

    }

    h4{

        font-size:18px;

    }

}
.table thead th{
    background:#0d6efd;
    color:#fff;
    border:0;
}

.table tbody tr:hover{
    background:#eef5ff;
}

.badge{
    font-size:.90rem;
    padding:8px 12px;
    border-radius:20px;
}

.btn-pdf{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    text-decoration:none;
    transition:.2s;
}

.btn-pdf:hover{
    background:#0b5ed7;
    color:#fff;
}