/* Página da história do raio X: linha do tempo. */

.hx-abertura{font-size:15.5px; color:var(--white);}
.hx-abertura strong{color:var(--green-text);}
.hx-titulo{font-size:22px; margin:30px 0 16px;}

.hx-linha{list-style:none; margin:0; padding:0; position:relative;}
.hx-linha::before{content:""; position:absolute; top:6px; bottom:6px; left:17px; width:2px; background:var(--border-strong);}
.hx-marco{position:relative; display:grid; grid-template-columns:36px minmax(0,1fr); gap:14px; padding-bottom:14px;}
.hx-marco:last-child{padding-bottom:0;}
.hx-icone{
  position:relative; z-index:1; width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:17px;
  color:var(--green-text); background:var(--green-dark); border:2px solid var(--green);
}
.hx-card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:14px 18px;}
.hx-card time{display:block; font-family:var(--font-mono); font-size:12px; color:var(--green-text); margin-bottom:4px;}
.hx-card h3{font-size:16px; margin-bottom:5px;}
.hx-card p{font-size:13.5px; line-height:1.6; margin:0;}
.hx-data{margin-top:22px; border-color:rgba(47,174,82,.4);}