/* ===== VARIABLES DE COLOR ===== */
:root {
    --color-primary: #6D0F1B;     /* Vino tinto */
    --color-secondary: #8C1D2E;   /* Vino claro */
    --color-accent: #C96A75;      /* Rosado médico */
    --color-bg: #FAFAFA;
    --color-text: #2B2B2B;
    --color-border: #E6E6E6;
    --color-danger: #B11226;
}

/* ===== BASE ===== */
body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* ===== NAVBAR ===== */
.navbar-lab {
    background-color: var(--color-bg);
}

img {
    border-radius: 50px;
}
.navbar-toggler  {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.navbar-lab .navbar-brand,
.navbar-lab .nav-link {
    color: #3d0404;
    font-weight: 500;
}

.navbar-lab .nav-link:hover {
    color: var(--color-accent);
}

/* ===== BOTONES ===== */
.btn-primary {
    background-color: var(--color-secondary);
    border: none;
}

.btn-primary:hover {
    background-color: #7A1928;
}

.btn-outline-primary {
    border-color: var(--color-secondary);
    color: var(--color-secondary);
}

.btn-outline-primary:hover {
    background-color: var(--color-secondary);
    color: #ffffff;
}

/* ===== TARJETAS ===== */
.card {
    border-radius: 14px;
    border: 1px solid var(--color-border);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* ===== FORMULARIOS ===== */
.form-control {
    border-radius: 8px;
    border: 1px solid var(--color-border);
}

.form-control:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 0.2rem rgba(201, 106, 117, 0.25);
}

/* ===== ALERTAS ===== */
.alert-danger {
    background-color: #FBEAEC;
    color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

/* ===== FOOTER ===== */
.main-footer {
    background-color: #ffffff;
    border-top: 1px solid var(--color-border);
    padding: 20px 0;
    color: #666;
}

:root {
    --vino: #7b1e2b;
    --vino-dark: #5a1620;
    --gris: #f5f5f5;
}

.page-title {
    font-weight: 700;
    color: var(--vino);
}
#t/tarjetas de examenes en el dashboard
.page-subtitle {
    color: #555;
    font-size: 1.1rem;
    font-weight: bolds;
}

.examen-card input {
  display: none;
}

.examen-card .card {
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}

.examen-card input:checked + .card {
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  transform: translateY(-3px);
}

.btn-outline-primary {
  border-radius: 30px;
  padding: 10px 24px;
}

.table {
  background: white;
  border-radius: 12px;
  overflow: hidden;
}

.perfil-cliente {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.avatar-wrapper {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid var(--color-primary);
  cursor: pointer;
  transition: transform 0.3s ease;
}

.avatar-wrapper:hover {
  transform: scale(1.05);
}

.avatar-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}