:root { --consultorio-primary: #0b7285; --consultorio-dark: #075a68; --consultorio-soft: #e6fcf5; }
.consultorio-hero { background: linear-gradient(135deg, var(--consultorio-primary), var(--consultorio-dark)); color: #fff; border-radius: 14px; padding: 2rem; }
.consultorio-card { border: 0; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.consultorio-card .card-header { background: var(--consultorio-soft); border-bottom: 0; font-weight: 700; }
.consultorio-badge { background: var(--consultorio-soft); color: var(--consultorio-dark); border-radius: 999px; padding: .3rem .7rem; font-size: .8rem; font-weight: 700; }
.consultorio-status { font-size: .78rem; font-weight: 700; border-radius: 999px; padding: .25rem .6rem; display: inline-block; }
.consultorio-status-pendiente { background: #fff3bf; color: #8a5a00; }
.consultorio-status-confirmado { background: #d3f9d8; color: #1b5e20; }
.consultorio-status-atendido { background: #d0ebff; color: #0b4f6c; }
.consultorio-status-cancelado { background: #ffe3e3; color: #a61e4d; }
.btn-consultorio { background: var(--consultorio-primary); border-color: var(--consultorio-primary); color: #fff; }
.btn-consultorio:hover { background: var(--consultorio-dark); border-color: var(--consultorio-dark); color: #fff; }
.consultorio-note { border-left: 4px solid var(--consultorio-primary); background: #f8f9fa; padding: .9rem 1rem; }