/* LDRD como site próprio. O hero com a rede animada (ldrd.css) segue como destaque;
   aqui ficam a marca do cabeçalho e as páginas que eram abas. */

.lab-ldrd { --lab-cor: #174f3d; --lab-papel: #e7efe9; --lab-texto: #4d6357; --lab-linha: #cad8ce; }
.lab-trilha { color: var(--lab-texto); font-size: .82rem; margin-bottom: 1.6rem; }
.lab-trilha a { color: inherit; text-underline-offset: .2em; }

.ldrd-marca { display: inline-flex; align-items: center; gap: .6rem; color: var(--ldrd-verde); }
.ldrd-marca img { width: 42px; height: 42px; }
.ldrd-marca strong { font-size: 1.6rem; font-weight: 750; letter-spacing: -.04em; line-height: 1; }
.ldrd-marca > span { font-size: .74rem; line-height: 1.3; color: var(--ldrd-texto); font-weight: 500; border-left: 2px solid #f2c200; padding-left: .6rem; }
.lab-rodape .ldrd-marca { margin-bottom: 1rem; }


/* Páginas internas: o painel branco das antigas abas vira o corpo da página */
.lab-ldrd .ldrd-corpo { padding-inline: 0; }
.ldrd-paineis--pagina { padding-top: clamp(1.5rem, 3vw, 2.5rem); }
.ldrd-paineis--pagina > section > h2:first-child { margin-top: 0; }
.ldrd-paineis--pagina .instalacoes > section:first-child { margin-top: 0; }

/* Listas de informações do laboratório */
.ldrd-membros { margin: .8rem 0 0; padding-left: 1.2rem; color: #23392f; columns: 2 18rem; column-gap: 2rem; }
.ldrd-membros li { margin-bottom: .45rem; }

/* Agendamento: prioridades e regras */
.ldrd-regras { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 3rem; margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--ldrd-linha); }
.ldrd-regras h2 { color: var(--ldrd-verde); font-size: 1.3rem; margin-bottom: .8rem; }
.ldrd-regras .ldrd-membros { columns: 1; }
.ldrd-prioridade { list-style: none; counter-reset: prioridade; margin: 0; padding: 0; }
.ldrd-prioridade li { counter-increment: prioridade; display: grid; grid-template-columns: 2rem 1fr; gap: .8rem; align-items: baseline; padding: .8rem 0; border-top: 1px solid var(--ldrd-linha); color: #23392f; }
.ldrd-prioridade li::before { content: counter(prioridade) "º"; font-weight: 700; color: var(--ldrd-verde); font-size: 1.1rem; }

/* Chamada da home */
.lab-chamada-ldrd { position: relative; background: #0c2a22 url("../img/lmri/faixa-radiacao.jpg") center / cover no-repeat; color: #fff; padding-block: clamp(3rem, 7vw, 5.5rem); isolation: isolate; }
.lab-chamada-ldrd::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 34, 27, .25) 0%, rgba(10, 34, 27, .85) 55%); z-index: -1; }
.lab-chamada-ldrd__grade { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1.5rem 3rem; padding-left: max(var(--gutter), clamp(0rem, 22vw, 18rem)); }
.pagina-ldrd .lab-chamada-ldrd h2 { color: #fff; font-size: clamp(1.5rem, 2.8vw, 2rem); margin-bottom: .4rem; }
.lab-chamada-ldrd p { color: #d9e7df; margin: 0; max-width: 55ch; }

@media (max-width: 960px) {
  .lab-chamada-ldrd__grade { grid-template-columns: 1fr; justify-items: start; padding-left: var(--gutter); }
  .lab-chamada-ldrd::before { background: rgba(10, 34, 27, .78); }
}

@media (max-width: 720px) {
  .ldrd-regras { grid-template-columns: 1fr; }
  .ldrd-marca > span { display: none; }
}

/* Hero: a trilha fica sozinha na barra, e o texto pequeno ganha sombra
   para continuar legível sobre a rede mais densa */