/* /correo para visitantes: variante clara alineada al área de clientes. */
html body.iw-mailbox-guest-page {
  color: #172b3d !important;
  background: #f4f8fa !important;
}

html body.iw-mailbox-guest-page #main-body,
html body.iw-mailbox-guest-page .wrapper,
html body.iw-mailbox-guest-page #content,
html body.iw-mailbox-guest-page .theme-main-inner-page-section,
html body.iw-mailbox-guest-page .theme-main-inner-page-section.iw_mailbox {
  background: #f4f8fa !important;
  background-image: none !important;
}

html body.iw-mailbox-guest-page .theme-main-inner-page-section.iw_mailbox {
  padding: 16px 18px 28px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-whmcs {
  width: min(1120px, 100%) !important;
  margin: 0 auto 26px !important;
  color: #172b3d !important;
}

html body.iw-mailbox-guest-page .iwm-guest-hero {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr) !important;
  gap: 28px !important;
  padding: 30px !important;
  border: 1px solid #d9e6eb !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 7px 20px rgba(13, 51, 73, .055) !important;
}

html body.iw-mailbox-guest-page .iwm-guest-kicker {
  margin-bottom: 10px !important;
  color: #0f7781 !important;
  font-size: 10px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-kicker i {
  width: 27px !important;
  height: 27px !important;
  border: 1px solid #bfe3e1 !important;
  background: #e5f6f4 !important;
  color: #0f7781 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-hero h1 {
  max-width: 620px !important;
  margin-bottom: 12px !important;
  color: #0b2435 !important;
  font-size: clamp(28px, 3vw, 35px) !important;
  line-height: 1.1 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-hero-copy > p {
  margin-bottom: 19px !important;
  color: #607487 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-whmcs-actions {
  margin-bottom: 11px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-whmcs-actions .btn,
html body.iw-mailbox-guest-page .iwm-guest-final-cta .btn {
  min-height: 41px !important;
  padding: 9px 16px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-whmcs .btn-primary,
html body.iw-mailbox-guest-page .iwm-guest-plan.featured .iwm-guest-plan-action {
  border-color: #0f7781 !important;
  background: #0f7781 !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body.iw-mailbox-guest-page .iwm-guest-whmcs .btn-primary:hover,
html body.iw-mailbox-guest-page .iwm-guest-plan.featured .iwm-guest-plan-action:hover {
  border-color: #0b626b !important;
  background: #0b626b !important;
}

html body.iw-mailbox-guest-page .iwm-guest-reassurance {
  color: #71838e !important;
  font-size: 10.5px !important;
}

/* La previsualización deja de ser una tarjeta oscura. */
html body.iw-mailbox-guest-page .iwm-guest-preview {
  padding: 17px !important;
  border: 1px solid #cfe1e6 !important;
  border-radius: 12px !important;
  background: #f8fbfc !important;
  background-image: none !important;
  color: #17384b !important;
  box-shadow: 0 8px 18px rgba(13, 51, 73, .07) !important;
}

html body.iw-mailbox-guest-page .iwm-guest-preview::before {
  display: none !important;
}

html body.iw-mailbox-guest-page .iwm-guest-preview-head {
  margin-bottom: 5px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #dce8ec !important;
  color: #17384b !important;
  font-size: 11.5px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-preview-head em {
  background: #e1f4f1 !important;
  color: #0c756f !important;
}

html body.iw-mailbox-guest-page .iwm-guest-mail-row {
  padding: 11px 4px !important;
  border-bottom: 1px solid #e1eaed !important;
}

html body.iw-mailbox-guest-page .iwm-guest-avatar {
  border: 1px solid #c8e4e1 !important;
  background: #e8f6f4 !important;
  color: #0f7781 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-mail-row strong {
  color: #17384b !important;
}

html body.iw-mailbox-guest-page .iwm-guest-mail-row small,
html body.iw-mailbox-guest-page .iwm-guest-mail-row time {
  color: #738792 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-benefits {
  gap: 10px !important;
  margin: 12px 0 32px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-benefits article,
html body.iw-mailbox-guest-page .iwm-guest-plan {
  border-color: #dce7eb !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 4px 14px rgba(13, 51, 73, .035) !important;
}

html body.iw-mailbox-guest-page .iwm-guest-benefits article {
  padding: 14px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-benefits article > i,
html body.iw-mailbox-guest-page .iwm-guest-plan-icon,
html body.iw-mailbox-guest-page .iwm-guest-final-icon {
  border: 1px solid #c7e3e1 !important;
  background: #e8f6f4 !important;
  color: #0f7781 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plans-head {
  margin-bottom: 17px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plans-head h2 {
  color: #0b2435 !important;
  font-size: 23px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plans {
  gap: 12px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plan {
  padding: 20px !important;
  border-radius: 12px !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plan:hover {
  border-color: #a9cecf !important;
  box-shadow: 0 7px 18px rgba(13, 51, 73, .07) !important;
}

html body.iw-mailbox-guest-page .iwm-guest-plan.featured {
  border: 2px solid #0f7781 !important;
  background: #ffffff !important;
}

html body.iw-mailbox-guest-page .iwm-guest-popular {
  background: #0f7781 !important;
}

html body.iw-mailbox-guest-page .iwm-guest-final-cta {
  margin-top: 18px !important;
  padding: 17px 19px !important;
  border-color: #d6e7e6 !important;
  background: #eef8f7 !important;
}

@media (max-width: 900px) {
  html body.iw-mailbox-guest-page .iwm-guest-hero {
    grid-template-columns: 1fr !important;
    padding: 25px !important;
  }
}

@media (max-width: 600px) {
  html body.iw-mailbox-guest-page .theme-main-inner-page-section.iw_mailbox {
    padding: 8px 10px 20px !important;
  }

  html body.iw-mailbox-guest-page .iwm-guest-hero {
    gap: 20px !important;
    padding: 20px 16px !important;
  }

  html body.iw-mailbox-guest-page .iwm-guest-hero h1 {
    font-size: 28px !important;
  }
}