/* =============================================
   ESTILOS PERSONALIZADOS MUROSOCIAL
   ============================================= */

/* Color de texto más oscuro y tamaño más grande */
body {
    color: #1a1a1a !important;
    font-size: 16px !important;
}

/* Textos secundarios (text-muted) más visibles */
.text-muted {
    color: #333333 !important;
}

/* Párrafos y textos generales */
p, span, small, li, a {
    color: inherit;
}

/* Small más legible */
small, .small {
    font-size: 0.9rem !important;
}

/* Tarjetas de creadores - texto más visible */
.card-user-profile .card-text,
.card-user-profile small {
    color: #222222 !important;
}

/* Descripción en tarjetas */
.card-user-profile .text-truncate {
    color: #333333 !important;
    font-size: 0.95rem !important;
}

/* Títulos de secciones */
.section-creators h4 {
    color: #111111 !important;
}

/* Links más visibles */
a:not(.btn) {
    color: #2a2a2a;
}

a:not(.btn):hover {
    color: #111111;
}

/* Menú lateral */
.menu-left-home a {
    color: #222222 !important;
    font-size: 1rem !important;
}

/* Filtros laterales */
.btn-category {
    font-size: 0.95rem !important;
    color: #222222 !important;
}

/* Formularios */
.form-control {
    color: #1a1a1a !important;
    font-size: 1rem !important;
}

/* Labels */
label {
    color: #1a1a1a !important;
}

/* =============================================
   TARJETAS DE CREADORES - ALTURA UNIFORME
   ============================================= */

/* Hacer que todas las tarjetas tengan la misma altura */
.card-user-profile {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-user-profile .card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* El título puede tener altura fija o mínima */
.card-user-profile .card-title {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* La descripción ocupa el espacio disponible */
.card-user-profile .card-text.text-truncate {
    flex-grow: 1;
    min-height: 24px;
}

/* Los botones siempre al final */
.card-user-profile .card-body > .d-flex.flex-column {
    margin-top: auto;
}