body{background:#ffffff;}
.navbar-brand{font-weight:700}
.card-soft{border:0;box-shadow:0 10px 25px rgba(0,0,0,.08);border-radius:16px}
.badge-soft{background:#eef2ff;color:#334155}
.table thead th{white-space:nowrap}
.hero{background:linear-gradient(135deg,#0f172a,#d81d1d);color:#fff;border-radius:18px}

.fade-in{animation:fadeIn .35s ease-in-out}.opacity-50{opacity:.5}.alert{border-radius:14px}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.table thead{
    background:#aa1111;
}

.table thead th{
    background:#d81d1dbe !important;
    color:#ffffff !important;
    border-color:#b91515 !important;
    font-weight:600;
}

.btn-primary{
    background-color:#d81d1d !important;
    border-color:#d81d1d !important;
}

.btn-primary:hover{
    background-color:#b91515 !important;
    border-color:#b91515 !important;
}

.btn-primary:focus,
.btn-primary:active{
    background-color:#a51212 !important;
    border-color:#a51212 !important;
}

.logo-navbar{

    height:55px;
    width:auto;

    transition: all .5s ease;

}


/* Efecto al pasar mouse */

.logo-navbar:hover{

    transform: scale(1.15);

    filter: drop-shadow(0 5px 8px rgba(193,18,31,.35));

}

.navbar-brand{
    font-weight:700;
    display:flex;
    align-items:center;
}

/* Logos fabricantes */

.fabricante-logo{

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;

}


.fabricante-logo img{

    max-width:80px;
    max-height:40px;
    object-fit:contain;

}


.fabricante-logo span{

    font-size:12px;
    font-weight:600;

}


/* Encabezado fijo tabla */

#tablaResultados thead th{

    position:sticky;
    top:0;
    z-index:10;

}


.table-responsive{

    max-height:600px;
    overflow-y:auto;

}

/* ===========================
   V4.2 DISEÑO PROFESIONAL
=========================== */


/* NAVBAR */

.navbar-llanti{

    background:white;
    border-bottom:3px solid #c1121f;
    box-shadow:0 3px 10px rgba(0,0,0,.08);

}


.brand-title{

    font-size:22px;
    font-weight:800;
    color:#c1121f;
    line-height:1;

}


.brand-subtitle{

    font-size:13px;
    color:#666;

}



/* LOGO */

.logo-navbar{

    height:55px;
    width:auto;

}



/* HERO */

.hero-pro{

    background:
    linear-gradient(135deg,#c1121f,#9d0208);

    color:white;

    border-radius:18px;

    box-shadow:
    0 8px 20px rgba(193,18,31,.25);

}



.hero-pro h1{

    font-weight:700;
    margin-bottom:8px;

}



.hero-pro p{

    margin:0;
    opacity:.9;

}



.hero-icon{

    font-size:45px;
    margin-right:20px;

}
/* ===========================
   BUSCADOR V4.2
=========================== */


.card-soft{

    border-radius:18px;
    border:none;

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

}



.search-title{

    font-size:20px;
    font-weight:700;

    color:#c1121f;

    margin-bottom:20px;

}



.form-label{

    font-weight:600;

    color:#444;

}



.form-control,
.form-select{

    height:45px;

    border-radius:10px;

}



.btn-search{

    background:#c1121f;

    color:white;

    border-radius:10px;

    height:45px;

    font-weight:600;

}



.btn-search:hover{

    background:#9d0208;

    color:white;

}



.btn-clear{

    height:45px;

    border-radius:10px;

    font-weight:600;

}