h5 {
  color: #ffffff; /* Puedes usar HEX, RGB o nombres como 'blue' */
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(350px,1fr));
    gap:25px;
}

.card-documento{
    background:#fff;
    border:none;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:all .3s ease;
    height:100%;
}

.card-documento:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.card-header-custom{
    background:linear-gradient(135deg,#004B6F,#257A9C);
    color:white;
    padding:12px 15px;
    display:flex;
    align-items:center;
    gap:12px;
}

.card-header-custom .icono-categoria{
    font-size:28px;
    margin:0;
    flex-shrink:0;
}

.card-header-custom h5{
    margin:0;
    font-size:1rem;
    font-weight:600;
    text-align:left;
}
.card-body{
    padding:25px;
}

.info-item{
    margin-bottom:15px;
}

.info-label{
    font-size:.85rem;
    font-weight:600;
    color:#6c757d;
    text-transform:uppercase;
}

.info-value{
    font-size:.95rem;
    color:#212529;
}

.badge-categoria{
    background:#e9f2ff;
    color:#0d6efd;
    font-size:.85rem;
    padding:8px 14px;
    border-radius:20px;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.descripcion-card{
    background:#f8f9fa;
    border-radius:12px;
    padding:12px;
    min-height:90px;
    margin-top:10px;
    color:#555;
    font-size:.9rem;
}

.card-footer-custom{
    padding:20px;
    border-top:1px solid #eee;
    display:flex;
    gap:10px;
}

.btn-ver{
    flex:1;
    border-radius:12px ;
    font-weight:600;
    background:#257A9C;
    border-color: #257A9C;
}
.btn-ver:hover{
   background:#39ADD3;
   border-color: #39ADD3;
}

.btn-descargar{
    flex:1;
    border-radius:12px;
    font-weight:600;
    background:#DF6F0E;
    border-color: #DF6F0E;
}
.btn-descargar:hover{
   background:#F49F1E;
   border-color: #F49F1E;
}

.btn-fltcard{
    flex:1;
    border-radius:12px;
    font-weight:600;
    background:#DF6F0E;
    border-color: #DF6F0E;
}
.btn-fltcard:hover{
   background:#F49F1E;
   border-color: #F49F1E;
}