/* ==========================================
   1. PALETA DE COLORES E IDENTIDAD (BRASA ENTRERRIANA)
   ========================================== */

/* Fondo Claro Institucional basado en el Logo */
body,
.degradeFondo {
    background-color: # !important;
    background-image: none !important;
    min-height: 100vh;
}
/* Color Azul Cobalto para Navbar y Footer */
.bg-brasa-dark {
    background-color: black !important;
}

/* Degradé Pastel del Título: Verde Menta Pastel a Naranja Durazno Pastel */
.titulo-degrade {
    background: linear-gradient(135deg, #E6A15C 0%, #95d5b2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    letter-spacing: 0.8px;
}

/* Subtítulo Institucional */
.subtitulo-degrade {
    background: linear-gradient(135deg, #E6A15C 0%, #a8e6cf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 0.68rem;
    letter-spacing: 2.5px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Hover para Links en Footer / Navbar */
.hvr-gold {
    transition: color 0.2s ease;
}

    .hvr-gold:hover {
        color: #E08269 !important;
    }

/* ==========================================
   2. FORMULARIOS Y BÚSQUEDA
   ========================================== */

.form-label-custom {
    color: #243447 !important;
    font-weight: 600;
    font-size: 0.85rem;
}

.form-control,
.form-select {
    border: 1px solid #E2D9CC !important;
    background-color: #FFFFFF !important;
    color: #243447 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out;
}

    .form-control:focus,
    .form-select:focus {
        border-color: #E08269 !important;
        box-shadow: 0 0 0 0.25rem rgba(224, 130, 105, 0.25) !important;
        background-color: #FFFFFF !important;
        color: #243447 !important;
    }

.input-buscador-oscuro,
.input-buscador {
    background-color: #FFFFFF !important;
    color: #243447 !important;
    border: 1px solid #E2D9CC !important;
}

    .input-buscador-oscuro::placeholder {
        color: #8C7B6B !important;
    }

/* ==========================================
   3. BOTONES INSTITUCIONALES
   ========================================== */

.btn-pampa-primary,
.btn-brasa-primary {
    background-color: #94B593 !important; /* Terracota */
    border-color: #6B9669 !important;
    color: #FFFFFF !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 8px;
    transition: all 0.2s ease;
}

    .btn-pampa-primary:hover,
    .btn-brasa-primary:hover {
        background-color: #6B9669 !important;
        border-color: #6B9669 !important;
        color: #FFFFFF !important;
    }

/* ==========================================
   4. TABLAS Y ADMINISTRACIÓN (GRIDVIEW)
   ========================================== */

.titulo-admin {
    color: #243447 !important;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.table-pampa-admin {
    background-color: #FFFFFF !important;
    border: 1px solid #E2D9CC !important;
    color: #243447 !important;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

    .table-pampa-admin th {
        background-color: #243447 !important; /* Azul Cobalto */
        color: #F8F4EC !important;
        font-size: 0.85rem;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-bottom: 2px solid #E08269 !important;
        padding: 12px 10px !important;
    }

    .table-pampa-admin tr,
    .table-pampa-admin td {
        background-color: transparent !important;
        color: #3A4750 !important;
        padding: 12px 10px !important;
        vertical-align: middle;
        border-bottom: 1px solid #F0EAE1 !important;
        font-size: 0.9rem;
    }

    .table-pampa-admin tbody tr:hover {
        background-color: #FAF6EE !important;
        color: #243447 !important;
    }

.col-descripcion-tabla {
    max-width: 220px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-tabla-editar {
    color: #E08269 !important;
    text-decoration: none;
    font-size: 1.1rem;
    transition: transform 0.15s ease;
    display: inline-block;
}

    .btn-tabla-editar:hover {
        transform: scale(1.2);
        color: #C86A52 !important;
    }

.pagination .page-link {
    background-color: #FFFFFF !important;
    border-color: #E2D9CC !important;
    color: #243447 !important;
    font-weight: 600;
}

    .pagination .page-link:hover {
        background-color: #E08269 !important;
        border-color: #E08269 !important;
        color: #FFFFFF !important;
    }

.pagination .page-item.disabled .page-link {
    background-color: #F8F4EC !important;
    color: #A09385 !important;
}

@media (max-width: 768px) {
    .filtroApp {
        font-size: 0.85rem;
    }
}

/* ==========================================
   5. DETALLE DE PRODUCTO (BRASA ENTRERRIANA)
   ========================================== */

.img-detalle-cuadro {
    background-color: #FFFFFF !important;
    border: 1px solid #E2D9CC !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.3s ease;
}

    .img-detalle-cuadro:hover {
        transform: scale(1.01);
    }

.titulo-detalle {
    color: #243447 !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0.5px;
}

.precio-detalle {
    color: #E08269 !important;
    font-weight: 700;
}

.descripcion-detalle {
    color: #3A4750 !important;
    line-height: 1.6;
}

.badge-marca-brasa {
    background-color: #FAF6EE !important;
    color: #243447 !important;
    border: 1px solid #E2D9CC !important;
    font-size: 0.85rem;
    letter-spacing: 1px;
    font-weight: 600;
}

.lista-beneficios-detalle li {
    color: #3A4750 !important;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.lista-beneficios-detalle i {
    color: #94B593 !important;
    margin-right: 0.5rem;
}

.btn-whatsapp-brasa {
    background-color: #25d366;
    border-color: #25d366;
    color: #FFFFFF !important;
    font-weight: 600;
    border-radius: 8px !important;
    transition: all 0.2s ease;
}

    .btn-whatsapp-brasa:hover {
        background-color: #1ebd5b;
        border-color: #1ebd5b;
        color: #FFFFFF !important;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25);
    }

.btn-compartir-brasa {
    color: #243447 !important;
    border-color: #E2D9CC !important;
    background-color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-compartir-brasa:hover {
        background-color: #FAF6EE !important;
        border-color: #E08269 !important;
        color: #E08269 !important;
    }

    .btn-compartir-brasa i {
        color: #E08269 !important;
    }

/* ==========================================
   6. Opciones del DropDownList desplegadas de Pagina Default
   ========================================== */

.form-select option {
    background-color: #2b1e16;
    color: #E3AB6F !important;
}

    .form-select option:hover,
    .form-select option:checked {
        background-color: #cca97c !important;
        color: #2b1e16 !important;
    }