@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800;900&display=swap");

:root {
  --m53cb-atlantic: #0066cc;
  --m53cb-turquoise: #00b8a9;
  --m53cb-energy: #ff6b35;
  --m53cb-deep: #0f172a;
  --m53cb-light: #f8fafc;
}

.m53cb-panel,
.m53cb-panel * {
  box-sizing: border-box;
}

.m53cb-panel {
  background: linear-gradient(135deg, var(--m53cb-deep), #111827);
  color: #fff;
  margin: 0;
  padding: clamp(44px, 7vw, 84px) 20px;
}

.m53cb-panel__inner {
  margin: 0 auto;
  max-width: 980px;
  text-align: center;
}

.m53cb-panel__label {
  color: var(--m53cb-energy);
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.m53cb-panel h2 {
  color: #fff;
  font-family: Poppins, Inter, system-ui, sans-serif;
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  margin: 0 auto 14px;
  max-width: 780px;
}

.m53cb-panel p:not(.m53cb-panel__label) {
  color: rgb(203 213 225);
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  margin: 0 auto 28px;
  max-width: 700px;
}

.m53cb-panel__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.m53cb-cta {
  align-items: center;
  background: var(--m53cb-energy);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 800;
  justify-content: center;
  min-height: 50px;
  padding: 0 28px;
  text-decoration: none;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.m53cb-cta:hover {
  box-shadow: 0 14px 30px rgb(15 23 42 / 24%);
  color: #fff;
  transform: translateY(-1px);
}

.m53cb-cta--blue {
  background: var(--m53cb-atlantic);
}

.m53cb-cta--light {
  background: #fff;
  color: var(--m53cb-deep);
}

.m53cb-cta--light:hover {
  color: var(--m53cb-deep);
}

.m53cb-whatsapp {
  color: var(--m53cb-turquoise);
  display: inline-block;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 800;
  margin-top: 22px;
  text-decoration: none;
}

.m53cb-whatsapp:hover {
  color: #fff;
}

.m53cb-embed {
  background: var(--m53cb-light);
  padding: clamp(24px, 5vw, 56px) 16px;
}

.m53cb-embed iframe {
  border: 0;
  display: block;
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
}

@media (max-width: 640px) {
  .m53cb-panel__actions .m53cb-cta {
    width: 100%;
  }
}