/* ============================================================
   HOSPITAL-PERGAMINHO.CSS — 12/10
   O Hospital com a mesma textura das outras páginas (Inventário,
   Treino, Missões): folha de pergaminho com moldura dourada dupla,
   faixa azul no título, painéis creme com borda dupla e títulos
   Georgia. Carrega DEPOIS de hospital.css, reskin-cards.css e
   mobile.css — por isso os seletores começam por body.hosp-body.
   ============================================================ */

/* Folha de pergaminho */
body.hosp-body .hosp-page {
  width: calc(100% - 36px); max-width: 1100px; margin: 26px auto; padding: 22px;
  border: 5px double #9e7936; border-radius: 7px;
  background: #f1e3c1 url('../img/cabecalho-2026/pergaminho.png') center/768px;
  box-shadow: 0 8px 24px #38240966;
  color: #23394a; font-family: Georgia, serif;
}

/* Faixa azul do título */
body.hosp-body .hosp-header {
  background: #102c43 url('../img/cabecalho-2026/azul.png') center/768px;
  border: 3px double #c39d50; border-radius: 0; padding: 14px 22px; margin-bottom: 18px;
}
body.hosp-body .hosp-titulo { margin: 0; font: 700 30px Georgia, serif; color: #f6d990; text-transform: uppercase; letter-spacing: .5px; text-shadow: none; }
body.hosp-body .hosp-sub { margin: 4px 0 0; color: #e1d3ae; font-size: 12px; font-family: system-ui, sans-serif; }

/* Painéis: creme translúcido, borda dupla dourada, sem rebites nem recorte */
body.hosp-body .hosp-trat-card,
body.hosp-body .hosp-itens-card {
  border: 3px double #ac8744; border-radius: 4px; clip-path: none;
  background: #fff5dd99; box-shadow: none; overflow: hidden;
}
body.hosp-body .hosp-trat-card::before,
body.hosp-body .hosp-itens-card::before { display: none; }
body.hosp-body .hosp-card-destaque { border-color: #ac8744; }

/* Títulos dos painéis: barra azul com texto dourado */
body.hosp-body .hosp-trat-header {
  display: flex; align-items: center; margin: 0; padding: 10px 14px;
  background: linear-gradient(#254b63, #102d43); border: 0; border-bottom: 2px solid #af8b46;
  border-radius: 0; box-shadow: none;
}
body.hosp-body .hosp-trat-header .hosp-trat-titulo,
body.hosp-body .hosp-trat-header [class*="titulo"] { color: #f6dc9c; font: 700 15px Georgia, serif; letter-spacing: .5px; }

/* Cura Completa */
body.hosp-body .hosp-trat-card { padding: 0 0 16px; display: flex; flex-direction: column; }
body.hosp-body .hosp-trat-card > :not(.hosp-trat-header) { margin-left: 16px; margin-right: 16px; }
body.hosp-body .hosp-trat-desc { color: #4a4636; font-size: 13px; line-height: 1.5; margin-top: 12px; }
body.hosp-body .hosp-trat-stat-box {
  border: 3px double #af8c46; border-radius: 4px;
  background: linear-gradient(#fff5dc, #e6d2a6); box-shadow: inset 0 0 8px #bd9e5355;
}
body.hosp-body .hosp-trat-stat-val { color: #17364d; font-family: Georgia, serif; }
body.hosp-body .hosp-trat-stat-label { color: #6a5a41; }
body.hosp-body .hosp-custo-row { border: 2px solid #c9ad72; border-radius: 4px; background: #fff9e9; }
body.hosp-body .hosp-custo-label { color: #526052; font-family: Georgia, serif; }
body.hosp-body .hosp-custo-val { color: #1d5a35; font-family: Georgia, serif; font-weight: 700; }
body.hosp-body .hosp-btn-pri {
  width: auto; margin-top: 4px; border: 2px solid #c9a24c; border-radius: 4px;
  background: linear-gradient(#1d4562, #0f2d45); color: #ffe6b0;
  font: 700 15px Georgia, serif; letter-spacing: .5px; box-shadow: none; text-shadow: none;
}
body.hosp-body .hosp-btn-pri:hover { filter: brightness(1.15); }

/* Itens médicos */
body.hosp-body .hosp-itens-header { display: block; position: relative; background: #e9d4a680; border-bottom: 2px solid #c9ad72; padding: 0 0 12px; }
body.hosp-body .hosp-itens-header .hosp-trat-header { margin-bottom: 8px; }
body.hosp-body .hosp-itens-header .hosp-trat-desc { margin: 0 0 0 16px; }
body.hosp-body .hosp-ver-mochila { position: absolute; top: 11px; right: 14px; color: #f6dc9c; font-family: Georgia, serif; }
body.hosp-body .hosp-itens-grid { background: transparent; }
body.hosp-body .hosp-item-card {
  border: 2px solid #b2914e; border-radius: 4px; clip-path: none;
  background: linear-gradient(130deg, #fff9e7, #e5d5ad); box-shadow: inset 0 0 8px #bd9e5366;
}
body.hosp-body .hosp-item-card:hover { border-color: #8a6a22; }
body.hosp-body .hosp-item-nome { color: #17364d; font-family: Georgia, serif; }
body.hosp-body .hosp-item-cura { color: #1d5a35; }
body.hosp-body .hosp-item-qtd { background: #17364d; color: #fff; }
body.hosp-body .hosp-item-btn { border: 1px solid #aa8b51; border-radius: 4px; background: #18374e; color: #f4dfb4; font-family: Georgia, serif; }
body.hosp-body .hosp-item-tag { border-color: #b49550; color: #6a5a41; font-family: Georgia, serif; }
body.hosp-body .hosp-item-vazio { border: 2px dashed #c9ad72; border-radius: 4px; background: #fff5dd66; }
body.hosp-body .hosp-item-vazio-txt { color: #8a7650; }

body.hosp-body .hosp-footer { color: #6a5a41; border-top-color: #c9ad72; font-family: Georgia, serif; }

@media (max-width: 800px) {
  body.hosp-body .hosp-page { width: calc(100% - 16px); padding: 12px; margin: 14px auto; }
  body.hosp-body .hosp-titulo { font-size: 22px; }
  body.hosp-body .hosp-ver-mochila { font-size: 12px; }
}