.evento-speakers-screen,
.evento-mailchimp-screen,
.evento-confirmation-screen {
  height: var(--evento-vh, 100dvh) !important;
  min-height: var(--evento-vh, 100dvh) !important;
  max-height: var(--evento-vh, 100dvh) !important;
  padding-top: var(--evento-header-height, 74px) !important;
}

.evento-speakers-shell,
.evento-mailchimp-shell {
  height: calc(var(--evento-vh, 100dvh) - var(--evento-header-height, 74px)) !important;
  min-height: 0 !important;
  max-height: calc(var(--evento-vh, 100dvh) - var(--evento-header-height, 74px)) !important;
  overflow: hidden !important;
}

html.evento-lock-scroll,
body.evento-lock-scroll {
  height: var(--evento-vh, 100dvh) !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.evento-header-cta {
  display: none !important;
}

.evento-brand-link {
  min-width: 0 !important;
}

.evento-brand-divider {
  display: block !important;
  width: 1px !important;
  height: 1.75rem !important;
  flex: 0 0 auto !important;
  background: #3f3f46 !important;
}

.cylk-header-product-logo-scansource {
  display: block !important;
  width: auto !important;
  height: 28px !important;
  max-width: 160px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

.evento-speakers-shell {
  gap: clamp(0.7rem, 1.8vh, 1.25rem) !important;
  justify-content: center !important;
  padding-block: clamp(0.45rem, 1.4vh, 1.2rem) !important;
}

.evento-speakers-heading {
  flex: 0 0 auto !important;
}

.evento-speakers-heading h2 {
  font-size: clamp(1.35rem, 2.8vw, 2.7rem) !important;
}

.evento-speakers-grid {
  flex: 0 0 auto !important;
  gap: clamp(0.45rem, 1vw, 0.9rem) !important;
  padding-top: 0 !important;
}

.evento-speaker-card {
  height: min(42vh, 24rem) !important;
}

.evento-speaker-copy {
  padding: clamp(0.65rem, 1.45vw, 1.2rem) !important;
}

.evento-speaker-copy h3 {
  font-size: clamp(0.95rem, 1.45vw, 1.42rem) !important;
}

.evento-speaker-role {
  font-size: clamp(0.64rem, 0.82vw, 0.78rem) !important;
}

.evento-speaker-bio {
  margin-top: clamp(0.4rem, 0.9vh, 0.72rem) !important;
  font-size: clamp(0.64rem, 0.8vw, 0.78rem) !important;
  line-height: 1.34 !important;
}

.evento-speakers-action {
  padding-top: 0 !important;
}

.evento-speakers-primary-cta {
  border-radius: 0.65rem !important;
  min-height: 2.35rem !important;
  padding: 0.58rem 1.15rem !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  box-shadow:
    0 14px 38px rgba(0, 73, 41, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.evento-mailchimp-shell {
  place-content: center !important;
  padding: clamp(0.55rem, 1.8vw, 1.5rem) !important;
}

.evento-mailchimp-intro h2 {
  font-size: clamp(1.45rem, 3vw, 2.7rem) !important;
}

.evento-mailchimp-intro span {
  margin-top: 0.4rem !important;
}

.evento-mailchimp-form {
  gap: clamp(0.4rem, 0.9vh, 0.7rem) 0.9rem !important;
  margin-top: clamp(0.6rem, 1.2vh, 0.95rem) !important;
}

.evento-mailchimp-form > label:not(.evento-mailchimp-consent) {
  gap: 0.22rem !important;
  font-size: 0.7rem !important;
}

.evento-mailchimp-form input:not([type='radio']) {
  height: clamp(2.2rem, 4.7vh, 2.75rem) !important;
}

.evento-mailchimp-actions button {
  min-height: 2.3rem !important;
}

.evento-confirmation-content h2 {
  font-size: clamp(1.65rem, 4vw, 3.8rem) !important;
}

@media (max-height: 760px) and (min-width: 768px) {
  .evento-speakers-heading h2 {
    font-size: clamp(1.18rem, 2.2vw, 2rem) !important;
  }

  .evento-speaker-card {
    height: min(41vh, 21rem) !important;
  }

  .evento-speaker-copy h3 {
    font-size: clamp(0.9rem, 1.25vw, 1.18rem) !important;
  }

  .evento-speaker-role,
  .evento-speaker-bio {
    font-size: 0.65rem !important;
  }

  .evento-speaker-bio {
    line-height: 1.28 !important;
  }

  .evento-mailchimp-form input:not([type='radio']) {
    height: 2.15rem !important;
  }
}

@media (max-width: 767px) {
  .evento-brand-link {
    max-height: 58px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(0.28rem, 1.5vw, 0.42rem) !important;
    overflow: visible !important;
  }

  .evento-brand-link .cylk-site-logo {
    height: 22px !important;
    max-height: 22px !important;
    max-width: 72px !important;
  }

  .evento-brand-link .cylk-header-product-logo-fortinet {
    height: 17px !important;
    max-height: 17px !important;
    max-width: 72px !important;
  }

  .evento-brand-link .cylk-header-product-logo-scansource {
    height: 18px !important;
    max-height: 18px !important;
    max-width: 82px !important;
  }

  .evento-brand-link > span,
  .evento-brand-divider {
    display: block !important;
    width: 1px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
    background: #3f3f46 !important;
  }

  .evento-speakers-shell {
    justify-content: center !important;
    padding-block: clamp(0.9rem, 3.2vh, 1.6rem) !important;
  }

  .evento-speakers-heading h2 {
    max-width: 15rem !important;
    font-size: clamp(1.18rem, 5.5vw, 1.58rem) !important;
    line-height: 1.08 !important;
  }

  .evento-speakers-grid {
    grid-auto-rows: minmax(0, min(32dvh, calc((var(--evento-vh, 100dvh) - var(--evento-header-height, 74px) - 9.8rem) / 2))) !important;
    gap: clamp(0.5rem, 1.45vh, 0.78rem) !important;
    padding-top: 0 !important;
  }

  .evento-speakers-action {
    padding-top: 0 !important;
  }

  .evento-speakers-action button {
    min-height: 2.45rem !important;
    padding: 0.62rem 0.95rem !important;
    font-size: 0.7rem !important;
    border-radius: 0.6rem !important;
  }

  .evento-speaker-card {
    grid-template-columns: clamp(5.3rem, 28vw, 7.4rem) minmax(0, 1fr) !important;
  }

  .evento-speaker-copy {
    padding: clamp(0.55rem, 2.8vw, 0.85rem) !important;
  }

  .evento-speaker-label {
    font-size: 0.5rem !important;
  }

  .evento-speaker-copy h3 {
    margin-top: 0.24rem !important;
    font-size: clamp(0.82rem, 3.7vw, 1.04rem) !important;
  }

  .evento-speaker-role {
    margin-top: 0.22rem !important;
    font-size: clamp(0.54rem, 2.35vw, 0.66rem) !important;
  }

  .evento-speaker-bio {
    margin-top: 0.4rem !important;
    font-size: clamp(0.6rem, 2.55vw, 0.72rem) !important;
    line-height: 1.32 !important;
  }

  .evento-mailchimp-shell {
    padding: 0.45rem 1rem !important;
  }

  .evento-mailchimp-intro p {
    font-size: 0.58rem !important;
    letter-spacing: 0.12em !important;
  }

  .evento-mailchimp-intro h2 {
    font-size: clamp(1.18rem, 5.8vw, 1.65rem) !important;
  }

  .evento-mailchimp-intro span {
    font-size: 0.7rem !important;
    line-height: 1.25 !important;
  }

  .evento-mailchimp-form {
    gap: 0.34rem !important;
    margin-top: 0.45rem !important;
  }

  .evento-mailchimp-form > label:not(.evento-mailchimp-consent) {
    font-size: 0.62rem !important;
  }

  .evento-mailchimp-form input:not([type='radio']) {
    height: 2.05rem !important;
  }

  .evento-mailchimp-consent {
    font-size: 0.58rem !important;
    line-height: 1.18 !important;
  }

  .evento-mailchimp-actions button {
    min-height: 2.05rem !important;
    padding: 0.42rem 0.65rem !important;
    font-size: 0.66rem !important;
  }

  .evento-confirmation-content h2 {
    font-size: clamp(1.4rem, 7.2vw, 2.1rem) !important;
  }
}

@media (max-width: 767px) and (min-height: 820px) {
  .evento-speakers-shell {
    padding-block: clamp(1rem, 3.2vh, 1.55rem) !important;
  }

  .evento-speakers-grid {
    grid-auto-rows: minmax(0, min(33dvh, calc((var(--evento-vh, 100dvh) - var(--evento-header-height, 74px) - 10rem) / 2))) !important;
    gap: clamp(0.6rem, 1.7vh, 0.9rem) !important;
    padding-top: 0 !important;
  }

  .evento-speakers-action {
    padding-top: 0 !important;
  }
}