/* IM_ANDROID_BETA_BETA_REFERENCE_V1 */

body.im-beta-public-page {
  background: #08111f !important;
}

body.im-beta-public-page .im-footer {
  margin-top: 0 !important;
}

body.im-beta-public-page .beta,
body.im-beta-public-page .beta * {
  box-sizing: border-box !important;
}

body.im-beta-public-page .beta {
  --bg: #08111f;
  --bg2: #0d1c30;
  --coral: #e85d3f;
  --coral2: #d44f32;
  --white: #ffffff;
  --muted: rgba(255,255,255,.62);
  --line: rgba(255,255,255,.12);
  --panel: rgba(255,255,255,.055);
  --android: #3ddb84;

  position: relative !important;
  width: 100vw !important;
  min-height: calc(100vh - 112px) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  overflow: hidden !important;
  color: var(--white) !important;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  background: var(--bg) !important;
  display: flex !important;
  align-items: center !important;
  isolation: isolate !important;
}

body.im-beta-public-page .beta-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background:
    radial-gradient(ellipse 70% 60% at 76% 52%, rgba(16,43,76,.96), transparent 68%),
    radial-gradient(ellipse 44% 42% at 8% 94%, rgba(232,93,63,.08), transparent 62%),
    linear-gradient(145deg, #08111f 0%, #0d1c30 43%, #091827 74%, #071018 100%) !important;
}

body.im-beta-public-page .beta-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) !important;
  background-size: 60px 60px !important;
  mask-image: linear-gradient(135deg, transparent 0%, rgba(0,0,0,.55) 42%, transparent 82%) !important;
  -webkit-mask-image: linear-gradient(135deg, transparent 0%, rgba(0,0,0,.55) 42%, transparent 82%) !important;
}

body.im-beta-public-page .glow-right {
  position: absolute !important;
  right: -110px !important;
  top: -80px !important;
  width: 650px !important;
  height: 560px !important;
  background: radial-gradient(ellipse, rgba(232,93,63,.075), transparent 70%) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

body.im-beta-public-page .beta-grid {
  width: min(1260px, calc(100vw - 64px)) !important;
  margin: 0 auto !important;
  padding: 62px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .96fr) !important;
  gap: 50px !important;
  align-items: center !important;
}

body.im-beta-public-page .beta-left {
  min-width: 0 !important;
}

body.im-beta-public-page .beta-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 30px !important;
}

body.im-beta-public-page .beta-logo-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #ff6b5e, var(--coral)) !important;
  box-shadow: 0 18px 34px rgba(232,93,63,.24) !important;
}

body.im-beta-public-page .beta-logo-icon svg {
  width: 30px !important;
  height: 30px !important;
  fill: #fff !important;
}

body.im-beta-public-page .beta-logo-text {
  color: #fff !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -1.4px !important;
}

body.im-beta-public-page .beta-logo-text span {
  color: var(--coral) !important;
}

body.im-beta-public-page .beta-title {
  margin: 0 !important;
  max-width: 720px !important;
  color: #fff !important;
  font-size: clamp(40px, 4.3vw, 66px) !important;
  line-height: 1.07 !important;
  letter-spacing: -1.6px !important;
  font-weight: 950 !important;
  text-wrap: balance !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.36) !important;
}

body.im-beta-public-page .beta-title em {
  color: var(--coral) !important;
  font-style: normal !important;
}

body.im-beta-public-page .beta-line {
  width: 58px !important;
  height: 4px !important;
  margin: 24px 0 28px !important;
  background: var(--coral) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 22px rgba(232,93,63,.34) !important;
}

body.im-beta-public-page .beta-intro-text {
  margin: 0 0 20px !important;
  max-width: 560px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

body.im-beta-public-page .beta-badge {
  width: fit-content !important;
  min-height: 70px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 20px !important;
  margin-bottom: 22px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.055) !important;
  backdrop-filter: blur(10px) !important;
}

body.im-beta-public-page .badge-icon {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(232,93,63,.45) !important;
  color: var(--coral) !important;
  font-size: 22px !important;
}

body.im-beta-public-page .badge-strong,
body.im-beta-public-page .badge-small {
  display: block !important;
}

body.im-beta-public-page .badge-strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.im-beta-public-page .badge-small {
  color: var(--coral) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-top: 2px !important;
}

body.im-beta-public-page .beta-form {
  max-width: 640px !important;
  display: grid !important;
  gap: 14px !important;
  margin-bottom: 30px !important;
}

body.im-beta-public-page .beta-input {
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0 20px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.065) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.68) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

body.im-beta-public-page .beta-input:focus-within {
  border-color: rgba(232,93,63,.58) !important;
  background: rgba(255,255,255,.085) !important;
  box-shadow: 0 0 0 4px rgba(232,93,63,.09) !important;
}

body.im-beta-public-page .beta-input input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 18px !important;
}

body.im-beta-public-page .beta-input input::placeholder {
  color: rgba(255,255,255,.46) !important;
}

body.im-beta-public-page .beta-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

body.im-beta-public-page .beta-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: rgba(255,255,255,.60) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.im-beta-public-page .beta-consent input {
  margin-top: 2px !important;
  accent-color: var(--coral) !important;
}

body.im-beta-public-page .beta-consent a {
  color: var(--coral) !important;
  text-decoration: none !important;
}

body.im-beta-public-page .beta-btn {
  height: 68px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ef6a4d 0%, #d94f34 100%) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 34px rgba(232,93,63,.34) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body.im-beta-public-page .beta-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.04) !important;
  box-shadow: 0 16px 44px rgba(232,93,63,.42) !important;
}

body.im-beta-public-page .beta-btn-circle {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.22) !important;
  font-size: 24px !important;
  font-weight: 500 !important;
}

body.im-beta-public-page .beta-btn--disabled {
  opacity: .72 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
  box-shadow: none !important;
}

body.im-beta-public-page .beta-note {
  margin: 0 !important;
  color: rgba(255,255,255,.54) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.im-beta-public-page .beta-status:not(:empty) {
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}

body.im-beta-public-page .beta-benefits {
  max-width: 670px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 18px !important;
}

body.im-beta-public-page .benefit {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.im-beta-public-page .benefit-icon {
  color: var(--coral) !important;
  font-size: 25px !important;
  flex-shrink: 0 !important;
}

body.im-beta-public-page .benefit-text {
  margin: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.im-beta-public-page .benefit-sub {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.im-beta-public-page .beta-right {
  position: relative !important;
  min-height: 640px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.im-beta-public-page .phone-wrap {
  position: relative !important;
  z-index: 2 !important;
  transform: rotate(5deg) !important;
  filter: drop-shadow(0 34px 60px rgba(0,0,0,.56)) !important;
}

body.im-beta-public-page .phone-frame {
  width: 362px !important;
  min-height: 606px !important;
  padding: 14px !important;
  border-radius: 48px !important;
  background: linear-gradient(135deg, #303845, #06080d 64%, #1b2230) !important;
}

body.im-beta-public-page .phone-body {
  min-height: 566px !important;
  padding: 16px 14px 12px !important;
  border-radius: 36px !important;
  background: #fff !important;
  color: #111827 !important;
  overflow: hidden !important;
}

body.im-beta-public-page .phone-notch {
  height: 34px !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.im-beta-public-page .phone-notch-island {
  width: 88px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: #070a10 !important;
}

body.im-beta-public-page .phone-notch-icons {
  justify-self: end !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
}

body.im-beta-public-page .phone-header {
  display: grid !important;
  grid-template-columns: 28px 1fr 28px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

body.im-beta-public-page .ph-menu {
  font-size: 20px !important;
  color: #111827 !important;
}

body.im-beta-public-page .ph-logo {
  text-align: center !important;
  color: #1f2937 !important;
  font-size: 21px !important;
  font-style: italic !important;
  font-weight: 900 !important;
}

body.im-beta-public-page .ph-logo span {
  color: #ff544c !important;
}

body.im-beta-public-page .ph-bell {
  text-align: right !important;
}

body.im-beta-public-page .phone-search {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-left: 14px !important;
  border-radius: 14px !important;
  background: #f3f5f8 !important;
  color: #8b95a4 !important;
  font-size: 12px !important;
  margin-bottom: 16px !important;
}

body.im-beta-public-page .phone-search-btn {
  width: 50px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 0 14px 14px 0 !important;
  background: linear-gradient(135deg, #ff7268, #ff544c) !important;
  color: #fff !important;
  font-size: 20px !important;
}

body.im-beta-public-page .phone-cats {
  display: grid !important;
  grid-template-columns: repeat(5,1fr) !important;
  gap: 7px !important;
  margin-bottom: 18px !important;
}

body.im-beta-public-page .phone-cat {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
}

body.im-beta-public-page .phone-cat-icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #f6efec !important;
  font-size: 17px !important;
}

body.im-beta-public-page .phone-cat-label {
  color: #334155 !important;
  font-size: 8px !important;
}

body.im-beta-public-page .phone-section-hd {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
}

body.im-beta-public-page .phone-section-title {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.im-beta-public-page .phone-section-more {
  color: #ff544c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.im-beta-public-page .phone-listing {
  display: grid !important;
  grid-template-columns: 82px 1fr 20px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 9px !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(15,23,42,.12) !important;
  margin-bottom: 11px !important;
}

body.im-beta-public-page .phone-listing-img {
  height: 58px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #7e8793, #d7dee6) !important;
}

body.im-beta-public-page .phone-listing-img.apt {
  background: linear-gradient(135deg, #b69f89, #eee4db) !important;
}

body.im-beta-public-page .phone-listing-img.phone {
  background: linear-gradient(135deg, #0f172a, #8992a2) !important;
}

body.im-beta-public-page .phone-listing-title {
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body.im-beta-public-page .phone-listing-sub {
  color: #64748b !important;
  font-size: 10px !important;
  margin-top: 3px !important;
}

body.im-beta-public-page .phone-listing-price {
  color: #ff544c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin-top: 4px !important;
}

body.im-beta-public-page .phone-listing-heart {
  color: #7b8797 !important;
  font-size: 18px !important;
}

body.im-beta-public-page .phone-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  margin-top: 10px !important;
  text-align: center !important;
}

body.im-beta-public-page .phone-tab {
  display: grid !important;
  justify-items: center !important;
  gap: 2px !important;
  color: #64748b !important;
  font-size: 8px !important;
}

body.im-beta-public-page .phone-tab-icon {
  font-size: 17px !important;
}

body.im-beta-public-page .phone-tab.active,
body.im-beta-public-page .phone-tab.publish {
  color: #ff544c !important;
}

body.im-beta-public-page .android-badge {
  position: absolute !important;
  right: 4% !important;
  bottom: 9% !important;
  width: 178px !important;
  padding: 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(8,17,31,.88) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  backdrop-filter: blur(14px) !important;
  z-index: 3 !important;
  box-shadow: 0 14px 42px rgba(0,0,0,.42) !important;
  text-align: center !important;
}

body.im-beta-public-page .android-robot {
  width: 76px !important;
  height: 76px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 10px !important;
  border-radius: 999px !important;
  background: rgba(61,219,132,.11) !important;
  border: 1px solid rgba(61,219,132,.32) !important;
}

body.im-beta-public-page .android-robot svg {
  width: 48px !important;
  height: 48px !important;
}

body.im-beta-public-page .android-avail {
  margin: 0 !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 12px !important;
}

body.im-beta-public-page .android-name {
  margin: 2px 0 12px !important;
  color: var(--android) !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

body.im-beta-public-page .android-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 8px !important;
  text-align: left !important;
}

body.im-beta-public-page .android-list li {
  color: rgba(255,255,255,.84) !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.im-beta-public-page .im-beta-status--ok {
  background: rgba(61,219,132,.12) !important;
  border: 1px solid rgba(61,219,132,.30) !important;
  color: #3ddb84 !important;
}

body.im-beta-public-page .im-beta-status--error {
  background: rgba(232,93,63,.10) !important;
  border: 1px solid rgba(232,93,63,.30) !important;
  color: #f47a60 !important;
}

@media (max-width: 1050px) {
  body.im-beta-public-page .beta-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
    padding: 48px 0 !important;
  }

  body.im-beta-public-page .beta-right {
    order: -1 !important;
    min-height: 470px !important;
  }

  body.im-beta-public-page .phone-frame {
    width: 300px !important;
    min-height: 500px !important;
  }

  body.im-beta-public-page .phone-body {
    min-height: 460px !important;
  }

  body.im-beta-public-page .android-badge {
    right: 10% !important;
    bottom: 0 !important;
  }
}

@media (max-width: 640px) {
  body.im-beta-public-page .beta {
    padding: 36px 0 !important;
  }

  body.im-beta-public-page .beta-grid {
    width: min(100vw - 36px, 520px) !important;
  }

  body.im-beta-public-page .beta-logo-text {
    font-size: 32px !important;
  }

  body.im-beta-public-page .beta-title {
    font-size: 34px !important;
  }

  body.im-beta-public-page .beta-benefits {
    grid-template-columns: 1fr !important;
  }

  body.im-beta-public-page .beta-right {
    display: flex !important;
  }
}

/* === IM_ANDROID_BETA_FORCE_VISIBLE_TEXT_V2 === */

/* Solo afecta al bloque izquierdo y al panel Android. No toca el mockup del móvil. */
.beta .beta-left,
.beta .beta-left *,
body.im-beta-public-page .beta .beta-left,
body.im-beta-public-page .beta .beta-left * {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none;
}

/* Título principal */
.beta .beta-title,
body.im-beta-public-page .beta .beta-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.30) !important;
}

/* Android coral dentro del título */
.beta .beta-title em,
body.im-beta-public-page .beta .beta-title em {
  color: #ff634f !important;
  -webkit-text-fill-color: #ff634f !important;
  opacity: 1 !important;
}

/* Textos informativos del lado izquierdo */
.beta .beta-intro-text,
.beta .beta-note,
.beta .beta-consent,
.beta .beta-consent span,
.beta .benefit-text,
.beta .benefit-sub,
.beta .badge-strong,
.beta .badge-small,
body.im-beta-public-page .beta .beta-intro-text,
body.im-beta-public-page .beta .beta-note,
body.im-beta-public-page .beta .beta-consent,
body.im-beta-public-page .beta .beta-consent span,
body.im-beta-public-page .beta .benefit-text,
body.im-beta-public-page .beta .benefit-sub,
body.im-beta-public-page .beta .badge-strong,
body.im-beta-public-page .beta .badge-small {
  color: rgba(255,255,255,.94) !important;
  -webkit-text-fill-color: rgba(255,255,255,.94) !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Subtextos algo más suaves pero legibles */
.beta .benefit-sub,
body.im-beta-public-page .beta .benefit-sub,
.beta .beta-note,
body.im-beta-public-page .beta .beta-note {
  color: rgba(255,255,255,.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,.72) !important;
}

/* Coral de badge */
.beta .badge-small,
body.im-beta-public-page .beta .badge-small {
  color: #ff745f !important;
  -webkit-text-fill-color: #ff745f !important;
}

/* Input */
.beta .beta-input,
.beta .beta-input svg,
body.im-beta-public-page .beta .beta-input,
body.im-beta-public-page .beta .beta-input svg {
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
}

.beta .beta-input input,
body.im-beta-public-page .beta .beta-input input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

.beta .beta-input input::placeholder,
body.im-beta-public-page .beta .beta-input input::placeholder {
  color: rgba(255,255,255,.62) !important;
  -webkit-text-fill-color: rgba(255,255,255,.62) !important;
}

/* Panel derecho Android */
.beta .android-badge,
.beta .android-badge *,
body.im-beta-public-page .beta .android-badge,
body.im-beta-public-page .beta .android-badge * {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.beta .android-avail,
body.im-beta-public-page .beta .android-avail {
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}

.beta .android-name,
body.im-beta-public-page .beta .android-name {
  color: #3ddb84 !important;
  -webkit-text-fill-color: #3ddb84 !important;
}

.beta .android-list li,
body.im-beta-public-page .beta .android-list li {
  color: rgba(255,255,255,.92) !important;
  -webkit-text-fill-color: rgba(255,255,255,.92) !important;
}

/* === IM_ANDROID_BETA_RIGHT_VISUAL_PNG_V1 === */

/*
  Visual derecho definitivo:
  /assets/img/islamarket_android_beta_right_visual.png
*/

body.im-beta-public-page .beta .beta-right {
  min-height: 700px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: visible !important;
}

body.im-beta-public-page .beta .phone-wrap,
body.im-beta-public-page .beta .android-badge {
  display: none !important;
}

body.im-beta-public-page .beta .beta-right::before {
  content: "" !important;
  display: block !important;
  width: min(100%, 620px) !important;
  height: 700px !important;
  background-image: url("/assets/img/islamarket_android_beta_right_visual.png?v=20260528-android-beta-right-visual-png-20260528-202217") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  filter:
    drop-shadow(0 34px 62px rgba(0,0,0,.46))
    drop-shadow(0 0 34px rgba(232,93,63,.08)) !important;
}

/* Texto izquierdo claro y estable */
body.im-beta-public-page .beta .beta-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.im-beta-public-page .beta .beta-title em {
  color: #ff634f !important;
  -webkit-text-fill-color: #ff634f !important;
}

body.im-beta-public-page .beta .beta-intro-text,
body.im-beta-public-page .beta .beta-note,
body.im-beta-public-page .beta .benefit-text,
body.im-beta-public-page .beta .benefit-sub,
body.im-beta-public-page .beta .badge-strong {
  color: rgba(255,255,255,.94) !important;
  -webkit-text-fill-color: rgba(255,255,255,.94) !important;
  opacity: 1 !important;
}

body.im-beta-public-page .beta .badge-small {
  color: #ff745f !important;
  -webkit-text-fill-color: #ff745f !important;
}

@media (max-width: 1050px) {
  body.im-beta-public-page .beta .beta-right {
    min-height: 520px !important;
  }

  body.im-beta-public-page .beta .beta-right::before {
    width: min(100%, 520px) !important;
    height: 520px !important;
  }
}

@media (max-width: 640px) {
  body.im-beta-public-page .beta .beta-right {
    display: flex !important;
  }
}

/* IM_ANDROID_BETA_EXTERNAL_LOGO_V1 */
body.im-beta-public-page .beta-logo-icon {
  width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 30px !important;
  overflow: visible !important;
}

body.im-beta-public-page .beta-logo-icon .beta-logo-svg {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  object-fit: contain !important;
}

/* IM_ANDROID_BETA_LOGO_NO_BOX_SIZE_FIX_V1 */
body.im-beta-public-page .beta-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.im-beta-public-page .beta-logo-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  flex: 0 0 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.im-beta-public-page .beta-logo-icon::before,
body.im-beta-public-page .beta-logo-icon::after {
  display: none !important;
  content: none !important;
}

body.im-beta-public-page .beta-logo-icon .beta-logo-svg {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
}

body.im-beta-public-page .beta-logo-text {
  display: inline-flex !important;
  align-items: baseline !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* IM_ANDROID_BETA_LOGO_CLEAN_FINAL_V1 */
body.im-beta-public-page .beta-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.im-beta-public-page .beta-logo > .beta-logo-mark {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  display: block !important;
  object-fit: contain !important;
  flex: 0 0 24px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Anular por completo el cuadro viejo si quedara en caché o duplicado */
body.im-beta-public-page .beta-logo-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.im-beta-public-page .beta-logo-icon::before,
body.im-beta-public-page .beta-logo-icon::after {
  display: none !important;
  content: none !important;
}

body.im-beta-public-page .beta-logo-text {
  display: inline-flex !important;
  align-items: baseline !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* IM_ANDROID_BETA_LOGO_SMALLER_V1 */
body.im-beta-public-page .beta-logo {
  gap: 9px !important;
}

body.im-beta-public-page .beta-logo > .beta-logo-mark {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  min-height: 19px !important;
  max-height: 19px !important;
  flex: 0 0 19px !important;
}

/* IM_ANDROID_BETA_LOGO_70_ONLY_LANDING_SAFE_V1 */
body.im-beta-public-page .beta-logo > img.beta-logo-mark,
body.im-beta-public-page .beta-logo img.beta-logo-mark,
body.im-beta-public-page main .beta-logo img[alt="IslaMarket"] {
  width: auto !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 auto !important;
}

body.im-beta-public-page .beta-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* IM_ANDROID_BETA_RESPONSIVE_PHONE_VISIBLE_V1 */
@media (max-width: 820px) {
  body.im-beta-public-page .beta {
    min-height: auto !important;
    padding: 88px 0 42px !important;
    overflow-x: hidden !important;
  }

  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.im-beta-public-page .beta-left {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    z-index: 2 !important;
  }

  body.im-beta-public-page .beta-right {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    transform: none !important;
    margin-top: 8px !important;
    overflow: visible !important;
  }

  body.im-beta-public-page .beta-phone,
  body.im-beta-public-page .beta-device,
  body.im-beta-public-page .beta-phone-wrap,
  body.im-beta-public-page .beta-visual,
  body.im-beta-public-page .beta-mobile {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.im-beta-public-page .beta-right img,
  body.im-beta-public-page .beta-phone img,
  body.im-beta-public-page .beta-device img,
  body.im-beta-public-page .beta-visual img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: min(78vw, 310px) !important;
    width: auto !important;
    height: auto !important;
    max-height: 360px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  body.im-beta-public-page .beta-title {
    font-size: clamp(38px, 10.6vw, 58px) !important;
    line-height: .96 !important;
    max-width: 100% !important;
  }

  body.im-beta-public-page .beta-intro {
    max-width: 100% !important;
  }

  body.im-beta-public-page .beta-form {
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body.im-beta-public-page .beta {
    padding-top: 76px !important;
  }

  body.im-beta-public-page .beta-right {
    min-height: 260px !important;
    margin-top: 0 !important;
  }

  body.im-beta-public-page .beta-right img,
  body.im-beta-public-page .beta-phone img,
  body.im-beta-public-page .beta-device img,
  body.im-beta-public-page .beta-visual img {
    max-width: min(82vw, 270px) !important;
    max-height: 320px !important;
  }
}

/* IM_ANDROID_BETA_SHOW_PHONE_REAL_FIX_V1 */
@media (max-width: 820px) {
  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    align-items: start !important;
  }

  body.im-beta-public-page .beta-left {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="true"],
  body.im-beta-public-page .beta-right[aria-hidden="false"] {
    order: 2 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 320px !important;
    height: auto !important;
    overflow: visible !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    pointer-events: auto !important;
    margin: 10px auto 0 !important;
    z-index: 1 !important;
  }

  body.im-beta-public-page .beta-right * {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.im-beta-public-page .beta-phone,
  body.im-beta-public-page .beta-device,
  body.im-beta-public-page .beta-visual,
  body.im-beta-public-page .beta-phone-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    transform: none !important;
  }

  body.im-beta-public-page .beta-right img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    max-width: min(78vw, 300px) !important;
    height: auto !important;
    max-height: 360px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 520px) {
  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="true"],
  body.im-beta-public-page .beta-right[aria-hidden="false"] {
    min-height: 280px !important;
    margin-top: 8px !important;
  }

  body.im-beta-public-page .beta-right img {
    max-width: min(84vw, 260px) !important;
    max-height: 315px !important;
  }
}

/* IM_ANDROID_BETA_MOBILE_PHONE_SAFE_V1 */
@media (max-width: 820px) {
  body.im-beta-public-page .beta {
    overflow-x: hidden !important;
    padding-bottom: 42px !important;
  }

  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.im-beta-public-page .beta-left {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.im-beta-public-page .beta-right {
    order: 2 !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 300px !important;
    height: 300px !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
  }

  /*
   * Mostramos el móvil en responsive como fondo controlado.
   * No insertamos imagen nueva en el HTML y no afecta desktop.
   */
  body.im-beta-public-page .beta-right::before {
    content: "" !important;
    display: block !important;
    width: min(82vw, 260px) !important;
    height: 300px !important;
    background-image: url("/assets/img/islamarket_android_beta_right_visual.png?v=20260528-mobile-phone-safe-v1") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.im-beta-public-page .beta-right > * {
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body.im-beta-public-page .beta-grid {
    gap: 22px !important;
  }

  body.im-beta-public-page .beta-right {
    min-height: 270px !important;
    height: 270px !important;
    margin-top: 0 !important;
  }

  body.im-beta-public-page .beta-right::before {
    width: min(86vw, 235px) !important;
    height: 270px !important;
  }
}

/* IM_ANDROID_BETA_MOBILE_SHOW_EXISTING_PHONE_FINAL_V1 */
@media (max-width: 820px) {
  body.im-beta-public-page .beta {
    min-height: auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 42px !important;
  }

  body.im-beta-public-page .beta::after {
    display: none !important;
    content: none !important;
    background-image: none !important;
  }

  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    align-items: start !important;
  }

  body.im-beta-public-page .beta-left {
    order: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="false"],
  body.im-beta-public-page .beta-right[aria-hidden="true"] {
    order: 2 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 300px !important;
    max-height: none !important;
    margin: 4px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  body.im-beta-public-page .beta-right *,
  body.im-beta-public-page .beta-right img,
  body.im-beta-public-page .beta-right picture,
  body.im-beta-public-page .beta-right source {
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.im-beta-public-page .beta-right img {
    display: block !important;
    width: auto !important;
    max-width: min(82vw, 270px) !important;
    height: auto !important;
    max-height: 330px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

@media (max-width: 520px) {
  body.im-beta-public-page .beta-grid {
    gap: 22px !important;
  }

  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="false"],
  body.im-beta-public-page .beta-right[aria-hidden="true"] {
    min-height: 260px !important;
    margin-top: 0 !important;
  }

  body.im-beta-public-page .beta-right img {
    max-width: min(84vw, 235px) !important;
    max-height: 290px !important;
  }
}

/* IM_ANDROID_BETA_FIX_MOBILE_PHONE_HIDDEN_CLEAN_V1 */
@media (max-width: 640px) {
  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }

  body.im-beta-public-page .beta-left {
    order: 1 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="false"] {
    order: 2 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 285px !important;
    height: auto !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    inset: auto !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body.im-beta-public-page .beta-right .phone-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(.62) !important;
    transform-origin: center top !important;
    margin: 0 auto !important;
  }

  body.im-beta-public-page .beta-right .phone-frame {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (min-width: 641px) and (max-width: 820px) {
  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta .beta-right,
  body.im-beta-public-page .beta-right[aria-hidden="false"] {
    order: 2 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-height: 340px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    transform: none !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.im-beta-public-page .beta-right .phone-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(.72) !important;
    transform-origin: center top !important;
  }
}

/* IM_ANDROID_BETA_UNHIDE_PHONE_DIRECT_V1 */
@media (max-width: 640px) {
  body.im-beta-public-page .beta-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.im-beta-public-page .beta-left {
    order: 1 !important;
  }

  body.im-beta-public-page .beta-right,
  body.im-beta-public-page .beta .beta-right {
    order: 2 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-height: 290px !important;
    height: 290px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    align-items: flex-start !important;
    justify-content: center !important;
    transform: none !important;
    inset: auto !important;
  }

  body.im-beta-public-page .beta-right .phone-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(.58) !important;
    transform-origin: center top !important;
    margin: 0 auto !important;
  }

  body.im-beta-public-page .beta-right .phone-frame {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* IM_ANDROID_BETA_CHECKBOX_FIX_V1 */
#imAndroidBetaForm label:has(#imAndroidBetaConsent),
#imAndroidBetaForm .beta-consent,
#imAndroidBetaForm .beta-form-consent,
#imAndroidBetaForm .form-consent {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 16px !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.35 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#imAndroidBetaForm #imAndroidBetaConsent {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 16px !important;
  accent-color: #ff5a4f !important;
  cursor: pointer !important;
}

#imAndroidBetaForm label:has(#imAndroidBetaConsent) a,
#imAndroidBetaForm .beta-consent a,
#imAndroidBetaForm .beta-form-consent a,
#imAndroidBetaForm .form-consent a {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 520px) {
  #imAndroidBetaForm label:has(#imAndroidBetaConsent),
  #imAndroidBetaForm .beta-consent,
  #imAndroidBetaForm .beta-form-consent,
  #imAndroidBetaForm .form-consent {
    grid-template-columns: 18px minmax(0, 1fr) !important;
    gap: 9px !important;
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }
}
/* IM_ANDROID_BETA_CHECKBOX_FIX_V1_END */













/* IM_ANDROID_BETA_LOGO_WIDTH_80_V1 */
body.im-beta-public-page .beta-logo img.beta-logo-force-wide,
body.im-beta-public-page img.beta-logo-force-wide {
  width: 80px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: min(80px, 64vw) !important;
  object-fit: contain !important;
  display: block !important;
}

@media (max-width: 640px) {
  body.im-beta-public-page .beta-logo img.beta-logo-force-wide,
  body.im-beta-public-page img.beta-logo-force-wide {
    width: 70px !important;
    max-width: 64vw !important;
  }
}
/* IM_ANDROID_BETA_LOGO_WIDTH_80_V1_END */


/* IM_ANDROID_BETA_BENEFITS_SVG_DIVIDERS_V1 */
body.im-beta-public-page .beta-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}

body.im-beta-public-page .beta-benefits > * {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  min-height: 72px !important;
  padding: 0 26px !important;
}

body.im-beta-public-page .beta-benefits > *:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 14px !important;
  right: 0 !important;
  width: 1px !important;
  height: calc(100% - 28px) !important;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255,255,255,.16),
    rgba(255,90,79,.35),
    rgba(255,255,255,.16),
    transparent
  ) !important;
}

body.im-beta-public-page .beta-benefit-svg {
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #ff5a4f !important;
}

body.im-beta-public-page .beta-benefit-svg svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.im-beta-public-page .beta-benefit-svg--star svg {
  fill: rgba(255,90,79,.08) !important;
}

body.im-beta-public-page .beta-benefits strong,
body.im-beta-public-page .beta-benefits b {
  color: #ffffff !important;
}

@media (max-width: 760px) {
  body.im-beta-public-page .beta-benefits {
    grid-template-columns: 1fr !important;
  }

  body.im-beta-public-page .beta-benefits > * {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    min-height: 62px !important;
    padding: 14px 0 !important;
  }

  body.im-beta-public-page .beta-benefits > *:not(:last-child)::after {
    top: auto !important;
    right: auto !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(
      to right,
      transparent,
      rgba(255,255,255,.16),
      rgba(255,90,79,.35),
      transparent
    ) !important;
  }

  body.im-beta-public-page .beta-benefit-svg,
  body.im-beta-public-page .beta-benefit-svg svg {
    width: 24px !important;
    height: 24px !important;
  }
}
/* IM_ANDROID_BETA_BENEFITS_SVG_DIVIDERS_V1_END */






/* IM_ANDROID_BETA_CROP_ONLY_SMALL_PHONE_MOBILE_V3 */
@media (max-width: 760px) {
  /*
    El visual tiene dos móviles. En mobile dejamos visible solo la zona izquierda
    donde está el móvil pequeño inclinado y recortamos el mockup grande blanco.
  */
  body.im-beta-public-page .beta-right {
    position: relative !important;
    display: block !important;
    width: 190px !important;
    max-width: 190px !important;
    min-height: 245px !important;
    height: 245px !important;
    margin: 12px auto 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: translateX(-42px) !important;
  }

  body.im-beta-public-page .beta-right > * {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    max-width: none !important;
  }

  /*
    Candidatos habituales del móvil grande / preview app.
    Si existen, quedan ocultos.
  */
  body.im-beta-public-page .beta-right .app-preview,
  body.im-beta-public-page .beta-right .app-mockup,
  body.im-beta-public-page .beta-right .phone-preview,
  body.im-beta-public-page .beta-right .phone-shell,
  body.im-beta-public-page .beta-right .phone-frame,
  body.im-beta-public-page .beta-right .mockup-phone,
  body.im-beta-public-page .beta-right .mobile-preview,
  body.im-beta-public-page .beta-right .mobile-mockup,
  body.im-beta-public-page .beta-right .device-preview,
  body.im-beta-public-page .beta-right .device-mockup,
  body.im-beta-public-page .beta-right .beta-app-preview,
  body.im-beta-public-page .beta-right .beta-phone-large,
  body.im-beta-public-page .beta-right .beta-phone-mockup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /*
    El móvil pequeño Android se mantiene visible.
  */
  body.im-beta-public-page .beta-right img[src*="android_beta_right_visual"],
  body.im-beta-public-page .beta-right img[src*="android-beta-right"],
  body.im-beta-public-page .beta-right img[src*="right_visual"],
  body.im-beta-public-page .beta-right img[src*="android_beta_phone"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 150px !important;
    max-width: 150px !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
  }
}
/* IM_ANDROID_BETA_CROP_ONLY_SMALL_PHONE_MOBILE_V3_END */