.wi-hero {
  background: linear-gradient(155deg, #ecfdf5 0%, #fff 55%, #f8fafc 100%);
  padding: 1.25rem 0 1.5rem;
  border-bottom: 1px solid #e7e5e4;
}

.wi-hero-inner {
  display: grid;
  gap: .75rem;
}

.wi-breadcrumb {
  font-size: .82rem;
}

.wi-kicker {
  display: inline-block;
  font-size: .74rem;
  font-weight: 800;
  color: #047857;
  margin-bottom: .25rem;
}

.wi-title {
  font-weight: 800;
  font-size: clamp(1.35rem, 2.5vw, 1.85rem);
  margin: 0 0 .35rem;
  color: #0f172a;
}

.wi-lead {
  color: #57534e;
  margin: 0;
  max-width: 36rem;
  line-height: 1.7;
  font-size: .95rem;
}

.wi-page {
  padding: 1.25rem 0 2.5rem;
}

.wi-shell {
  max-width: 820px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}

.wi-card {
  background: #fff;
  border: 1px solid #e7e5e4;
  border-radius: 18px;
  padding: 1.15rem 1.25rem;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}

.wi-card-head {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  margin-bottom: .85rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid #f1f1f4;
}

.wi-card-head h2 {
  margin: 0 0 .15rem;
  font-size: 1.02rem;
  font-weight: 800;
  color: #23254e;
}

.wi-card-lead {
  margin: 0;
  color: #78716c;
  font-size: .82rem;
  line-height: 1.55;
}

.wi-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.05rem;
  background: #ecfdf5;
  color: #047857;
}

.wi-card-body {
  color: #44403c;
  line-height: 1.65;
  font-size: .92rem;
}

.wi-card-body p {
  margin: 0 0 .65rem;
}

.wi-card-body p:last-child {
  margin-bottom: 0;
}

.wi-subhead {
  margin: .75rem 0 .45rem;
  font-size: .88rem;
  font-weight: 800;
  color: #23254e;
}

.wi-subhead:first-child {
  margin-top: 0;
}

.wi-list {
  list-style: none;
  padding: 0;
  margin: 0 0 .65rem;
  display: grid;
  gap: .4rem;
}

.wi-list li {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
}

.wi-list li i {
  color: #16a34a;
  margin-top: .15rem;
  flex-shrink: 0;
  font-size: .78rem;
}

.wi-notice {
  margin-top: .85rem;
  padding: .7rem .85rem;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-size: .82rem;
  line-height: 1.6;
}

.wi-notice i {
  margin-top: .1rem;
  flex-shrink: 0;
}

.wi-notice-copy {
  flex: 1;
  min-width: 0;
}

.wi-notice-item {
  margin: 0;
  line-height: 1.7;
}

.wi-notice-item + .wi-notice-item {
  margin-top: .9rem;
}

.wi-notice-num {
  font-weight: 800;
  color: #9a3412;
}

.wi-notice--warning {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
}

.wi-notice--warning i {
  color: #ea580c;
}

.wi-support-bar {
  background: #fff;
  border: 1px solid #e7e5e4;
  border-radius: 16px;
  padding: .95rem 1rem;
  display: grid;
  gap: .75rem;
}

.wi-support-bar-head h3 {
  margin: 0 0 .2rem;
  font-size: .92rem;
  font-weight: 800;
  color: #23254e;
}

.wi-support-bar-head p {
  margin: 0;
  color: #78716c;
  font-size: .8rem;
  line-height: 1.55;
}

.wi-support-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.wi-support-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border-radius: 999px;
  border: 1px solid #ececf0;
  background: #fafafa;
  color: #23254e;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 700;
  transition: border-color .15s ease, background .15s ease;
}

.wi-support-link:hover {
  color: #23254e;
}

.wi-support-link--ticket:hover {
  border-color: #fcd34d;
  background: #fffbeb;
}

.wi-support-link--phone:hover {
  border-color: #fed7aa;
  background: #fff7ed;
}

.wi-support-link--whatsapp:hover {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.wi-steps {
  list-style: none;
  padding: 0;
  margin: 0 0 .85rem;
  display: grid;
  gap: .55rem;
}

.wi-steps li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
}

.wi-step-num {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: #23254e;
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.wi-steps strong {
  display: block;
  font-size: .84rem;
  color: #23254e;
  margin-bottom: .05rem;
}

.wi-steps span {
  display: block;
  font-size: .76rem;
  color: #78716c;
  line-height: 1.5;
}

.wi-hours {
  margin: .75rem 0 0;
  padding-top: .75rem;
  border-top: 1px dashed #e7e5e4;
  color: #78716c;
  font-size: .8rem;
  display: flex;
  align-items: center;
  gap: .4rem;
}

@media (min-width: 768px) {
  .wi-card-body {
    column-count: 2;
    column-gap: 1.5rem;
  }

  .wi-subhead,
  .wi-list,
  .wi-card-body > p {
    break-inside: avoid;
  }
}

@media (max-width: 767px) {
  .wi-support-link {
    flex: 1 1 calc(50% - .25rem);
    justify-content: center;
  }
}