/* Portada movil simple (vista previa, rama diseno-glassmorfismo).
   En telefono la portada tiene un solo objetivo: cotizar y tocar "Enviar dinero".
   Se ve: logo + Iniciar sesion, titulo, simulador, soporte WhatsApp, referencias
   de Instagram y testimonios. Lo demas se oculta solo en telefono. */

.v2-mobile-start { display: none; }

@media (max-width: 767px) {
    /* Encabezado: solo el acceso de quien ya tiene cuenta */
    .v2-page-index .v2-public-header nav > :not([data-action-target="openLoginModal"]) { display: none !important; }

    /* Portada: titulo y una linea; los botones los reemplaza el simulador */
    .v2-page-index .v2-public-hero .v2-actions,
    .v2-page-index .v2-public-hero .v2-caption,
    .v2-page-index .v2-public-hero .v2-rate-spotlight,
    .v2-page-index .v2-public-hero .v2-intro > p,
    .v2-page-index .v2-public-hero .v2-eyebrow { display: none !important; }
    .v2-page-index .v2-public-hero h1 { font-size: clamp(30px, 8.6vw, 36px) !important; line-height: 1.08 !important; margin-bottom: 4px !important; }
    .v2-page-index .v2-public-hero { padding-bottom: 0 !important; min-height: 0 !important; }

    /* Fuera de la portada movil (siguen en escritorio) */
    .v2-page-index :is(#v2RatesOverview, #v2Promotions, .v2-how-it-works, .v2-magic-card) { display: none !important; }
    .v2-page-index .v2-public-footer #supportButton { display: none !important; }

    /* minmax(0, 1fr): sin esto la columna se estira al ancho natural del campo de monto */
    .v2-mobile-start { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 4px 0 26px; }
    #v2MobileSimSlot { min-width: 0; }
    #v2MobileSimSlot :is(.simulator-input-box input, .simulator-result input) { width: 100% !important; min-width: 0 !important; }

    /* Mismo aspecto que el simulador en su ventana (reglas de expresiva-discovery.css
       que dependian de .d2-page-modal) */
    #v2MobileSimSlot .simulator-title {font-size:20px;}
    #v2MobileSimSlot .simulator-close {color:#426d89;border:0;background:transparent;}
    #v2MobileSimSlot .simulator-input-box {border:1px solid #dae5ed;border-radius:21px;padding:16px 18px;background:#fff;}
    #v2MobileSimSlot .simulator-input-box input {font-size:34px;letter-spacing:-.04em;font-weight:600;min-width:0;color:#183a51;}
    #v2MobileSimSlot .simulator-result {background:#f0faf8;border:1px solid #d4eeea;border-radius:21px;padding:16px 18px;text-align:left;}
    #v2MobileSimSlot .simulator-result input {width:100%;border:0;background:transparent;font-size:34px;letter-spacing:-.04em;font-weight:600;min-width:0;color:#08776c;}
    #v2MobileSimSlot .simulator-result-label {font-size:14px;color:#536e81;margin:0 0 6px;}
    #v2MobileSimSlot .simulator-rate {margin:15px 0 0;text-align:left;font-size:13px;}
    #v2MobileSimSlot .simulator-input-box input,#v2MobileSimSlot .simulator-result input {font-size:28px}

    /* El simulador, ahora en la pagina */
    #v2MobileSimSlot .simulator-dialog {
        position: static !important; transform: none !important; width: auto !important; box-sizing: border-box !important;
        max-width: none !important; margin: 0 !important; animation: none !important;
        border-radius: 24px !important; padding: 20px !important;
        background-color: rgba(255, 255, 255, .62) !important;
        -webkit-backdrop-filter: saturate(165%) blur(18px);
        backdrop-filter: saturate(165%) blur(18px);
        border: 1px solid rgba(255, 255, 255, .7) !important;
        box-shadow: 0 12px 32px rgba(14, 48, 84, .16) !important;
    }
    #v2MobileSimSlot :is(.simulator-close, .d2-text-button, .d2-caption) { display: none !important; }
    #v2MobileSimSlot .simulator-title { font-size: 17px !important; margin: 0 !important; }
    #v2MobileSimSlot .simulator-cta { width: 100% !important; min-height: 52px; font-size: 16px !important; }

    .v2-mobile-trust { margin: -2px 0 0; text-align: center; font-size: 12.5px; color: #3d5a70; }

    .v2-mobile-links { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .v2-mobile-link {
        display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 12px;
        border-radius: 18px; text-decoration: none; color: #16324a;
        background: rgba(255, 255, 255, .5);
        -webkit-backdrop-filter: saturate(165%) blur(18px);
        backdrop-filter: saturate(165%) blur(18px);
        border: 1px solid rgba(255, 255, 255, .65);
        box-shadow: 0 8px 22px rgba(14, 48, 84, .12);
    }
    .v2-mobile-link strong { display: block; font-size: 14px; }
    .v2-mobile-link small { display: block; font-size: 11.5px; color: #4d6a80; margin-top: 1px; }
    .v2-mobile-link-icon { flex: none; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; color: #fff; }
    .v2-mobile-wa { background: #25d366; }
    .v2-mobile-ig { background: linear-gradient(135deg, #f58529, #dd2a7b 55%, #8134af); }
}