/* ===== TIPOGRAFÍA Y TEXTOS ===== */
.h2, h2 {
    font-size: 2rem;
    color: white;
}

.h6, h6 {
    font-size: 0.7rem;
    color: white;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
    font-size: 0.7rem;
}

.label-white {
    color: white;
}

.text-center {
    text-align: center;
}

/* ===== BOTONES Y ENLACES ===== */
.link {
    cursor: pointer;
    font-size: 0.6rem;
}

.btn.btn-sm {
    padding: 0.5rem 0.5rem;
    font-size: .64rem;
}

.btn-primary {
    color: #fff;
    background-color: #c32420!important;
    border: none;
}

/* ===== LAYOUT Y COLUMNAS ===== */
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.col-6 {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

/* ===== MÁRGENES Y ESPACIADO ===== */
.mt-3, .my-3 {
    margin-top: 0.2rem!important;
}

/* Fix específico para vista de resultados de búsqueda */
.search-results-main {
    margin-top: 120px !important;
    padding-top: 20px;
}

/* ===== TARJETAS (CARDS) ===== */
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}

.card .card-body h1, .card .card-body h2, .card .card-body h3, .card .card-body h4, .card .card-body h5, .card .card-body h6 {
    font-weight: 200;
    color: white;
}

.card .card-body .card-text {
    font-size: .9rem;
    font-weight: 400;
    color: white;
}

/* ===== TABLA DE RESULTADOS DE BÚSQUEDA ===== */
.search-table-container {
    width: 100%;
    overflow-x: auto;
}

.search-results-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #2c2c2c;
    border: 1px solid #444;
}

.search-results-table .table-header {
    background-color: #c32420;
}

.search-results-table .table-header th {
    padding: 12px 8px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #444;
}

.search-results-table .table-row {
    background-color: #333;
    border-bottom: 1px solid #444;
}

.search-results-table .table-row:nth-child(even) {
    background-color: #2a2a2a;
}

.search-results-table .table-row:hover {
    background-color: #3a3a3a;
}

.search-results-table td {
    padding: 10px 8px;
    border: 1px solid #444;
    vertical-align: middle;
}

.product-table-img {
    max-width: 60px;
    max-height: 60px;
    object-fit: cover;
    border-radius: 4px;
}