/* Estilos para fondos oscuros */
.card {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.card-title,
.card-text {
    color: #ffffff !important;
}

.text-muted {
    color: #cccccc !important;
}

/* Iconos de secciones - color elegante */
.card-title i,
h5 i,
h4 i {
    color: #cbd5e0 !important;
}

/* Borde de la foto de perfil */
.rounded-circle {
    border: 3px solid #4a5568 !important;
}

.badge {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

/* Badges de especialidades con colores elegantes para modo oscuro */
.badge.bg-primary {
    background-color: #2d3748 !important;
    color: #90cdf4 !important;
    border: 1px solid #4a5568 !important;
}

.badge.bg-success {
    background-color: #2d3748 !important;
    color: #68d391 !important;
    border: 1px solid #4a5568 !important;
}

.badge.bg-warning {
    background-color: #2d3748 !important;
    color: #fbd38d !important;
    border: 1px solid #4a5568 !important;
}

.badge.bg-info {
    background-color: #2d3748 !important;
    color: #81e6d9 !important;
    border: 1px solid #4a5568 !important;
}

.badge.bg-secondary {
    background-color: #2d3748 !important;
    color: #cbd5e0 !important;
    border: 1px solid #4a5568 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

.obra-card {
    background-color: #0a0a0a !important;
    border: 1px solid #333333 !important;
}

.obra-card .card-title {
    color: #ffffff !important;
}

.obra-card:hover {
    border-color: #555555 !important;
}

.polaroid {
    background: #0a0a0a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 1px 8px rgba(255,255,255,0.1) !important;
    border: 1px solid #333333 !important;
}

.polaroid p {
    color: #ffffff !important;
}