/* ==========================
   GENERAL
========================== */

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

/* ==========================
   NAVBAR
========================== */

.navbar-llantimundo{
    background:linear-gradient(90deg,#d71920,#c4121a);
}

.logo-navbar{
    height:46px;
    width:auto;
    transition:.25s;
}

.logo-navbar:hover{
    transform:scale(1.08);
}

.titulo-navbar{
    font-size:1.25rem;
    line-height:1;
}

.subtitulo-navbar{
    opacity:.9;
    font-size:1.20rem;
}

/* ==========================
   TARJETAS
========================== */

.card{
    border:none;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
}

.card-header{
    background:linear-gradient(90deg,#dc3545,#c82333);
    color:#fff;
    font-size:1.35rem;
    font-weight:600;
    border:none;
}

.card-body{
    padding:28px;
}

/* ==========================
   FORMULARIOS
========================== */

.form-select{
    height:50px;
    border-radius:10px;
}

.form-select:focus{
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.15);
}

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

.btn{
    border-radius:10px;
    min-width:150px;
    height:45px;
    font-weight:600;
}

.btn-danger{
    box-shadow:0 5px 15px rgba(220,53,69,.25);
}

.btn-danger:hover{
    transform:translateY(-2px);
}

.btn-secondary:hover{
    transform:translateY(-2px);
}

/* ==========================
   TABLA
========================== */

.table{
    margin-top:10px;
    border-radius:12px;
    overflow:hidden;
}

.table thead th{
    background:#d71920;
    color:#fff;
    border:none;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

.table tbody td{
    vertical-align:middle;
}

.table-hover tbody tr:hover{
    background:#fff5f5;
}

.table-striped tbody tr:nth-of-type(odd){
    background:#fafafa;
}

/* ==========================
   DESCRIPCION
========================== */

.descripcion{
    min-width:320px;
}

/* ==========================
   ANIMACIONES
========================== */

.card,
.btn{
    transition:.25s;
}

.card:hover{
    transform:translateY(-2px);
}


/* ===============================
   RESULTADOS
================================ */

.badge{
    font-weight:600;
    padding:.7rem 1rem;
}

.table td,
.table th{
    padding:14px;
}

.table tbody tr{
    transition:.2s;
}

.table tbody tr:hover{

    transform:scale(1.005);

    box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.table thead th{

    letter-spacing:.3px;

    font-size:.95rem;

}

.table td:nth-child(2){

    font-weight:600;

    color:#b30000;

}

.table td:nth-child(3){

    font-weight:bold;

}

.card-body strong{

    color:#6c757d;

    text-transform:uppercase;

    font-size:.82rem;

}