/* ===== ESTADOS DE TEXTO ===== */

.rb-text-success{
    color:#16a34a !important;
    font-weight:700;
}

.rb-text-warning{
    color:#ea8354;
    font-weight:700;
}

.rb-text-danger{
    color:#dc2626;
    font-weight:700;
}

.rb-text-muted{
    color:#666;
}


/* ===== BADGES ===== */
/* BADGES */

.rb-badge-activo{
    display:inline-block;
    padding:4px 12px;
    border-radius:20px;
    background:#dbeafe;
    color:#2563eb;
    font-size:12px;
    font-weight:600;
}

.rb-adeudo-pendiente{
    color:#dc2626;
}

.rb-badge{
    display:inline-block;
    width:auto !important;
    flex:none !important;
    padding:4px 10px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
}

.rb-badge-primary{
    background:#dbeafe;
    color:#2563eb;
}

.rb-badge-success{
    background:#dcfce7;
    color:#16a34a;
}

.rb-badge-warning{
    background:#fef3c7;
    color:#d97706;
}

.rb-badge-danger{
    background:#fee2e2;
    color:#dc2626;
}
/* =====================================================
   TARJETAS DASHBOARD
===================================================== */
.rb-card{
    background:#fff;
    border-radius:16px;
    padding:18px 20px;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
}
.rb-card-mini{
    display:flex;
    align-items:center;
    gap:16px;
}
.rb-card-info{
    display:flex;
    flex-direction:column;
}
.rb-card-info h3{
    margin:0;

    font-size:12px;   /* antes 12px */
    font-weight:600;

    color:#666;

    line-height:1.2;
}
.rb-cards{
    display:grid;
     grid-template-columns:repeat(4,minmax(220px,1fr));
    gap:20px;
    margin-top:30px;
    margin-bottom:30px;
}
.rb-card h3{
    margin:0;
    font-size:13px;
    font-weight:600;
   /* color:#1f2d50;*/
        color:#666;

    line-height:1.2;
}


.rb-card-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.rb-card-header h3{
    margin:0;
    font-size:16px;
    font-weight:600;
    color:#1f2d50;
}
.rb-card-value{
    margin-top:2px;

    font-size:20px;   /* antes 24px */
    font-weight:700;

    color:#1f2d50;
    line-height:1;
}

/* ===== ICONOS ===== */

.rb-card-icon{
    width:50px;
    height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    font-size:22px;

    flex-shrink:0;
}

.rb-icon-primary{
    background:#dbeafe;
    color:#2563eb;
}

.rb-icon-success{
    background:#dcfce7;
    color:#16a34a;
}
.rb-icon-warning{
    background:#fef3c7;
    color:#f97316;
}

.rb-icon-danger{
    background:#fee2e2;
}

.rb-icon-purple{
    background:#ede9fe;
    color:#7c3aed;
}

.rb-card-icon i{
    color:inherit;
}
/* =====================================================
   BOTONES DE ACCION TABLAS
===================================================== */


.rb-action-group{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
}

.rb-btn-icon{
    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:none;
    border-radius:50%;

    cursor:pointer;

    color:#fff;
    background:#ea8354;

    transition:.2s;
}

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

.rb-btn-success{
    background:#16a34a;
}

.rb-btn-success:hover{
    background:#15803d;
}

.rb-btn-danger{
    background:#dc2626;
}

.rb-btn-danger:hover{
    background:#b91c1c;
}
/* ==========================================
   PAGE ACTIONS
========================================== */

.rb-page-actions{
    display:flex;
    justify-content:flex-end;
    align-items:center;

    gap:12px;
    margin-bottom:20px;
    margin-top:-10px;
}
.rb-page-title{
    margin-bottom:24px;

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

    color:#1f2d50;
}
.rb-card-subtitle{
    margin-top:4px;
    font-size:8px;
}
.rb-text-blue{
    color:#2563eb;
}
.rb-text-green{

    color:#11AD1E;
}
.rb-text-orange{
    color:#E8480E;
}
.rb-text-purple{
    color:#B833B8;
}
/* ==========================================
   BOTON PRINCIPAL
========================================== */

.rb-btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:44px;

    padding:0 20px;

    border:none;

    border-radius:10px;

    background:#ea8354;

    color:#fff;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    transition:.2s;
}

.rb-btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:44px;

    padding:0 20px;

    border:1px solid #dbe2ea;

    border-radius:10px;

    background:#fff;

    color:#374151;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    transition:.2s;
}
.rb-btn-secondary:hover{

    background:#f8fafc;

    border-color:#cbd5e1;
}
.rb-btn-primary:hover{

    background:#d97345;

}