/* Presentación NOM-247 exclusiva para smartphones. */
@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    width: 100% !important;
    min-height: 100dvh !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background-color: #001c1d !important;
    background-image: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content,
  body section#mobile-footer.mobile-footer-section .mobile-footer-hero,
  body section#mobile-footer.mobile-footer-section .mobile-footer-bottom,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns,
  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal {
    background: transparent !important;
    color: #ffffff !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    display: block !important;
    width: 86% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 8dvh 0 6dvh !important;
    overflow: visible !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-reference-hotspot {
    display: none !important;
  }
}

/* Footer reconstruido a partir de assets/imagenes/web mobil/footer.png. */
@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    background: #001c1d !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-nav,
  body section#mobile-footer.mobile-footer-section .mobile-footer-location,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns {
    display: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    width: min(89%, 720px) !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: clamp(74px, 12vw, 116px) 0 clamp(40px, 8vw, 72px) !important;
    display: block !important;
    color: #ffffff !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero,
  body section#mobile-footer.mobile-footer-section .mobile-footer-bottom {
    display: block !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #ffffff !important;
    background: transparent !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero small {
    display: block !important;
    color: #eea62a !important;
    font-size: clamp(23px, 6.3vw, 39px) !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    line-height: 1.08 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero > div > i { display: none !important; }
  body section#mobile-footer.mobile-footer-section .mobile-footer-hero h2 {
    max-width: 12ch !important;
    margin: clamp(30px, 6vw, 48px) 0 0 !important;
    color: #ffffff !important;
    font-size: clamp(37px, 9.2vw, 58px) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.04 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero > div > p {
    max-width: 30ch !important;
    margin-top: clamp(24px, 5vw, 36px) !important;
    font-size: clamp(18px, 4.6vw, 28px) !important;
    line-height: 1.5 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav {
    width: 100% !important;
    margin-top: clamp(38px, 7vw, 56px) !important;
    gap: 14px !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav a {
    height: clamp(62px, 13vw, 88px) !important;
    padding: 0 clamp(20px, 5vw, 34px) !important;
    border-color: #eea62a !important;
    color: #ffffff !important;
    font-size: clamp(16px, 4vw, 25px) !important;
    letter-spacing: .04em !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact {
    margin-top: clamp(52px, 10vw, 82px) !important;
    border-top: 1px solid rgba(238,166,42,.55) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact > * {
    min-height: clamp(66px, 13vw, 91px) !important;
    padding-left: clamp(46px, 10vw, 68px) !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid rgba(238,166,42,.55) !important;
    color: rgba(255,255,255,.9) !important;
    font-size: clamp(16px, 4vw, 25px) !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance {
    margin-top: clamp(36px, 7vw, 58px) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(12px, 3vw, 20px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button {
    min-height: clamp(170px, 34vw, 240px) !important;
    padding: clamp(20px, 4vw, 30px) !important;
    align-content: start !important;
    gap: clamp(25px, 5vw, 38px) !important;
    border-color: #d98d0c !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    background: transparent !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > span {
    color: #eea62a !important;
    font-size: clamp(11px, 2.65vw, 16px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > strong {
    color: #ffffff !important;
    font-size: clamp(16px, 3.65vw, 23px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > i {
    top: auto !important;
    right: clamp(18px, 4vw, 28px) !important;
    bottom: clamp(18px, 4vw, 28px) !important;
    width: clamp(31px, 7vw, 44px) !important;
    border-color: rgba(255,255,255,.85) !important;
    color: #ffffff !important;
    transform: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal {
    margin-top: clamp(36px, 7vw, 58px) !important;
    padding-top: clamp(24px, 5vw, 36px) !important;
    display: grid !important;
    grid-template-columns: 1.08fr 1.25fr .9fr !important;
    align-items: start !important;
    gap: 0 !important;
    border-top-color: rgba(238,166,42,.65) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal > div {
    min-width: 0 !important;
    padding: 0 clamp(10px, 2.4vw, 18px) !important;
    display: grid !important;
    gap: 8px !important;
    border-left: 1px solid rgba(238,166,42,.65) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal > div:first-child { padding-left: 0 !important; border-left: 0 !important; }
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal span,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal button,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal strong {
    color: rgba(255,255,255,.88) !important;
    font-size: clamp(9px, 2.15vw, 13px) !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal strong,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal button {
    color: #eea62a !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal button {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
}
  #mobile-inicio.mobile-hero-section {
    background-image: url("../assets/imagenes/mobil/asesoria.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #mobile-asesor.mobile-advisor-section {
    background-image: url("../assets/imagenes/mobil/asesor.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #mobile-inversion.mobile-investment-section {
    background-image: url("../assets/imagenes/mobil/invertir.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #mobile-proceso-compra.mobile-purchase-section {
    background-image: url("../assets/imagenes/mobil/compra.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #mobile-proceso-venta.mobile-sale-section {
    background-image: url("../assets/imagenes/mobil/venta.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  #mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/mobil/dash.png") !important;
    background-position: center center !important;
    background-size: cover !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
    background-color: #001c1d !important;
    background-image: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    display: block !important;
    position: relative !important;
    width: 86% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 7% !important;
    padding: 10dvh 5% 7dvh !important;
    overflow: visible !important;
    color: #ffffff !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-reference-hotspot {
    display: none !important;
  }

  body .mobile-color-section {
    background-attachment: fixed !important;
  }

  body #mobile-inicio.mobile-color-section,
  body #mobile-asesor.mobile-color-section,
  body #mobile-inversion.mobile-color-section,
  body #mobile-compra.mobile-color-section,
  body #mobile-nom247.mobile-color-section,
  body #mobile-venta.mobile-color-section,
  body #mobile-dashboard.mobile-color-section,
  body #mobile-avanzar.mobile-color-section {
    background-attachment: fixed !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-content {
    position: absolute !important;
    z-index: 3 !important;
    inset: 0 !important;
    display: block !important;
    padding: 14vh 9% 0 !important;
    color: #242424 !important;
  }

  body section#mobile-inicio.mobile-hero-section {
    background-color: #eadbc7 !important;
    background-position: right 135px !important;
    background-size: 112% auto !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-eyebrow {
    margin: 0 0 24px !important;
    color: #315c34 !important;
    font-size: clamp(14px, 3.8vw, 20px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-copy h1 {
    margin: 0 0 24px !important;
    color: #242424 !important;
    font-size: clamp(32px, 9.2vw, 48px) !important;
    line-height: 0.98 !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-lead {
    max-width: 31ch !important;
    margin: 0 !important;
    color: #242424 !important;
    font-size: clamp(15px, 4.1vw, 21px) !important;
    line-height: 1.45 !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-search {
    display: none !important;
  }

  body section#mobile-inicio.mobile-hero-section .immersive-advisor-link {
    position: absolute !important;
    left: 9% !important;
    top: 49% !important;
    z-index: 4 !important;
    width: 70% !important;
    height: 7% !important;
    display: grid !important;
    place-items: center !important;
    color: #315c34 !important;
    background: #ffffff !important;
    font-size: clamp(12px, 3.4vw, 17px) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}

@media (max-width: 900px) {
  body .mobile-footer-section .mobile-footer-content {
    display: none !important;
  }

  body section#mobile-inicio.mobile-hero-section {
    background-color: #eadbc7 !important;
    background-position: right 135px !important;
    background-size: 112% auto !important;
    background-repeat: no-repeat !important;
  }

  body section#mobile-inicio.mobile-hero-section .immersive-advisor-link {
    top: 49% !important;
    width: 84% !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    color: #182026 !important;
    background: #e3a32b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
  }

  body section#mobile-inicio.mobile-hero-section .immersive-advisor-link::after {
    content: "\2192" !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }

  body section#mobile-nom247.mobile-nom247-section {
    background-image: url("../assets/imagenes/mobil/nom.png") !important;
    background-attachment: fixed !important;
  }

  body section#mobile-footer.mobile-footer-section {
    position: relative !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-color: #001c1d !important;
    background-image: url("../assets/imagenes/web mobil/footer.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    display: none !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-reference-hotspot {
    position: absolute !important;
    z-index: 5 !important;
    display: block !important;
    background: transparent !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-whatsapp-hotspot {
    left: 7% !important;
    top: 39% !important;
    width: 86% !important;
    height: 9% !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-portal-hotspot {
    left: 7% !important;
    top: 48% !important;
    width: 86% !important;
    height: 9% !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero,
  body section#mobile-footer.mobile-footer-section .mobile-footer-bottom,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns,
  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal,
  body section#mobile-footer.mobile-footer-section .mobile-footer-panel {
    background: transparent !important;
    color: #ffffff !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-columns a,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns span,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns strong,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal button {
    color: #ffffff !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    display: none !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero h2 {
    color: #ffffff !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero p,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns a,
  body section#mobile-footer.mobile-footer-section .mobile-footer-columns span {
    font-size: 14px !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav a {
    font-size: 16px !important;
  }

  body section#mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/mobil/dash.png") !important;
    background-attachment: fixed !important;
  }

  body section#mobile-nom247.mobile-nom247-section > .mobile-nom247-content,
  body section#mobile-dashboard.mobile-dashboard-section > .mobile-dashboard-content {
    display: block !important;
    height: auto !important;
    min-height: 100% !important;
  }

  body section#mobile-nom247 .mobile-nom247-visual,
  body section#mobile-dashboard .mobile-dashboard-demo > a {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-nom247.mobile-nom247-section {
    background-image: url("../assets/imagenes/mobil/nom.png") !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  body section#mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/mobil/dash.png") !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  body section#mobile-nom247.mobile-nom247-section > .mobile-nom247-content,
  body section#mobile-dashboard.mobile-dashboard-section > .mobile-dashboard-content {
    display: block !important;
    height: auto !important;
    min-height: 100% !important;
    padding: 14vh 8% 8vh !important;
  }

  body section#mobile-nom247 .mobile-nom247-visual,
  body section#mobile-dashboard .mobile-dashboard-demo > a {
    display: none !important;
  }
}

/* Composición final: el footer debe ocupar exactamente una pantalla móvil. */
@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background: #001c1d !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    width: 89% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: 48% 52% !important;
    overflow: hidden !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero {
    min-height: 0 !important;
    padding: 5dvh 0 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero small {
    font-size: clamp(19px, 3.1dvh, 31px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero h2 {
    max-width: 14ch !important;
    margin-top: clamp(18px, 2.8dvh, 30px) !important;
    font-size: clamp(28px, 4dvh, 42px) !important;
    line-height: 1.02 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero > div > p {
    margin-top: clamp(13px, 2dvh, 20px) !important;
    font-size: clamp(14px, 2.1dvh, 21px) !important;
    line-height: 1.35 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav {
    margin-top: clamp(16px, 2.7dvh, 27px) !important;
    gap: clamp(6px, 1dvh, 10px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav a {
    height: clamp(38px, 5.2dvh, 54px) !important;
    font-size: clamp(12px, 1.85dvh, 18px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-bottom {
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: 48% 31% 21% !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero small {
    font-size: clamp(17px, 2.8dvh, 27px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero h2 {
    max-width: 15ch !important;
    margin-top: clamp(12px, 1.8dvh, 17px) !important;
    font-size: clamp(25px, 3.6dvh, 34px) !important;
    line-height: 1.01 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero > div > p {
    max-width: 34ch !important;
    margin-top: clamp(9px, 1.3dvh, 13px) !important;
    font-size: clamp(13px, 1.7dvh, 16px) !important;
    line-height: 1.3 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav {
    margin-top: clamp(10px, 1.5dvh, 14px) !important;
    gap: 7px !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero nav a {
    height: clamp(36px, 4.8dvh, 42px) !important;
    font-size: clamp(11px, 1.6dvh, 15px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact {
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    border-top-color: rgba(238,166,42,.55) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact > * {
    min-height: 0 !important;
    padding-left: clamp(34px, 7dvh, 58px) !important;
    font-size: clamp(12px, 1.95dvh, 19px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance {
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(8px, 1.5dvh, 14px) 0 !important;
    gap: clamp(7px, 1.5dvh, 14px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button {
    min-height: 0 !important;
    height: 100% !important;
    padding: clamp(10px, 2dvh, 18px) !important;
    gap: clamp(10px, 2dvh, 18px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > span { font-size: clamp(8px, 1.35dvh, 12px) !important; }
  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > strong { font-size: clamp(12px, 1.8dvh, 18px) !important; line-height: 1.25 !important; }
  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > i { right: clamp(10px, 2dvh, 18px) !important; bottom: clamp(10px, 2dvh, 18px) !important; width: clamp(24px, 4dvh, 38px) !important; }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal {
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: clamp(8px, 1.5dvh, 14px) !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal > div {
    padding: 0 clamp(6px, 1.5dvh, 12px) !important;
    gap: clamp(2px, .5dvh, 5px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal span,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal button,
  body section#mobile-footer.mobile-footer-section .mobile-footer-legal strong {
    font-size: clamp(7px, 1.15dvh, 11px) !important;
    line-height: 1.25 !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-reference-hotspot { display: none !important; }
}

@media (max-width: 900px) {
  body section#mobile-nom247.mobile-nom247-section {
    background-image: url("../assets/imagenes/mobil/nom.png") !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  body section#mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/mobil/dash.png") !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  body section#mobile-nom247.mobile-nom247-section > .mobile-nom247-content,
  body section#mobile-dashboard.mobile-dashboard-section > .mobile-dashboard-content {
    display: block !important;
    height: auto !important;
    min-height: 100% !important;
    padding: 14vh 8% 8vh !important;
  }

  body section#mobile-nom247 .mobile-nom247-visual,
  body section#mobile-dashboard .mobile-dashboard-demo > a {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-nom247.mobile-nom247-section,
  body section#mobile-dashboard.mobile-dashboard-section {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  body section#mobile-nom247.mobile-nom247-section {
    background-image: url("../assets/imagenes/mobil/nom.png") !important;
  }

  body section#mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/mobil/dash.png") !important;
  }

  body section#mobile-nom247 .mobile-nom247-content,
  body section#mobile-dashboard .mobile-dashboard-content {
    display: block !important;
    height: auto !important;
    min-height: 100% !important;
    padding: 14vh 8% 8vh !important;
  }

  body section#mobile-nom247 .mobile-nom247-visual,
  body section#mobile-dashboard .mobile-dashboard-demo > a {
    display: none !important;
  }

  body section#mobile-nom247 .mobile-nom247-copy,
  body section#mobile-dashboard .mobile-dashboard-heading,
  body section#mobile-dashboard .mobile-dashboard-benefits,
  body section#mobile-dashboard .mobile-dashboard-demo {
    display: block !important;
  }

  body section#mobile-nom247 .mobile-nom247-copy h2,
  body section#mobile-dashboard .mobile-dashboard-heading h2 {
    color: #ffffff !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  body section#mobile-nom247 .mobile-nom247-copy p,
  body section#mobile-dashboard .mobile-dashboard-heading strong {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body section#mobile-nom247 .mobile-nom247-actions {
    display: grid !important;
    gap: 10px !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 900px) {
  body .mobile-color-section {
    background-attachment: fixed !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    height: auto !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow: visible !important;
    background: #001c1d !important;
    background-image: none !important;
    background-attachment: fixed !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    display: block !important;
    width: 86% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 9dvh 0 7dvh !important;
    overflow: visible !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 14px !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-venta.immersive-reference-section,
  body section#mobile-compra.immersive-reference-section {
    display: block !important;
    padding: 14vh 8% 8vh !important;
    color: #ffffff !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body section#mobile-venta.immersive-reference-section::before,
  body section#mobile-compra.immersive-reference-section::before,
  body section#mobile-venta.immersive-reference-section::after,
  body section#mobile-compra.immersive-reference-section::after {
    display: none !important;
    content: none !important;
  }

  body section#mobile-venta .immersive-copy,
  body section#mobile-compra .immersive-copy {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    color: #ffffff !important;
  }

  body section#mobile-venta .immersive-kicker,
  body section#mobile-compra .immersive-kicker,
  body section#mobile-venta .immersive-subtitle,
  body section#mobile-compra .immersive-subtitle {
    color: #e6a52a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
  }

  body section#mobile-venta .immersive-kicker,
  body section#mobile-compra .immersive-kicker {
    margin: 0 0 14px !important;
    text-transform: uppercase !important;
  }

  body section#mobile-venta .immersive-rule,
  body section#mobile-compra .immersive-rule {
    display: block !important;
    width: 78% !important;
    height: 2px !important;
    margin-bottom: 16px !important;
    background: #e6a52a !important;
  }

  body section#mobile-venta .immersive-subtitle,
  body section#mobile-compra .immersive-subtitle {
    margin: 0 0 22px !important;
  }

  body section#mobile-venta .immersive-copy h2,
  body section#mobile-compra .immersive-copy h2 {
    margin: 0 0 20px !important;
    color: #ffffff !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
  }

  body section#mobile-venta .immersive-description,
  body section#mobile-compra .immersive-description {
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body section#mobile-venta .immersive-action,
  body section#mobile-compra .immersive-action {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    color: #182026 !important;
    background: #e3a32b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }
}

/* CTA de inversión: misma presentación que los botones Comprar y Vender. */
@media (max-width: 900px) {
  html body section#mobile-inversion.mobile-investment-section .mobile-investment-action {
    width: 84vw !important;
    max-width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #182026 !important;
    background: #e3a32b !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-action strong {
    color: #182026 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-action span {
    color: #182026 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: right !important;
  }
}

/* Tipografía de Inversionistas: mismo sistema que la portada de Compra. */
@media (max-width: 900px) {
  html body section#mobile-inversion.mobile-investment-section .mobile-investment-kicker,
  html body section#mobile-inversion.mobile-investment-section .mobile-investment-factors {
    color: #e6a52a !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .04em !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-kicker {
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-kicker::before {
    display: none !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-factors {
    margin: 0 0 22px !important;
    text-transform: none !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-content h2 {
    max-width: 10.5ch !important;
    margin: 0 0 20px !important;
    color: #ffffff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-wrap: normal !important;
  }

  html body section#mobile-inversion.mobile-investment-section .mobile-investment-copy {
    max-width: 100% !important;
    margin: 0 0 22px !important;
    color: #ffffff !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section .footer-facebook {
    width: 18px !important;
    height: 18px !important;
    margin-top: 2px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #eea62a !important;
    border-radius: 50% !important;
    color: #eea62a !important;
    font: 800 13px/1 Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
  }
}

@media (max-width: 900px) {
  body .mobile-color-section.progressive-hidden[id] {
    display: none !important;
  }

  body .mobile-global-nav {
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-intro > p,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-intro h2,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-intro > span,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-inventory h3,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-inventory header > span,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-property strong,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-property small,
  body section#mobile-propiedades.mobile-catalog-section .mobile-catalog-detail strong {
    color: #000000 !important;
  }
}

@media (max-width: 900px) {
  section.mobile-nom247-section {
    box-sizing: border-box !important;
    position: relative !important;
    width: 100% !important;
    height: 100svh !important;
    min-height: 100svh !important;
    max-height: 100svh !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background-color: #031a39 !important;
    background-image: url("../assets/imagenes/mobil/nom.png") !important;
    background-repeat: no-repeat !important;
    background-position: center -17dvh !important;
    background-size: 100% auto !important;
  }

  section.mobile-nom247-section::before {
    display: none !important;
  }

  section.mobile-nom247-section::after {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
    content: "" !important;
    background: linear-gradient(
      to bottom,
      rgba(2, 14, 35, 0.04) 0%,
      rgba(2, 14, 35, 0.04) 43%,
      rgba(2, 14, 35, 0.34) 54%,
      rgba(2, 14, 35, 0.88) 100%
    ) !important;
  }

  section.mobile-nom247-section > header.mobile-nom247-nav {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 6 !important;
    inset: auto !important;
    width: 100% !important;
    height: 11.5dvh !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: max(10px, env(safe-area-inset-top)) 7% 8px !important;
    display: grid !important;
    grid-template-columns: minmax(52px, 1fr) auto minmax(30px, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    background: rgba(2, 18, 42, 0.84) !important;
  }

  section.mobile-nom247-section .mobile-nom247-nav .mobile-hero-logo {
    justify-self: start !important;
    width: clamp(52px, 14vw, 68px) !important;
    height: auto !important;
    margin: 0 !important;
  }

  section.mobile-nom247-section .mobile-nom247-advice {
    box-sizing: border-box !important;
    justify-self: center !important;
    min-width: clamp(132px, 34vw, 174px) !important;
    height: clamp(38px, 5.6dvh, 48px) !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #d79822 !important;
    border-radius: 13px !important;
    color: #ffffff !important;
    background: rgba(6, 25, 56, 0.76) !important;
    font-size: clamp(10px, 2.9vw, 14px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.055em !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  section.mobile-nom247-section .mobile-nom247-nav .mobile-hero-menu {
    justify-self: end !important;
    width: 30px !important;
    height: 27px !important;
    min-width: 30px !important;
    margin: 0 !important;
    padding: 2px 0 !important;
  }

  section.mobile-nom247-section .mobile-nom247-nav .mobile-hero-menu span {
    width: 100% !important;
    height: 2px !important;
  }

  section.mobile-nom247-section .mobile-nom247-content {
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 88.5dvh !important;
    margin: 0 !important;
    padding: 0 7.5% max(12px, env(safe-area-inset-bottom)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  section.mobile-nom247-section .mobile-nom247-visual {
    order: 1 !important;
    position: relative !important;
    flex: 0 0 42dvh !important;
    width: calc(100% + 17.65%) !important;
    min-height: 0 !important;
    margin: 0 -8.825% !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  section.mobile-nom247-section .mobile-nom247-scene {
    display: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-visual > :not(.mobile-nom247-scene) {
    display: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: clamp(14px, 2dvh, 20px) 0 0 !important;
  }

  section.mobile-nom247-section .mobile-nom247-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 clamp(18px, 2.4dvh, 24px) !important;
    color: #f2ae1d !important;
    font-size: clamp(10px, 2.9vw, 14px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  section.mobile-nom247-section .mobile-nom247-kicker::after {
    width: 46px !important;
    height: 1px !important;
    background: currentColor !important;
    content: "" !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy h2 {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: clamp(27px, min(7.45vw, 4.2dvh), 39px) !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    text-transform: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy h2 span {
    color: #f2ae1d !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy > i {
    display: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy p {
    max-width: none !important;
    margin: clamp(14px, 1.9dvh, 19px) 0 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: clamp(12px, min(3.25vw, 1.75dvh), 16px) !important;
    line-height: 1.5 !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(9px, 1.25dvh, 13px) !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a {
    box-sizing: border-box !important;
    width: 100% !important;
    height: clamp(48px, 6.2dvh, 58px) !important;
    margin: 0 !important;
    padding: 0 clamp(18px, 5vw, 26px) !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #090e16 !important;
    background: linear-gradient(90deg, #f0a917, #f5bd2d) !important;
    text-decoration: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a strong {
    grid-column: 2 !important;
    color: inherit !important;
    font-size: clamp(11px, 3.2vw, 15px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.045em !important;
    text-align: center !important;
    text-transform: uppercase !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a span {
    color: inherit !important;
    font-size: clamp(18px, 5vw, 24px) !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions .mobile-nom247-read {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    background: rgba(2, 19, 45, 0.42) !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions .mobile-nom247-read strong {
    grid-column: 1 / 3 !important;
  }
}

@media (max-width: 900px) and (max-height: 720px) {
  section.mobile-nom247-section .mobile-nom247-visual {
    flex-basis: 36dvh !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy {
    padding-top: 8px !important;
  }

  section.mobile-nom247-section .mobile-nom247-kicker {
    margin-bottom: 8px !important;
    font-size: 9px !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy h2 {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy p {
    margin-top: 8px !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions {
    gap: 6px !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a {
    height: 40px !important;
  }
}

/* Composición final: la NOM-247 ocupa una sola pantalla, sin navegación repetida. */
@media (max-width: 900px) {
  section.mobile-nom247-section {
    background:
      radial-gradient(circle at 52% 29%, rgba(21, 75, 151, 0.48), transparent 43%),
      linear-gradient(145deg, #031b42 0%, #062d62 50%, #031632 100%) !important;
  }

  section.mobile-nom247-section::after,
  section.mobile-nom247-section > header.mobile-nom247-nav {
    display: none !important;
  }

  section.mobile-nom247-section .mobile-nom247-content {
    height: 100% !important;
    padding: 0 7.5% max(14px, env(safe-area-inset-bottom)) !important;
  }

  section.mobile-nom247-section .mobile-nom247-visual {
    flex: 0 0 49dvh !important;
    background: #062758 !important;
  }

  section.mobile-nom247-section .mobile-nom247-visual::after {
    position: absolute !important;
    z-index: 2 !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    height: 17% !important;
    display: block !important;
    pointer-events: none !important;
    content: "" !important;
    background: linear-gradient(to bottom, transparent, #062856 88%, #062856) !important;
  }

  section.mobile-nom247-section .mobile-nom247-scene {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 50% !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy {
    padding-top: clamp(10px, 1.7dvh, 17px) !important;
  }

  section.mobile-nom247-section .mobile-nom247-kicker {
    margin-bottom: clamp(12px, 1.6dvh, 17px) !important;
    font-size: clamp(10px, 2.8vw, 13px) !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy h2 {
    font-size: clamp(25px, min(7vw, 3.8dvh), 36px) !important;
    line-height: 1.13 !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy p {
    margin-top: clamp(10px, 1.45dvh, 15px) !important;
    font-size: clamp(11px, min(3vw, 1.55dvh), 15px) !important;
    line-height: 1.45 !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions {
    gap: clamp(8px, 1.1dvh, 12px) !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a {
    height: clamp(46px, 6dvh, 58px) !important;
  }
}

@media (max-width: 900px) and (max-height: 720px) {
  section.mobile-nom247-section .mobile-nom247-visual {
    flex-basis: 42dvh !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy {
    padding-top: 7px !important;
  }

  section.mobile-nom247-section .mobile-nom247-kicker {
    margin-bottom: 7px !important;
    font-size: 9px !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy h2 {
    font-size: 22px !important;
    line-height: 1.07 !important;
  }

  section.mobile-nom247-section .mobile-nom247-copy p {
    margin-top: 7px !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions {
    gap: 5px !important;
  }

  section.mobile-nom247-section .mobile-nom247-actions a {
    height: 38px !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-inicio.mobile-hero-section {
    background: url("../assets/imagenes/mobil/asesoria.png") center / cover no-repeat !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-content,
  body section#mobile-inicio.mobile-hero-section .immersive-reference-link {
    display: none !important;
  }

  body section#mobile-proceso-venta.mobile-sale-section,
  body section#mobile-proceso-compra.mobile-purchase-section {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #16202a !important;
  }

  body section.immersive-reference-section {
    opacity: 1 !important;
    filter: none !important;
    background-blend-mode: normal !important;
  }

  body section#mobile-nom247.mobile-nom247-section {
    background-image: url("../assets/imagenes/web mobil/nom.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body section#mobile-dashboard.mobile-dashboard-section {
    background-image: url("../assets/imagenes/web mobil/dash.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body section#mobile-nom247.mobile-nom247-section > .mobile-nom247-content,
  body section#mobile-dashboard.mobile-dashboard-section > .mobile-dashboard-content {
    display: none !important;
  }

  body section#mobile-venta.immersive-reference-section,
  body section#mobile-compra.immersive-reference-section {
    position: relative !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body section#mobile-venta.immersive-reference-section {
    background-image: url("../assets/imagenes/mobil/venta.png") !important;
  }

  body section#mobile-compra.immersive-reference-section {
    background-image: url("../assets/imagenes/mobil/compra.png") !important;
  }

  .immersive-reference-link {
    position: absolute !important;
    left: 7% !important;
    top: 52% !important;
    z-index: 4 !important;
    width: 86% !important;
    height: 9% !important;
    display: block !important;
  }
}

/* Botón de asesoría: misma medida y estilo que Compra y Venta. */
@media (max-width: 900px) {
  html body section#mobile-inicio.mobile-hero-section .immersive-reference-link.immersive-advisor-link {
    width: 84% !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    color: #182026 !important;
    background: #e3a32b !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body section#mobile-inicio.mobile-hero-section .immersive-reference-link.immersive-advisor-link::after {
    content: "\2192" !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }
}

/* Override final del footer: una sola pantalla, sin desplazamiento interno. */
@media (max-width: 900px) {
  body section#mobile-footer.mobile-footer-section {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-content {
    width: 89% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: 48% 52% !important;
    overflow: hidden !important;
    position: absolute !important;
    inset: 0 auto auto 50% !important;
    transform: translateX(-50%) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-hero {
    min-height: 0 !important;
    padding: 9dvh 0 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-bottom {
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-rows: 48% 31% 21% !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact {
    min-height: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-contact > * {
    min-height: 0 !important;
    font-size: clamp(12px, 1.95dvh, 19px) !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance {
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(8px, 1.5dvh, 14px) 0 !important;
    box-sizing: border-box !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button {
    min-height: 0 !important;
    height: 100% !important;
    padding: 10px !important;
    gap: 6px !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button:last-child {
    grid-column: auto !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > span {
    font-size: 8px !important;
    line-height: 1.1 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > strong {
    padding-right: 22px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-compliance button > i {
    right: 10px !important;
    bottom: 10px !important;
    width: 25px !important;
    font-size: 17px !important;
  }

  body section#mobile-footer.mobile-footer-section .mobile-footer-legal {
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: clamp(8px, 1.5dvh, 14px) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body section#mobile-footer.mobile-footer-section .footer-reference-hotspot {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-inicio.mobile-hero-section .mobile-hero-content {
    display: block !important;
  }

  body section#mobile-inicio.mobile-hero-section .mobile-hero-search {
    display: none !important;
  }

  body section#mobile-inicio.mobile-hero-section .immersive-advisor-link {
    display: grid !important;
    place-items: center !important;
    color: #315c34 !important;
    background: #ffffff !important;
    text-decoration: none !important;
  }
}

@media (max-width: 900px) {
  body section#mobile-inicio.mobile-hero-section {
    background-color: #eadbc7 !important;
    background-position: right 135px !important;
    background-size: 112% auto !important;
    background-repeat: no-repeat !important;
  }

  body section#mobile-inicio.mobile-hero-section .immersive-advisor-link {
    top: 49% !important;
    width: 70% !important;
  }

  body section#mobile-inicio.mobile-hero-section {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
  }
}