:root {
  --bg: #F1F5F9;
  --bg2: #FFFFFF;
  --card: #FFFFFF;
  --navy: #003566;
  --navy2: #002B52;
  --blue: #004B87;
  --blue-light: #EBF4FF;
  --border: #E2E8F0;
  --text: #0F172A;
  --slate: #475569;
  --slate2: #64748B;
  --shadow: 0 2px 12px rgba(0,75,135,0.10);
  --shadow-lg: 0 8px 32px rgba(0,75,135,0.15);
  --radius: 12px;
  --red: #e53935; --red-glow: rgba(229,57,53,0.25); --red-dim: rgba(229,57,53,0.12); --red-bg: rgba(229,57,53,0.05); --red-light: #ef9a9a;
  --yellow: #f9a825; --yellow-glow: rgba(249,168,37,0.25); --yellow-dim: rgba(249,168,37,0.12); --yellow-bg: rgba(249,168,37,0.05); --yellow-light: #ffe082;
  --green: #2e7d32; --green-glow: rgba(46,125,50,0.25); --green-dim: rgba(46,125,50,0.12); --green-bg: rgba(46,125,50,0.05); --green-light: #81c784;
  --blue-c: #004B87; --blue-c-glow: rgba(0,75,135,0.25); --blue-c-dim: rgba(0,75,135,0.12); --blue-c-bg: rgba(0,75,135,0.05); --blue-c-light: #9FCDE8;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter','Montserrat',system-ui,-apple-system,sans-serif;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.hidden{display:none!important}

/* ── Subtle background texture ───────────────────────────────────── */
.bg-layer{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 900px 600px at 15% 20%, rgba(0,174,239,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 700px 500px at 85% 80%, rgba(0,75,135,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 500px 400px at 50% 50%, rgba(235,245,251,0.5) 0%, transparent 100%);
}
.bg-dots{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle, rgba(0,75,135,0.045) 1px, transparent 1px);
  background-size:24px 24px;
}

/* ── Header — mesma identidade de /transparencia ─────────────────── */
header{
  position:sticky;top:0;z-index:50;
  background:radial-gradient(ellipse at top,#004B87 0%,#003566 60%,#002B52 100%);
  box-shadow:0 2px 16px rgba(0,30,70,0.4);
  overflow:hidden;
}
header::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:24px 24px;
}
header::after{
  content:'';position:absolute;right:0;bottom:0;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,174,239,.25) 0%,transparent 70%);
  pointer-events:none;
}
.header-inner{
  max-width:1100px;margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;
  position:relative;z-index:1;flex-wrap:wrap;gap:12px;
}
.header-left{display:flex;align-items:center;gap:12px}
.logo-mark{
  width:40px;height:40px;border-radius:10px;flex-shrink:0;
  background:rgba(255,255,255,0.15);
  border:1px solid rgba(255,255,255,0.25);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:13px;color:#fff;letter-spacing:-.02em;
}
.header-subtitle{font-size:11px;color:rgba(255,255,255,.5);margin-bottom:2px}
.header-title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.02em}

/* Status badge — mesma de /transparencia */
#status-badge{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:100px;padding:6px 14px;
  font-size:12px;font-weight:600;color:rgba(255,255,255,.75);
  display:flex;align-items:center;gap:7px;
  transition:all .35s ease;
}
#status-badge.ao-vivo{
  background:rgba(76,175,80,.2);
  border-color:rgba(76,175,80,.4);
  color:#a5d6a7;
}
.pulse-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.pulse-dot.green{background:#4CAF50;box-shadow:0 0 0 3px rgba(76,175,80,.25);animation:ring-pulse 2s ease-in-out infinite}
.pulse-dot.red{background:#ef5350}
.pulse-dot.gray{background:rgba(255,255,255,.3)}
@keyframes ring-pulse{
  0%,100%{box-shadow:0 0 0 3px rgba(76,175,80,.25)}
  50%{box-shadow:0 0 0 5px rgba(76,175,80,.12),0 0 10px rgba(76,175,80,.3)}
}

/* ── Legend ──────────────────────────────────────────────────────── */
.legend-wrap{
  position:relative;z-index:1;
  max-width:1100px;margin:22px auto 0;padding:0 24px;
}
.legend-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px 18px;
  box-shadow:var(--shadow);
}
.legend-title{
  font-size:10px;font-weight:700;letter-spacing:.1em;
  color:var(--slate2);text-transform:uppercase;margin-bottom:10px;
}
.legend-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.legend-item{
  display:flex;align-items:center;gap:10px;
  padding:9px 12px;border-radius:8px;
  background:var(--bg2);
  border:1px solid var(--border);
}
.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.legend-name{font-size:12px;font-weight:700;color:var(--text);display:block}
.legend-sub{font-size:10px;color:var(--slate2);display:block;margin-top:1px}

/* ── Main ────────────────────────────────────────────────────────── */
main{
  position:relative;z-index:1;
  max-width:1100px;margin:0 auto;padding:22px 24px 8px;
}
#cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}
#cards.cards--single{grid-template-columns:minmax(0,720px);justify-content:center}

/* Loading */
#loading{text-align:center;padding:80px 0;position:relative;z-index:1}
.spinner{
  width:40px;height:40px;
  border:3px solid rgba(0,75,135,.15);
  border-top-color:var(--blue);
  border-radius:50%;animation:spin .75s linear infinite;
  margin:0 auto 14px;
}
@keyframes spin{to{transform:rotate(360deg)}}
#loading p{font-size:13px;color:var(--slate2)}
#erro{
  background:#FEE2E2;border:1px solid rgba(220,38,38,.2);
  border-radius:var(--radius);padding:28px;text-align:center;
  position:relative;z-index:1;
}
#erro p{color:#DC2626;font-size:13px}
#vazio{position:relative;z-index:1}

/* ── UPA Card — 3D glass light ────────────────────────────────────── */
.upa-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow);
  transition:box-shadow .35s ease;
  transform-style:preserve-3d;
  will-change:transform;
}
.upa-card:hover{
  box-shadow:0 16px 48px rgba(0,75,135,.2),0 4px 12px rgba(0,75,135,.1);
}

/* Card header — espelha o header da página */
.card-header{
  position:relative;overflow:hidden;
  padding:18px 20px 14px;
  background:linear-gradient(135deg,#003566 0%,#004B87 60%,#0090C9 100%);
}
.card-header::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:20px 20px;
}
/* Shimmer */
.card-header::after{
  content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  animation:card-shimmer 5s ease-in-out infinite;
}
@keyframes card-shimmer{0%,100%{left:-60%}50%{left:130%}}
.card-header-content{position:relative;z-index:1}
.card-upa-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}
.card-upa-address{font-size:11px;color:rgba(190,220,255,.75);margin-top:3px}
.card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px}
.card-meta-item{font-size:11px;color:rgba(160,200,240,.7)}

/* Card body */
.card-body{padding:14px 18px 16px;display:grid;gap:9px}

/* ── Fila Item ───────────────────────────────────────────────────── */
.fila-item{
  padding:13px 15px 12px;border-radius:10px;
  border:1px solid var(--fi-dim);
  background:var(--fi-bg);
  position:relative;overflow:hidden;
}
.fila-item::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--fi-color);box-shadow:0 0 8px var(--fi-glow);
}
.fila-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}
.fila-badge{display:flex;align-items:center;gap:8px}
.fila-dot{
  width:9px;height:9px;border-radius:3px;flex-shrink:0;
  background:var(--fi-color);box-shadow:0 0 6px var(--fi-glow);
}
.fila-label{font-size:12px;font-weight:700;color:var(--fi-color)}
.fila-ts{font-size:10px;color:var(--slate2)}
.fila-main{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}
.fila-sublabel{font-size:10px;color:var(--slate2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}
.fila-time{
  font-size:26px;font-weight:900;
  color:var(--fi-color);line-height:1;letter-spacing:-.03em;
}
.fila-time--empty{font-size:20px;color:var(--slate);letter-spacing:0}
.fila-bar-track{height:4px;background:rgba(0,75,135,.08);border-radius:100px;overflow:hidden;margin-bottom:7px}
.fila-bar-fill{
  height:100%;border-radius:100px;width:0;
  background:linear-gradient(90deg,var(--fi-color),var(--fi-light));
  transition:width 1.5s cubic-bezier(.4,0,.2,1);
}
.fila-queue{font-size:11px;color:var(--slate2)}
.fila-queue strong{color:var(--fi-color);font-weight:700}
/* Registro preso na origem: a pessoa continua contada, o tempo não é publicado.
   Nota discreta de propósito — é aviso de conferência, não alarme para quem espera. */
.fila-conferencia{margin-top:4px;font-size:10px;letter-spacing:.03em;color:var(--slate2);opacity:.75}

/* Card footer */
.card-footer{
  padding:9px 20px;
  border-top:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;
  background:#FAFCFF;
}
.card-footer span{font-size:10px;color:var(--slate2)}

/* ── Footer ──────────────────────────────────────────────────────── */
footer{
  position:relative;z-index:1;
  max-width:1100px;margin:0 auto;padding:0 24px 48px;
}
.footer-grid{
  border-top:1px solid var(--border);
  padding-top:22px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  margin-bottom:14px;
}
.footer-label{font-size:11px;font-weight:700;color:var(--slate);margin-bottom:4px}
.footer-text{font-size:11px;color:var(--slate2);line-height:1.6}
.footer-credit{text-align:center;font-size:11px;color:var(--slate2)}

/* ── Entrance ────────────────────────────────────────────────────── */
@keyframes slide-in{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.slide-in{animation:slide-in .5s cubic-bezier(.23,1,.32,1) both}
.upa-card:nth-child(2){animation-delay:.06s}
.upa-card:nth-child(3){animation-delay:.12s}

/* ── Seletor de unidade ──────────────────────────────────────────── */
.unidade-select-wrap{
  flex:1;max-width:280px;min-width:160px;
}
#unidade-select{
  width:100%;
  background:#0D3B7D;
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
  border-radius:8px;
  padding:8px 32px 8px 12px;
  font-size:13px;font-weight:600;
  font-family:inherit;
  cursor:pointer;
  appearance:none;-webkit-appearance:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  transition:border-color .2s,box-shadow .2s;
}
#unidade-select:focus{
  outline:none;
  border-color:rgba(255,255,255,.5);
  box-shadow:0 0 0 3px rgba(255,255,255,.12);
}
#unidade-select option{background:#0D3B7D;color:#fff}

/* ── Métricas ────────────────────────────────────────────────────── */
#metricas{
  position:relative;z-index:1;
  max-width:1100px;margin:0 auto;padding:18px 24px 0;
}
.metricas-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.metric-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px 18px;
  box-shadow:var(--shadow);
  display:flex;flex-direction:column;justify-content:space-between;
}
.metric-card--toggle{
  justify-content:center;align-items:center;text-align:center;gap:10px;
}
.metric-label{
  font-size:10px;font-weight:700;letter-spacing:.08em;
  color:var(--slate2);text-transform:uppercase;margin-bottom:8px;
}
.metric-value{
  font-size:32px;font-weight:900;letter-spacing:-.03em;line-height:1;
  margin-bottom:6px;
}
.metric-value--blue  {color:var(--navy)}
.metric-value--green {color:var(--green)}
.metric-value--orange{color:#e65100}
.metric-sub{font-size:10px;color:var(--slate2)}
.metric-loading{font-size:24px;color:var(--slate2);animation:pulse-op 1.5s ease-in-out infinite}
.metric-em-breve{font-size:14px;color:var(--slate2);font-style:italic}
@keyframes pulse-op{0%,100%{opacity:.4}50%{opacity:1}}

.view-toggle-btn{
  background:var(--navy);color:#fff;
  border:none;border-radius:8px;
  padding:9px 16px;font-size:12px;font-weight:700;
  font-family:inherit;cursor:pointer;
  transition:background .2s,transform .1s;
  white-space:nowrap;
}
.view-toggle-btn:hover{background:var(--navy2)}
.view-toggle-btn:active{transform:scale(.97)}

/* ── Tabela de filas ─────────────────────────────────────────────── */
.fila-tabela-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fila-tabela{
  width:100%;border-collapse:collapse;font-size:13px;
}
.fila-tabela thead tr{
  background:linear-gradient(135deg,#003566,#004B87);
  color:#fff;
}
.fila-tabela th{
  padding:9px 14px;text-align:left;
  font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.fila-tabela th:not(:first-child){text-align:center}
.fila-tabela tbody tr:nth-child(odd) {background:rgba(0,75,135,.04)}
.fila-tabela tbody tr:nth-child(even){background:#fff}
.fila-tabela tbody tr:hover{background:rgba(0,75,135,.08);transition:background .15s}
.fila-tabela td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.fila-tabela td:not(:first-child){text-align:center}
.tab-emoji{font-size:14px;margin-right:4px;vertical-align:middle}
.tab-num{font-weight:700;font-size:15px;color:var(--text)}
.tab-time{font-weight:600;color:var(--slate)}
.tab-conferencia{display:block;font-size:9px;font-weight:500;color:var(--slate2);opacity:.75}

/* ── Rodapé da unidade ───────────────────────────────────────────── */
.card-unit-footer{
  padding:9px 20px;
  border-top:1px solid var(--border);
  background:var(--blue-light);
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;
}
.card-unit-footer span{font-size:11px;color:var(--slate)}
.card-unit-footer strong{color:var(--navy);font-weight:700}
.maps-link{
  font-size:11px;font-weight:600;color:var(--blue);
  text-decoration:none;
  transition:color .15s;
  margin-left:auto;
}
.maps-link:hover{color:var(--navy);text-decoration:underline}

/* ── Responsive ──────────────────────────────────────────────────── */
@media(max-width:900px){
  .metricas-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .legend-items{grid-template-columns:repeat(2,1fr)}
  #cards{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .header-inner{padding:14px 16px;flex-wrap:wrap}
  .legend-wrap,main,footer,#metricas{padding-left:16px;padding-right:16px}
  .fila-time{font-size:22px}
  .unidade-select-wrap{
    order:3;max-width:100%;min-width:0;width:100%;
    padding-bottom:10px;
  }
  #unidade-select{width:100%}
  .metricas-row{grid-template-columns:repeat(2,1fr)}
  .maps-link{margin-left:0}
}
@media(max-width:420px){
  .metricas-row{grid-template-columns:1fr}
  .metric-value{font-size:28px}
}

/* ─── PAINEL GERENCIAL — formato Londrina ─── */
.gerencial-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 24px 0;
}
/* Bloco do fim da página (tabelas por classificação de risco). Vem depois do
   <main>, então precisa da respiração que o wrap do topo não tem — e de um fio
   acima para não colar no último card de unidade. */
.gerencial-wrap-tabelas {
  padding: 26px 24px 8px;
  margin-top: 14px;
  border-top: 1px solid var(--border);
}
.gerencial-header {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 14px;
}
.gerencial-titulo {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #1A1A1A;
}
.gerencial-subtitulo {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: #E65100;
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-left: 8px;
}

/* Grid de blocos por unidade */
.gerencial-unidade { margin-bottom: 24px; }
.gerencial-unidade-nome {
  font-size: 15px;
  font-weight: 700;
  color: #0D3B7D;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.gerencial-blocos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Blocos de número grande */
.gerencial-bloco-total {
  background: #fff;
  border: 1px solid #E0E4EA;
  border-radius: 10px;
  padding: 20px 22px 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.gerencial-bloco-total .bloco-titulo {
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
  line-height: 1.4;
}
.gerencial-bloco-total .bloco-numero {
  font-size: 48px;
  font-weight: 800;
  color: #0D3B7D;
  line-height: 1;
  letter-spacing: -2px;
}
.gerencial-bloco-total .bloco-base {
  font-size: 11px;
  color: #aaa;
  margin-top: 6px;
}

/* Blocos de tabela */
.gerencial-bloco-tabela {
  background: #fff;
  border: 1px solid #E0E4EA;
  border-radius: 10px;
  padding: 16px 18px;
  grid-column: span 2;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.gerencial-bloco-tabela .bloco-titulo {
  font-size: 12px;
  color: #888;
  margin-bottom: 10px;
  line-height: 1.4;
}
.gerencial-bloco-tabela .bloco-base {
  font-size: 11px;
  color: #aaa;
  margin-top: 8px;
}

.gerencial-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.gerencial-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: #888;
  text-transform: uppercase;
  letter-spacing: .4px;
  padding: 0 8px 8px 0;
  border-bottom: 1px solid #F0F0F0;
}
.gerencial-table th:not(:first-child) { text-align: right; }
.gerencial-table td {
  padding: 8px 8px 8px 0;
  border-bottom: 1px solid #F8F8F8;
  vertical-align: middle;
}
.gerencial-table td:not(:first-child) {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.gerencial-table tr:last-child td { border-bottom: none; }

/* Bolinha de cor por classificação */
.class-cor {
  display: inline-block;
  width: 10px; height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  flex-shrink: 0;
  vertical-align: middle;
}
.class-cor.vermelho { background: #C62828; }
.class-cor.laranja  { background: #E65100; }
.class-cor.amarelo  { background: #F9A825; }
.class-cor.verde    { background: #2E7D32; }
.class-cor.azul     { background: #004B87; }
.class-cor.preto    { background: #212121; }

.gerencial-pico {
  font-size: 12px;
  color: #888;
  text-align: right;
  margin-top: 8px;
}
.gerencial-empty {
  background: #fff;
  border: 1px solid #E0E4EA;
  border-radius: 10px;
  color: #64748B;
  font-size: 13px;
  padding: 18px 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

@media (max-width: 600px) {
  .gerencial-wrap { padding: 12px 14px 0; }
  .gerencial-wrap-tabelas { padding: 20px 14px 0; }
  .gerencial-blocos { grid-template-columns: 1fr; }
  .gerencial-bloco-tabela { grid-column: span 1; overflow-x: auto; padding: 14px 12px; }
  .gerencial-bloco-total .bloco-numero { font-size: 36px; }
  .gerencial-table { min-width: 0; font-size: 12px; }
  .gerencial-table th { font-size: 10px; letter-spacing: .2px; }
  .gerencial-table th,
  .gerencial-table td { padding-right: 5px; }
}

.header-logo-img {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 46px;
  padding: 5px 10px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,30,70,.25);
}
.header-logo-img img {
  height: 36px;
  width: auto;
  object-fit: contain;
  display: block;
}
.header-logo-municipio img {
  max-width: 170px;
}
.header-logo-municipio {
  background: #003566;
}

@media(max-width:680px){
  .header-left{min-width:0;flex:1 1 auto}
  .header-title{font-size:14px}
  .header-subtitle{font-size:10px}
  #status-badge{padding:6px 10px;font-size:11px}
  .header-logo-img{height:40px;padding:2px 4px}
  .header-logo-img img{height:32px}
  .header-logo-municipio img{max-width:136px}
}

/* ── Faixa "Médico de plantão" + status Aberta/Fechada (2026-08-02) ── */
.plantao-faixa{padding:12px 18px;border-bottom:1px solid #eef2f5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.plantao-status{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px}
.plantao-dot{width:9px;height:9px;border-radius:50%;flex:none}
.plantao-aberta{background:#f0faf4}
.plantao-aberta .plantao-status{color:#188a4d}
.plantao-aberta .plantao-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.22)}
.plantao-fechada,.plantao-indef{background:#f6f7f9}
.plantao-fechada .plantao-status,.plantao-indef .plantao-status{color:#8792a3}
.plantao-fechada .plantao-dot,.plantao-indef .plantao-dot{background:#c2cad4}
.plantao-horario{font-weight:600;font-size:12px;color:#8792a3;margin-left:2px}
.plantao-medico{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:#1f2d3d}
.plantao-medicos{display:flex;flex-direction:column;gap:3px}
.plantao-linha{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px}
.plantao-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#8792a3}
.plantao-medico strong{font-weight:800;color:#003566}
.plantao-det{color:#5a6a7d;font-size:12.5px}
.plantao-agora{background:#e6f7ee;color:#188a4d;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.3px}
.plantao-sem{color:#8792a3}
@media(max-width:600px){.plantao-faixa{padding:11px 14px;gap:7px 14px}}