/* ============================================================
   Salubox Alianzas — Panel médico
   Piezas únicas de public/medico.html. Los botones aquí son
   elementos <button> sin clase (el HTML no usa .sb-btn) — se
   estilan por selector, igual que ya estaba, solo sin hex sueltos.
   ============================================================ */

.contenido { max-width: 640px; margin: 0 auto; padding: 0 16px 40px; }
input, select, button {
  font-size: 0.95rem; padding: 8px 10px; border: 1px solid var(--sb-borde); border-radius: 6px;
  width: 100%; box-sizing: border-box; font-family: var(--sb-font);
}
button { background: var(--sb-azul-hover); color: #fff; border: none; cursor: pointer; width: auto; border-radius: var(--sb-caja-sm); font-weight: 600; }
button:disabled { opacity: .5; cursor: default; }
button.secundario { background: #fff; color: var(--sb-tinta); border: 1px solid var(--sb-borde); }

h2 { font-size: 1.05rem; margin: 0 0 10px; color: var(--sb-tinta); }
.agenda-item {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  border: 1px solid var(--sb-borde); background: #fff; border-radius: 6px; padding: 10px 12px; margin-bottom: 8px;
}
.agenda-item .info b { display: block; color: var(--sb-tinta); }
.agenda-item .info span { font-size: .82rem; color: var(--sb-texto-suave); }
.agenda-item button { padding: 7px 14px; font-size: .85rem; }
.agenda-vacia { font-size: .85rem; color: var(--sb-texto-suave); margin-bottom: 20px; }

.form-group { display: flex; flex-direction: column; gap: 4px; margin: 10px 0; }
.form-group label { font-size: 0.8rem; color: var(--sb-texto-suave); }
.resultado { border: 1px solid var(--sb-borde); background: #fff; border-radius: 6px; padding: 10px; margin: 8px 0; cursor: pointer; }
.resultado:hover { border-color: var(--sb-azul-hover); }
.seccion { margin-bottom: 28px; }