/* ===== Como funciona — página informativa ===== */

.info-hero{
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);
  color: #fff;
  padding: 88px 0 76px;
  text-align:center;
}
.info-hero__inner{ max-width: 780px; margin: 0 auto; }
.info-hero__title{
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  color: #f2f5fc;
  margin-bottom: 20px;
  line-height: 1.2;
}
.info-hero__lead{
  color: #cdd6ee;
  font-size: 17px;
  max-width: 62ch;
  margin: 0 auto;
}

.info-block{ padding: 80px 0; }
.info-block--tint{ background: var(--surface-tint); }
.info-block--dark{ background: var(--navy-deep); color:#fff; }
.info-block--dark .section__eyebrow{ color:#9fd97a; }
.info-block--dark .section__title{ color:#fff; }

.info-block__head{ max-width: 640px; margin: 0 auto 44px; text-align:center; }
.info-block__head .section__title{ margin: 0 auto 14px; max-width: none; }
.info-page .info-hero__title,
.info-page .section__title,
.info-page .attend-card h3{
  font-family: var(--font-body);
  font-weight: 700;
}

.info-block__lead{ color: var(--ink); font-size: 17.5px; }
.info-block--dark .info-block__lead{ color:#e4e9f7; }

.info-block__foot{
  max-width: 640px;
  margin: 40px auto 0;
  text-align:center;
  font-size: 16px;
  color: var(--ink);
  font-weight: 500;
}

/* Atendimento cards */
.attend-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 820px){ .attend-grid{ grid-template-columns: 1fr; } }
.attend-card{
  background: var(--navy);
  border: none;
  border-radius: 14px;
  padding: 30px 26px;
  text-align:center;
}
.attend-card__icon{ width: 44px; height:44px; color: #eef2fb; margin: 0 auto 18px; }
.attend-card h3{ font-size: 17px; color: #fff; margin-bottom: 8px; }
.attend-card p{ font-size: 14px; color: #c9d3ec; }

/* Diagnóstico focus row */
.focus-row{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
@media (max-width: 820px){ .focus-row{ grid-template-columns: 1fr; } }
.focus-item{
  display:flex;
  align-items:center;
  gap: 14px;
  background: var(--navy);
  border: none;
  border-radius: 12px;
  padding: 20px 22px;
}
.focus-item svg{ width: 30px; height:30px; color: #eef2fb; flex-shrink:0; }
.focus-item span{ font-size: 15px; font-weight: 600; color: #fff; }

/* Seal / confiabilidade — signature element */
.seal-layout{ display:block; }
.seal-card{
  max-width: 640px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  gap: 32px;
  background: var(--navy);
  border: none;
  border-radius: 18px;
  padding: 36px 40px;
}
@media (max-width: 620px){
  .seal-card{ flex-direction: column; text-align:center; padding: 32px 24px; }
}
.seal-card__badge{ width: 84px; height:84px; color: #eef2fb; flex-shrink:0; }
.seal-card__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction: column; gap: 12px; }
.seal-card__list li{
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding-left: 20px;
  position: relative;
}
.seal-card__list li::before{
  content:"";
  position:absolute; left:0; top:8px;
  width:7px; height:7px; border-radius:50%;
  background: var(--green);
}

/* Benefícios grid */
.benef-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}
@media (max-width: 980px){ .benef-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px){ .benef-grid{ grid-template-columns: 1fr 1fr; } }
.benef-item{
  display:flex;
  flex-direction: column;
  align-items:center;
  text-align:center;
  gap: 12px;
  padding: 10px;
}
.benef-item svg{ width: 60px; height:60px; color:#fff; }
.benef-item span{ font-size: 17px; color:#dbe2f3; line-height:1.4; font-weight: 500; }

/* Closing */
.info-closing{ padding: 84px 0; background: var(--bg); }
.info-closing__inner{ max-width: 640px; margin:0 auto; text-align:center; }
.info-closing__text{
  font-family: var(--font-display);
  font-size: clamp(20px, 2.6vw, 26px);
  font-weight: 600;
  color: var(--navy-text);
  margin-bottom: 30px;
  line-height: 1.35;
}
.info-closing__actions{ display:flex; gap: 14px; justify-content:center; flex-wrap: wrap; }