/* Biblioteca Setorial - HUM/UEM
   Hospital Universitário Regional de Maringá - PR
   Personalização visual do Plone
*/

:root {
  --hum-azul: #174a70;
  --hum-azul-escuro: #10334d;
  --hum-azul-claro: #eaf3f8;
  --hum-cinza: #f4f6f8;
  --hum-texto: #303b45;
  --hum-branco: #ffffff;
}

/* Página */
body {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--hum-texto);
  background: var(--hum-cinza);
  line-height: 1.65;
}

/* Cabeçalho institucional */
#portal-header {
  background: var(--hum-azul);
  padding: 22px 24px;
  border-bottom: 4px solid #8ebbd3;
}

#portal-logo {
  color: var(--hum-branco);
  font-size: 1.65rem;
  font-weight: 700;
  text-decoration: none;
}

/* Navegação */
#portal-globalnav {
  background: var(--hum-azul-escuro);
}

#portal-globalnav > li > a {
  color: var(--hum-branco);
  padding: 13px 16px;
  font-weight: 600;
}

#portal-globalnav > li > a:hover,
#portal-globalnav > li.selected > a {
  background: #dcebf4;
  color: var(--hum-azul-escuro);
}

/* Área de conteúdo */
#portal-columns {
  padding-top: 24px;
  padding-bottom: 30px;
}

#content {
  background: var(--hum-branco);
  padding: 24px;
  border-radius: 6px;
}

/* Títulos */
#content h1,
#content h2,
#content h3 {
  color: var(--hum-azul);
  line-height: 1.35;
}

#content h1 {
  font-size: 2rem;
  border-bottom: 2px solid var(--hum-azul-claro);
  padding-bottom: 12px;
}

/* Links */
#content a {
  color: #145b86;
  text-underline-offset: 3px;
}

#content a:hover {
  color: #0b354f;
}

/* Portlets e menus laterais */
.portlet {
  background: var(--hum-branco);
  border: 1px solid #d6e1e8;
  border-radius: 6px;
  margin-bottom: 18px;
  padding: 14px;
}

.portletHeader {
  color: var(--hum-azul);
  font-weight: 700;
  border-bottom: 2px solid var(--hum-azul-claro);
  padding-bottom: 9px;
}

/* Formulários e pesquisa */
input[type="text"],
input[type="search"],
input[type="email"],
select,
textarea {
  max-width: 100%;
  padding: 10px;
  border: 1px solid #b9c9d4;
  border-radius: 4px;
  background: #fff;
  color: var(--hum-texto);
}

input:focus,
select:focus,
textarea:focus {
  outline: 2px solid #5b9bc2;
  outline-offset: 2px;
}

/* Botões */
button,
input[type="submit"],
#content .btn-primary {
  background: var(--hum-azul);
  color: var(--hum-branco);
  border: 1px solid var(--hum-azul);
  border-radius: 4px;
  padding: 10px 16px;
  cursor: pointer;
}

button:hover,
input[type="submit"]:hover {
  background: var(--hum-azul-escuro);
}

/* Tabelas: periódicos, serviços e documentos */
#content table {
  width: 100%;
  border-collapse: collapse;
}

#content th {
  background: var(--hum-azul);
  color: var(--hum-branco);
  text-align: left;
}

#content th,
#content td {
  padding: 11px;
  border: 1px solid #d5e0e7;
}

#content tbody tr:nth-child(even) {
  background: #f0f6fa;
}

/* Rodapé */
#portal-footer-wrapper {
  background: var(--hum-azul-escuro);
  color: var(--hum-branco);
  padding: 25px;
  margin-top: 25px;
}

#portal-footer-wrapper a {
  color: var(--hum-branco);
}

/* Acessibilidade */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid #e0b75c;
  outline-offset: 3px;
}

/* Celulares */
@media (max-width: 767px) {
  #portal-header {
    padding: 15px;
  }

  #content {
    padding: 15px;
  }

  #content h1 {
    font-size: 1.6rem;
  }

  #content table {
    display: block;
    overflow-x: auto;
  }
}