body { 
  font-feature-settings: "ss01"; 
  background-color: #f8f9fa; 
  color: #212529;
  transition: background 0.3s, color 0.3s;
}

.navbar { background-color: #0d6efd !important; }
.navbar-brand { letter-spacing: .2px; color: #fff !important; }
.navbar .nav-link { color: #fff !important; }

.card img { object-fit: cover; height: 180px; }
.card { border: 1px solid #e1e5f0; border-radius: 12px; }

.btn-primary, .btn-outline-light { border-radius: 12px; }

.badge { font-size: .65rem; }

/* --- Dark Mode --- */
body.dark {
  background-color: #121212;
  color: #f1f1f1;
}
body.dark .navbar { background-color: #0b3d91 !important; }
body.dark .card { background-color: #1e1e1e; border-color: #444; }
body.dark .btn-primary { background-color: #1976d2; border: none; }


/* Navbar y body distinto para panel admin */
body.admin-page .navbar {
    background-color: #0a58ca !important; /* azul más oscuro */
}
body.admin-page {
    background-color: #e9ecef; /* fondo más gris claro */
}
body.admin-page .card {
    border: 1px solid #0a58ca;
}

body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #f8f9fa;
}

.navbar { background-color: #0d6efd !important; }
.navbar-brand, .navbar .nav-link { color: #fff !important; }

.card img { object-fit: cover; height: 180px; }
.card { border-radius: 12px; transition: transform 0.2s; }
.card:hover { transform: translateY(-5px); }

.btn-primary { border-radius: 12px; }
.btn-outline-primary { border-radius: 12px; }

.text-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.badge { font-size: .65rem; }