/* dashboard.css */
.page-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #162958;
    margin-bottom: 1.5rem;
}

.btn-add {
    background: #814991;
    border: none;
    border-radius: 8px;
    padding: 0.6rem 1.2rem;
    font-weight: 600;
}

.btn-add:hover {
    background: #a832a6;
}


.table.dataTable thead {
    background: #f4f6fb;
    color: #162958;
}

table.dataTable {
    width: 100% !important;
    margin: 0 auto;
}

.dataTables_wrapper {
    width: 100% !important;
    overflow-x: auto;
}

#data-table_wrapper .row {
    margin-left: 0;
    margin-right: 0;
}

#data-table_wrapper .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}


.page-header-box {
    background: #ffffff;                /* Fondo blanco puro */
    border: 2px solid #e1e4ea;          /* Borde gris suave pero visible */
    border-radius: 12px;                /* Mismo radio que la card de DataTable */
    padding: 1rem 2rem;
    margin: 0 1rem 1.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06); /* sombra ligera para dar relieve */
}

.page-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #162958;                     /* Azul institucional */
    margin-bottom: 0;
}

.breadcrumb {
    background: transparent;
    margin-bottom: 0.5rem;
}

.breadcrumb-item a {
    color: #6c757d;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #162958;
    font-weight: 600;
}




.btn-add {
    background-color: #814991 !important;   /* morado Hashtec */
    color: #ffffff !important;   /* 🔑 texto blanco visible */
    padding: 0.6rem 1.4rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    transition: background-color 0.3s ease;
}

.btn-add:hover {
    background-color: #a832a6 !important;   /* tono más intenso al pasar el mouse */
    color: #ffffff !important;   /* texto sigue blanco en hover */
}


.hashtec-card {
    border: 2px solid #e1e4ea;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}