/* Sistema Vivo: produtos como capítulos, alinhados e legíveis (texto desenvolvido). */
.practice-grid{display:none}

.practice-sequence{
  margin-top:clamp(2.5rem,5vw,4.5rem);
  display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);
}

.practice-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(11rem,.85fr) minmax(20rem,1.15fr);
  gap:clamp(1.5rem,4vw,4rem);
  align-items:start;
  padding:clamp(2.2rem,3.6vw,3.4rem) clamp(1.6rem,3vw,3.2rem);
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--white,#fff);
}
.practice-index{
  grid-column:1;margin:0 0 .8rem;
  color:var(--blue);font-size:.9rem;font-weight:800;letter-spacing:.04em;
}
.practice-row h3{
  grid-column:1;align-self:start;
  max-width:12ch;margin:0;
  font-size:clamp(2.4rem,4vw,4rem);font-weight:700;letter-spacing:-.045em;line-height:.94;
}
.practice-summary{grid-column:2;align-self:start;max-width:40rem}
.practice-summary p{margin:0;color:var(--muted);font-size:clamp(1.04rem,1.1vw,1.15rem);line-height:1.62}
.practice-summary p strong{
  display:block;margin-bottom:.55rem;
  color:var(--ink);font-weight:800;font-size:1.12em;line-height:1.28;
}
.practice-summary a{
  display:inline-block;margin-top:1.4rem;
  color:var(--ink);font-size:.92rem;font-weight:800;text-decoration:none;
}
.practice-summary a:hover{color:var(--blue)}

/* Bloco de entrada em destaque */
.practice-row--01{background:var(--blue);border-color:transparent;color:#fff}
.practice-row--01 .practice-index,
.practice-row--01 .practice-summary a{color:#fff}
.practice-row--01 .practice-summary p{color:#e8efff}
.practice-row--01 .practice-summary p strong{color:#fff}

/* Bloco escuro */
.practice-row--03{background:var(--ink);border-color:transparent;color:#fff}
.practice-row--03 .practice-index,
.practice-row--03 .practice-summary a{color:var(--bright,#5a8cff)}
.practice-row--03 .practice-summary p{color:#c3ccdb}
.practice-row--03 .practice-summary p strong{color:#fff}

/* Bloco claro */
.practice-row--04{background:var(--pale,#eef2fb);border-color:transparent}

@media(max-width:52rem){
  .practice-row,
  .practice-row--01,.practice-row--02,.practice-row--03,.practice-row--04{
    grid-template-columns:1fr;gap:1.1rem;padding:2rem 1.5rem;
  }
  .practice-summary{grid-column:1;max-width:100%}
  .practice-row h3{font-size:clamp(2.6rem,11vw,3.6rem)}
}