.mdp-official-channels {
  max-width: 68rem;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 5rem) 0 clamp(4rem, 8vw, 6rem);
}

.mdp-official-channels__hero,
.mdp-official-channels__grid,
.mdp-official-channels__guidance,
.mdp-official-channels__privacy,
.mdp-official-channels__notice {
  border: 1px solid var(--mdp-line);
  border-radius: var(--mdp-radius);
  background: linear-gradient(145deg, rgb(29 47 58 / 92%), rgb(22 35 46 / 96%));
  box-shadow: 0 1.25rem 3rem rgb(0 0 0 / 16%);
}

.mdp-official-channels h1,
.mdp-official-channels h2 {
  color: var(--mdp-gold) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.18;
}

.mdp-official-channels h1 { margin: 0; font-size: clamp(2.15rem, 5vw, 3.9rem); }
.mdp-official-channels h2 { margin: 0; font-size: clamp(1.45rem, 3vw, 2.1rem); }
.mdp-official-channels p,
.mdp-official-channels li { color: var(--mdp-text); line-height: 1.8; }
.mdp-official-channels a { color: var(--mdp-gold-soft) !important; }

.mdp-official-channels__hero {
  padding: clamp(2rem, 5vw, 3.75rem);
  border-color: rgb(201 162 39 / 42%);
}

.mdp-official-channels__hero p:not(.mdp-eyebrow) { max-width: 54rem; margin: 1rem 0 0; }

.mdp-official-channels__grid,
.mdp-official-channels__guidance {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

.mdp-official-channels__intro p:last-child,
.mdp-official-channels__privacy p:last-child { margin: 1rem 0 0; }

.mdp-official-channels__cards { display: grid; gap: .75rem; }
.mdp-official-channels__cards > a {
  display: grid;
  gap: .2rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgb(201 162 39 / 30%);
  border-radius: .65rem;
  background: rgb(255 255 255 / 4%);
  text-decoration: none;
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1), background-color 160ms cubic-bezier(.23, 1, .32, 1);
}
.mdp-official-channels__cards > a:hover { transform: translateY(-2px); background: rgb(201 162 39 / 10%); }
.mdp-official-channels__cards > a span { color: var(--mdp-muted); font-size: .82rem; letter-spacing: .05em; text-transform: uppercase; }
.mdp-official-channels__cards > a strong { color: var(--mdp-ivory); overflow-wrap: anywhere; }
.mdp-official-channels__cards .mdp-whatsapp-business-btn { justify-content: flex-start; min-height: auto; text-align: left; }

.mdp-official-channels__guidance ol { margin: 1rem 0 0; padding-left: 1.35rem; }
.mdp-official-channels__guidance li + li { margin-top: .8rem; }
.mdp-official-channels__guidance aside,
.mdp-official-channels__notice {
  align-self: start;
  padding: 1.25rem 1.5rem;
  border: 1px solid rgb(201 162 39 / 38%);
  border-radius: .7rem;
  background: rgb(201 162 39 / 8%);
}
.mdp-official-channels__guidance aside h2 { font-size: 1.28rem; }
.mdp-official-channels__guidance aside p { margin: .6rem 0 0; }

.mdp-official-channels__privacy,
.mdp-official-channels__notice {
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
  padding: clamp(1.5rem, 4vw, 2.5rem);
}
.mdp-official-channels__notice p { margin: 0; color: var(--mdp-muted); }

@media (max-width: 700px) {
  .mdp-official-channels__hero,
  .mdp-official-channels__grid,
  .mdp-official-channels__guidance,
  .mdp-official-channels__privacy { padding: 1.5rem; }
  .mdp-official-channels__grid,
  .mdp-official-channels__guidance { grid-template-columns: 1fr; }
}