{"id":9,"date":"2026-06-29T20:47:08","date_gmt":"2026-06-29T20:47:08","guid":{"rendered":"https:\/\/dev.medios.bravocredito.com\/?page_id=9"},"modified":"2026-06-29T22:56:57","modified_gmt":"2026-06-29T22:56:57","slug":"home","status":"publish","type":"page","link":"https:\/\/dev.medios.bravocredito.com\/","title":{"rendered":"home"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"es\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>asesoriaNuevo<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatiac.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&#038;display=swap\"\n      rel=\"stylesheet\"\n    \/>\n\n    <!-- ============================================================\n         ESTILOS: P\u00c1GINA PRINCIPAL\n         ============================================================ -->\n    <style>\n      * {\n        box-sizing: border-box;\n      }\n\n      body {\n        margin: 0;\n        padding: 0;\n      }\n\n      .asesoria-page {\n        margin: 0 auto 0px;\n        padding: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-size: 16px;\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: HEADER\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      header {\n        background-color: #2d1c59;\n        width: 100%;\n        height: 1320px;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .header-inner {\n        position: relative;\n        height: 573px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding: 28px 20px 24px;\n      }\n\n      .header-inner::before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background-image: url(\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/jared-movile.png\");\n        background-repeat: no-repeat;\n        background-position: center top;\n        background-size: cover;\n        -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 92%);\n        mask-image: linear-gradient(180deg, #000 55%, transparent 92%);\n      }\n\n      .header-copy {\n        position: relative;\n        z-index: 1;\n        margin-top: auto;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n      }\n\n      header .bravo-header-text {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 16px;\n        max-width: none;\n        margin: 0;\n        text-align: left;\n      }\n\n      .header-form {\n        flex: 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 24px 20px;\n      }\n\n      .header-logo {\n        width: 129px;\n        height: 36px;\n        display: none;\n      }\n\n      header .bravo-header-text .bravo-header-title {\n        width: 288px;\n        height: 46px;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 1.25;\n        letter-spacing: 0;\n        text-align: center;\n        color: #f5eef9;\n        margin: 0;\n      }\n\n      header .bravo-header-text .bravo-header-title .bravo-header-title--bold {\n        font-weight: 700;\n      }\n\n      header .bravo-header-text .bravo-header-tag {\n        width: 288px;\n        height: 120px;\n        font-weight: 700;\n        font-size: 48px;\n        line-height: 1.25;\n        letter-spacing: 0;\n        text-align: center;\n        color: #ffffff;\n        margin: 0;\n      }\n\n      header .bravo-header-text .bravo-header-subtitle {\n        width: 288px;\n        height: 72px;\n        font-weight: 500;\n        font-size: 16px;\n        line-height: 1.5;\n        letter-spacing: 0;\n        text-align: center;\n        color: #ffffff;\n        margin: 0;\n      }\n\n      .header-instagram {\n        width: 120px;\n        height: auto;\n        display: none;\n        margin: 4px auto 0;\n      }\n\n      .header-instagram--desk {\n        display: none;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        body {\n          width: 100%;\n          margin: 0;\n        }\n\n        header {\n          width: 100%;\n          height: 738px;\n          flex-direction: row;\n          position: relative;\n          background-color: #201d49;\n          background-image: url(\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/Jared-desk-scaled.png\");\n          background-repeat: no-repeat;\n          background-position: calc((100% - 1440px) \/ 2 + 750px) 0px;\n          background-size: 1302px 862px;\n        }\n\n        .header-inner::before {\n          display: none;\n        }\n\n        .header-inner {\n          flex: 1;\n          max-width: 1920px;\n          margin: 0 auto;\n          position: relative;\n          text-align: left;\n        }\n\n        .header-copy {\n          position: absolute;\n          top: 200px;\n          left: 18.2%;\n          width: min(489px, 44%);\n          height: 344px;\n          gap: 40px;\n          align-items: flex-start;\n          margin-top: 0;\n        }\n\n        .header-logo {\n          width: 194px;\n          height: 54px;\n          display: block;\n        }\n\n        header .bravo-header-text {\n          width: 489px;\n          height: 250px;\n          max-width: none;\n          margin: 0;\n          text-align: left;\n          align-items: flex-start;\n        }\n\n        .header-instagram--flow {\n          display: none;\n        }\n\n        .header-instagram--desk {\n          display: block;\n          position: absolute;\n          left: calc((100% - 1440px) \/ 2 + 760px);\n          bottom: 48px;\n          transform: translateX(-105%);\n          margin: 0;\n        }\n\n        .header-form {\n          flex: 0 0 380px;\n          justify-content: flex-end;\n          padding: 60px 40px;\n        }\n\n        header .bravo-header-text .bravo-header-title {\n          width: 489px;\n          height: 20px;\n        }\n\n        header .bravo-header-text .bravo-header-tag {\n          width: 489px;\n          height: 150px;\n          font-size: 48px;\n          color: #ffffff;\n        }\n\n        header .bravo-header-text .bravo-header-subtitle {\n          width: 420px;\n          max-width: 420px;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: CARDS  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #cards {\n        position: relative;\n        width: 100%;\n        height: 720px;\n        padding: 0 4px 16px;\n        gap: 0;\n      }\n\n      #container-cards {\n        position: absolute;\n        top: -40px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        width: 288px;\n        height: 656px;\n        padding: 0;\n        gap: 40px;\n      }\n\n      .card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n        width: 288px;\n        height: 192px;\n        padding: 8px 6px 6px;\n        border: 1px solid #ffffff33;\n        border-radius: 8px;\n        background: #ffffff33;\n        box-shadow: 0px 10px 10px 0px #7a68ee33;\n        -webkit-backdrop-filter: blur(20px);\n        backdrop-filter: blur(10px);\n      }\n\n      .card-icon {\n        width: 40px;\n        height: 40px;\n        display: block;\n      }\n\n      .card-icon--3 {\n        width: 29px;\n      }\n\n      .card-text {\n        width: 240px;\n        height: 72px;\n        margin: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 150%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #374151;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        #cards {\n          width: 100%;\n          height: 230px;\n          padding: 0 20px 20px;\n          gap: 44px;\n        }\n\n        #container-cards {\n          position: absolute;\n          top: -55px;\n          left: 50%;\n          transform: translateX(-50%);\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: center;\n          width: 100%;\n          height: 100%;\n          padding: 0;\n          gap: 40px;\n        }\n\n        .card {\n          flex: 1;\n          min-width: 0;\n          max-width: 288px;\n        }\n\n        .card-text {\n          width: 100%;\n          max-width: 240px;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: C\u00d3MO FUNCIONA  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #como-funciona {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        height: 780px;\n        padding: 10px 16px;\n        gap: 32px;\n        background-color: #f5f5fd;\n      }\n\n      .cf-title-box {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n        min-height: 76px;\n        margin-top: 30px;\n        padding: 0;\n      }\n\n      .cf-title {\n        width: 100%;\n        margin: 0;\n        font-weight: 700;\n        font-size: 30px;\n        line-height: 125%;\n        text-align: center;\n        color: #201d49;\n      }\n\n      .cf-brand {\n        color: #8062de;\n        display: block;\n      }\n\n      .cf-steps-inner {\n        display: contents;\n      }\n\n      .cf-steps {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        height: 592px;\n        gap: 32px;\n      }\n\n      .cf-step {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        width: 100%;\n        height: 124px;\n      }\n\n      .cf-num {\n        display: block;\n        width: 100%;\n        height: 60px;\n        margin: 0;\n        font-weight: 500;\n        font-size: 48px;\n        line-height: 125%;\n        color: #8062de;\n      }\n\n      .cf-line {\n        width: 100%;\n        height: 56px;\n        padding: 8px 0;\n        border-top: 2px solid #8062de;\n      }\n\n      .cf-step-text {\n        width: 100%;\n        height: 40px;\n        margin: 0;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 125%;\n        color: #374151;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        #como-funciona {\n          width: 100%;\n          height: 625px;\n          padding: 20px;\n          gap: 48px;\n          justify-content: center;\n        }\n\n        .cf-title-box {\n          display: block;\n          width: 100%;\n          max-width: 1280px;\n          margin: 0 auto;\n          min-height: auto;\n        }\n\n        .cf-title {\n          font-size: 36px;\n          line-height: 125%;\n          letter-spacing: 0;\n          text-align: center;\n        }\n\n        .cf-brand {\n          display: inline;\n          vertical-align: bottom;\n        }\n\n        .cf-steps {\n          flex-direction: row;\n          justify-content: center;\n          width: 100%;\n          max-width: 1280px;\n          height: 372px;\n          padding-left: 20px;\n          gap: 8px;\n          align-items: flex-start;\n          margin: 0 auto;\n        }\n\n        .cf-steps-inner {\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n          max-width: 1200px;\n          height: 372px;\n          padding-left: 116px;\n          gap: 24px;\n        }\n\n        .cf-step {\n          flex-direction: row;\n          align-items: center;\n          gap: 24px;\n          height: auto;\n        }\n\n        .cf-line {\n          border-top: none;\n          padding: 0;\n          height: auto;\n        }\n\n        .cf-num {\n          width: 10%;\n          flex-shrink: 0;\n          height: auto;\n          font-size: 60px;\n          font-weight: 500;\n          line-height: 125%;\n          letter-spacing: 0;\n          text-align: center;\n          vertical-align: middle;\n        }\n\n        .cf-step-text {\n          height: auto;\n          font-size: 24px;\n          font-weight: 400;\n          line-height: 150%;\n          letter-spacing: 0;\n          vertical-align: middle;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: NOTAS  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #notas {\n        width: 100%;\n        height: 453px;\n        padding: 10px 4px;\n        gap: 0;\n        background-image: url(\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/bg_notas_mobile.jpg\");\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .notas-title-box {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        width: calc(100% - 8px);\n        height: 76px;\n        gap: 16px;\n        margin-top: 10px;\n        margin-bottom: 70px;\n        background-color: transparent;\n      }\n\n      .notas-title {\n        margin: 0;\n        font-weight: 700;\n        font-size: 30px;\n        line-height: 125%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #201d49;\n      }\n\n      .notas-cards {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: calc(100% - 8px);\n        height: 233px;\n        gap: 8px;\n      }\n\n      .notas-track-wrapper {\n        flex: 1;\n        min-width: 0;\n        overflow: hidden;\n      }\n\n      .notas-track {\n        display: flex;\n        transition: transform 0.5s ease;\n      }\n\n      .notas-arrow {\n        width: 20px;\n        height: 20px;\n        display: block;\n        flex-shrink: 0;\n      }\n\n      .notas-card {\n        height: 225px;\n        padding: 20px;\n        gap: 20px;\n        border-radius: 8px;\n        flex-shrink: 0;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        background: #ffffff;\n        box-shadow:\n          0px 2px 4px -2px #0000000d,\n          0px 4px 6px -1px #0000001a;\n      }\n\n      .notas-card-logo {\n        display: block;\n        max-width: 100%;\n        flex-shrink: 0;\n      }\n\n      .notas-card-body {\n        width: 100%;\n        height: 126px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 12px;\n      }\n\n      .notas-card-text {\n        width: 100%;\n        height: 126px;\n        margin: 0;\n        font-weight: 500;\n        font-size: 12px;\n        line-height: 150%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #374151;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        #notas {\n          height: auto;\n          padding: 60px 0;\n          background-image: url(\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/bg_notas_desk-scaled.jpg\");\n          justify-content: center;\n          align-items: center;\n        }\n\n        .notas-title-box {\n          width: 100%;\n          max-width: 951px;\n          height: 45px;\n          margin-top: 0;\n        }\n\n        .notas-title {\n          font-size: 36px;\n        }\n\n        .notas-arrow {\n          display: none;\n        }\n\n        .notas-cards {\n          width: 100%;\n          max-width: 1208px;\n          height: 200px;\n          gap: 10px;\n          justify-content: center;\n        }\n\n        .notas-track-wrapper {\n          width: 100%;\n          height: 200px;\n          overflow: visible;\n        }\n\n        .notas-track {\n          gap: 20px;\n          transform: none !important;\n        }\n\n        .notas-card {\n          flex: 1 1 0;\n          min-width: 0;\n          max-width: 382px;\n          height: 200px;\n          padding: 6px;\n          gap: 20px;\n          border-radius: 8px;\n        }\n\n        .notas-card-body {\n          width: auto;\n          height: auto;\n        }\n\n        .notas-card-text {\n          width: auto;\n          height: auto;\n          padding: 1rem;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: HISTORIA  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #historia {\n        width: 100%;\n        height: 542px;\n        padding: 10px 4px;\n        background-color: #302d71;\n      }\n\n      .container-historias {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .copy-historia {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        height: 150px;\n        gap: 16px;\n        padding: 2rem;\n        margin-bottom: 20px;\n      }\n\n      .copy-historia p:first-child {\n        width: 100%;\n        height: 20px;\n        margin: 0;\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 125%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #b3e7ee;\n      }\n\n      .copy-historia p:last-child {\n        width: 100%;\n        height: 114px;\n        margin: 0;\n        font-weight: 700;\n        font-size: 30px;\n        line-height: 125%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #ffffff;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        #historia {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 0;\n          padding: 32px 4px 0;\n          height: auto;\n        }\n\n        .container-historias {\n          margin-top: -50px;\n        }\n\n        .copy-historia {\n          padding: 0;\n          margin-bottom: 0;\n          height: auto;\n        }\n\n        .container-historias .ti-widget {\n          margin-top: 0 !important;\n          padding-top: 0 !important;\n          margin-top: -80px !important;\n        }\n\n        .copy-historia p:first-child {\n          font-size: 16px;\n          text-align: center;\n        }\n\n        .copy-historia p:last-child {\n          width: 100%;\n          font-size: 30px;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: FOOTER  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      footer {\n        width: 100%;\n        height: 546px;\n        padding: 20px;\n        background-color: #201d49;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .footer-container {\n        width: 100%;\n        height: auto;\n        padding-top: 8px;\n        padding-bottom: 8px;\n        gap: 16px;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .footer-top {\n        width: 100%;\n        height: auto;\n        gap: 32px;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .footer-logo {\n        width: 129px;\n        height: 36px;\n        display: block;\n      }\n\n      .footer-links {\n        width: 100%;\n        height: auto;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      .footer-link {\n        width: 165px;\n        height: 21px;\n        margin: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-weight: 400;\n        font-size: 14px;\n        line-height: 150%;\n        letter-spacing: 0;\n        text-decoration: underline;\n        color: #d1d5db;\n        display: block;\n      }\n\n      .footer-bottom {\n        width: 100%;\n        height: auto;\n        padding-top: 8px;\n        padding-bottom: 8px;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 16px;\n      }\n\n      .footer-text {\n        margin: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-weight: 400;\n        font-size: 14px;\n        line-height: 150%;\n        letter-spacing: 0;\n        color: #d1d5db;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        footer {\n          width: 100%;\n          height: auto;\n          padding: 20px;\n          align-items: center;\n        }\n\n        .footer-container {\n          width: 100%;\n          max-width: 1280px;\n          height: auto;\n          padding-top: 16px;\n          padding-bottom: 16px;\n          gap: 48px;\n          align-items: center;\n          margin: 0 auto;\n        }\n\n        .footer-top {\n          width: 100%;\n          height: auto;\n          gap: 48px;\n          align-items: center;\n        }\n\n        .footer-logo {\n          display: block;\n          margin: 0 auto;\n          width: 194px;\n          height: 54px;\n        }\n\n        .footer-links {\n          width: 100%;\n          max-width: 1200px;\n          height: 21px;\n          flex-direction: row;\n          justify-content: space-between;\n          gap: 0;\n        }\n\n        .footer-link {\n          width: 165px;\n          height: 21px;\n          transition:\n            color 0.2s ease,\n            opacity 0.2s ease;\n        }\n\n        .footer-link:hover {\n          color: #ffffff;\n          opacity: 0.85;\n        }\n\n        .footer-bottom {\n          width: 100%;\n          max-width: 1280px;\n          height: 84px;\n          padding-right: 28px;\n          padding-left: 28px;\n          padding-top: 0;\n          padding-bottom: 0;\n          gap: 8px;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n        }\n\n        .footer-text {\n          width: 100%;\n          max-width: 1056px;\n          height: auto;\n          text-align: center;\n        }\n      }\n\n      \/* ============================================================\n         SECCI\u00d3N: EXPERIENCIA  (mobile-first + desktop)\n         ============================================================ *\/\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #experiencia {\n        width: 100%;\n        height: 392px;\n        padding: 50px 4px;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        background-image: url(\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/bg_experiencia_movile-scaled.jpg\");\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: center;\n      }\n\n      .container-experiencia {\n        width: calc(100% - 8px);\n        height: 264px;\n        padding: 0;\n        gap: 40px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .experiencia-label {\n        width: 100%;\n        height: 20px;\n        margin: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 125%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #8062de;\n      }\n\n      .experiencia-copy {\n        width: 100%;\n        height: 228px;\n        margin: 0;\n        font-family: \"Montserrat\", sans-serif;\n        font-weight: 700;\n        font-size: 30px;\n        line-height: 125%;\n        letter-spacing: 0;\n        text-align: center;\n        color: #374151;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        .container-experiencia {\n          width: 100%;\n          max-width: 1440px;\n          height: 286px;\n        }\n\n        .experiencia-label {\n          width: 100%;\n          max-width: 1280px;\n          height: 20px;\n          font-size: 16px;\n        }\n\n        .experiencia-copy {\n          width: 100%;\n          max-width: 1280px;\n          height: 90px;\n          font-size: 36px;\n          font-weight: 700;\n          font-weight: bold;\n        }\n      }\n    <\/style>\n\n    <!-- ============================================================\n         ESTILOS: FORMULARIO\n         ============================================================ -->\n    <style>\n      input[type=\"number\"]::-webkit-inner-spin-button,\n      input[type=\"number\"]::-webkit-outer-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n      input[type=\"number\"] {\n        -moz-appearance: textfield;\n      }\n\n      .form-divider {\n        border: none;\n        border-top: 1px solid #e5e7eb;\n        margin: 8px 0;\n      }\n\n      \/* \u2500\u2500 Checkboxes legales \u2500\u2500 *\/\n      .container-politicas {\n        display: block;\n        position: relative;\n        padding-left: 28px;\n        margin-bottom: 5px;\n        cursor: pointer;\n        font-size: 11px;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        margin-left: 3px;\n        color: #2f2f6d;\n      }\n      .container-politicas input {\n        position: absolute;\n        opacity: 0;\n        cursor: pointer;\n        height: 0;\n        width: 0;\n      }\n      .checkmark {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 20px;\n        width: 20px;\n        background-color: #eee;\n        border-radius: 3px;\n      }\n      .container-politicas:hover input ~ .checkmark {\n        background-color: #ccc;\n      }\n      .container-politicas input:checked ~ .checkmark {\n        background-color: #1faee0;\n      }\n      .checkmark:after {\n        content: \"\";\n        position: absolute;\n        display: none;\n      }\n      .container-politicas input:checked ~ .checkmark:after {\n        display: block;\n      }\n      .container-politicas .checkmark:after {\n        left: 11px;\n        top: 5px;\n        width: 5px;\n        height: 10px;\n        border: solid white;\n        border-width: 0 3px 3px 0;\n        -webkit-transform: rotate(45deg);\n        -ms-transform: rotate(45deg);\n        transform: rotate(45deg);\n      }\n\n      \/* \u2500\u2500 Cards deuda \u2500\u2500 *\/\n      .deuda-card input[type=\"radio\"] {\n        display: none;\n      }\n      .deuda-card.selected {\n        border-color: #7a68ee;\n        background: #f2efff;\n      }\n      .deuda-card {\n        transition:\n          border-color 0.15s,\n          background-color 0.15s;\n      }\n      .deuda-card-sub {\n        transition: color 0.15s;\n        color: #9ca3af;\n      }\n      .deuda-card.selected .deuda-card-sub {\n        color: #7a68ee;\n      }\n      .deuda-cards.invalid .deuda-card {\n        border-color: #f87171;\n      }\n      .deuda-error-msg {\n        display: none;\n        font-size: 11px;\n        color: #dc2626;\n        text-align: center;\n        margin-top: 6px;\n        font-weight: 600;\n      }\n      .deuda-cards.invalid .deuda-error-msg {\n        display: block;\n      }\n\n      \/* \u2500\u2500 Field wrapper + label \u2500\u2500 *\/\n      .form-field {\n        margin-bottom: 8px;\n      }\n      .field-label {\n        display: block;\n        font-size: 10px;\n        font-weight: 700;\n        color: #7a68ee;\n        margin-bottom: 2px;\n        letter-spacing: 0.4px;\n        text-transform: uppercase;\n      }\n\n      \/* \u2500\u2500 Focus ring \u2500\u2500 *\/\n      #regForm input[type=\"text\"]:focus,\n      #regForm input[type=\"tel\"]:focus,\n      #regForm input[type=\"email\"]:focus {\n        outline: 2px solid #7a68ee;\n        outline-offset: -1px;\n        border-color: #7a68ee;\n      }\n\n      \/* \u2500\u2500 Loading spinner \u2500\u2500 *\/\n      #listo1.loading {\n        opacity: 0.7;\n        cursor: not-allowed;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n      }\n      #listo1.loading::before {\n        content: \"\";\n        width: 14px;\n        height: 14px;\n        border: 2px solid rgba(255, 255, 255, 0.4);\n        border-top-color: #fff;\n        border-radius: 50%;\n        animation: spin 0.7s linear infinite;\n        flex-shrink: 0;\n      }\n      @keyframes spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n\n      \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n      #regForm {\n        padding: 10px;\n        background: #ffffff;\n        border-radius: 12px;\n        width: 100%;\n        margin: 0 auto;\n        z-index: 0;\n        border: none;\n        position: relative;\n        box-sizing: border-box;\n        -webkit-box-shadow: 3px 7px 28px 0px rgba(219, 216, 219, 1);\n        -moz-box-shadow: 3px 7px 28px 0px rgba(219, 216, 219, 1);\n        box-shadow: 3px 7px 28px 0px rgba(219, 216, 219, 1);\n      }\n\n      #regForm p {\n        color: #2f2f6d;\n        font-size: 15px;\n        line-height: 1.3;\n        font-weight: normal;\n        margin-top: 20px;\n        margin-bottom: 15px;\n      }\n\n      #regForm input[type=\"text\"],\n      #regForm input[type=\"tel\"],\n      #regForm input[type=\"email\"] {\n        padding: 7px 10px;\n        width: 100%;\n        font-size: 14px;\n        font-weight: 600;\n        border: 1px solid #7a68ee;\n        border-radius: 11px;\n        color: #2f2f6d;\n        background: #fff;\n        display: block;\n        margin: 0;\n        box-sizing: border-box;\n        transition:\n          border-color 0.15s,\n          outline-color 0.15s;\n      }\n      #regForm input[type=\"text\"].invalid,\n      #regForm input[type=\"tel\"].invalid,\n      #regForm input[type=\"email\"].invalid {\n        background-color: #ffdddd;\n      }\n\n      .deuda-cards {\n        width: 100%;\n        margin: 0 0 6px;\n        position: relative;\n      }\n      .deuda-pregunta-title {\n        font-size: 13px;\n        font-weight: 700;\n        color: #7a68ee;\n        text-align: center;\n        margin: 0 0 10px;\n        line-height: 1.3;\n      }\n\n      .entidades-trigger {\n        color: #7a68ee;\n        border-bottom: 1px dashed #7a68ee;\n        cursor: pointer;\n        white-space: nowrap;\n      }\n      .entidades-trigger .entidades-icon {\n        color: #1faee0;\n      }\n\n      .entidades-popover {\n        display: none;\n        position: absolute;\n        top: calc(100% + -62px);\n        left: 0;\n        right: 0;\n        background: #fff;\n        border: 1.5px solid #e5e7eb;\n        border-radius: 10px;\n        padding: 10px 14px 8px;\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);\n        z-index: 200;\n      }\n      .entidades-popover.open {\n        display: block;\n      }\n      .entidades-popover::before,\n      .entidades-popover::after {\n        content: \"\";\n        position: absolute;\n        left: 82%;\n        transform: translateX(-50%);\n        border-left: 9px solid transparent;\n        border-right: 9px solid transparent;\n      }\n      .entidades-popover::before {\n        top: -10px;\n        border-bottom: 10px solid #e5e7eb;\n      }\n      .entidades-popover::after {\n        top: -8px;\n        border-bottom: 9px solid #fff;\n      }\n      .entidades-popover-title {\n        font-size: 10px;\n        font-weight: 700;\n        color: #7a68ee;\n        text-transform: uppercase;\n        letter-spacing: 0.6px;\n        margin: 0 0 10px;\n        padding-bottom: 8px;\n        border-bottom: 1px solid #ede9fe;\n      }\n      .entidades-scroll {\n        max-height: 190px;\n        overflow-y: auto;\n        padding-right: 4px;\n      }\n      .entidades-scroll::-webkit-scrollbar {\n        width: 3px;\n      }\n      .entidades-scroll::-webkit-scrollbar-track {\n        background: #f5f3ff;\n        border-radius: 3px;\n      }\n      .entidades-scroll::-webkit-scrollbar-thumb {\n        background: #c4b5fd;\n        border-radius: 3px;\n      }\n      #regForm .entidades-cat-title {\n        font-size: 15px;\n        font-weight: 700;\n        color: #7a68ee;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin: 8px 0 4px;\n        line-height: 1;\n        margin-top: 10px;\n        margin-bottom: 15px;\n      }\n      #regForm .entidades-cat-title:first-child {\n        margin-top: 10px;\n      }\n      .entidades-list {\n        list-style: none;\n        margin: 0 0 4px;\n        padding: 0;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 3px 8px;\n      }\n      .entidades-list li {\n        font-size: 11px;\n        color: #374151;\n        font-weight: 200;\n        padding: 1px 0;\n      }\n      .entidades-loading {\n        font-size: 11px;\n        color: #9ca3af;\n        text-align: center;\n        margin: 8px 0;\n      }\n      .deuda-options {\n        display: flex;\n        gap: 8px;\n      }\n      .deuda-card {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 2px;\n        padding: 5px 4px;\n        border: 2px solid #e5e7eb;\n        border-radius: 11px;\n        cursor: pointer;\n        background: #fff;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .deuda-card-label {\n        font-weight: 700;\n        font-size: 15px;\n        color: #2f2f6d;\n      }\n      .deuda-card-sub {\n        font-size: 11px;\n        font-weight: 600;\n      }\n\n      #listo1 {\n        background-color: #1faee0;\n        color: #ffffff;\n        border: none;\n        padding: 9px;\n        font-size: 14px;\n        font-weight: 600;\n        cursor: pointer;\n        border-radius: 11px;\n        width: 100%;\n        margin-top: 4px;\n        opacity: 0.9;\n        transition: opacity 0.2s;\n      }\n      #listo1:hover {\n        opacity: 1;\n      }\n      #listo1:disabled {\n        opacity: 0.5;\n        cursor: not-allowed;\n      }\n\n      \/* \u2500\u2500 Desktop \u2500\u2500 *\/\n      @media (min-width: 769px) {\n        .entidades-popover {\n          top: calc(100% + -65px);\n        }\n        .entidades-popover::before,\n        .entidades-popover::after {\n          left: 66%;\n        }\n\n        #regForm {\n          padding: 24px;\n          width: 412px;\n        }\n\n        #regForm p {\n          font-size: 15px;\n          margin-top: 20px;\n          margin-bottom: 15px;\n        }\n\n        .form-field {\n          width: 90%;\n          margin: 0 auto 8px;\n        }\n\n        .field-label {\n          font-size: 11px;\n          margin-bottom: 4px;\n        }\n\n        #regForm input[type=\"text\"],\n        #regForm input[type=\"tel\"],\n        #regForm input[type=\"email\"] {\n          padding: 7px 12px;\n          width: 100%;\n          font-size: 15px;\n        }\n\n        .container-politicas {\n          font-size: 11px;\n          margin-bottom: 6px;\n          padding-left: 30px;\n          margin-left: 4px;\n        }\n        .checkmark {\n          height: 22px;\n          width: 22px;\n        }\n        .container-politicas .checkmark:after {\n          left: 9px;\n          top: 4px;\n        }\n\n        .form-divider {\n          margin: 8px 0;\n        }\n\n        .deuda-cards {\n          width: 90%;\n          margin: 0 auto 10px;\n        }\n        .deuda-pregunta-title {\n          font-size: 15px;\n          margin: 0 0 14px;\n        }\n        .deuda-options {\n          gap: 10px;\n        }\n        .deuda-card {\n          padding: 7px 8px;\n          gap: 2px;\n        }\n        .deuda-card-label {\n          font-size: 18px;\n        }\n        .deuda-card-sub {\n          font-size: 13px;\n        }\n\n        #listo1 {\n          font-size: 15px;\n          padding: 11px;\n          margin-top: 4px;\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div class=\"asesoria-page\">\n      <!-- ============================================================\n           SECCI\u00d3N: HEADER\n           ============================================================ -->\n      <header>\n        <!-- Izquierda: imagen Jared + copy de texto -->\n        <div class=\"header-inner\">\n          <div class=\"header-copy\">\n            <img decoding=\"async\"\n              class=\"header-logo\"\n              src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/Logo.png\"\n              alt=\"Bravo\"\n            \/>\n            <div class=\"bravo-header-text\">\n              <p class=\"bravo-header-title\">\n                CONSULTA TU CASO, Y OBT\u00c9N\n                <span class=\"bravo-header-title--bold\">ASESOR\u00cdA GRATUITA<\/span>\n              <\/p>\n              <p class=\"bravo-header-tag\">Cuenta con Bravo<\/p>\n              <p class=\"bravo-header-subtitle\">\n                15 a\u00f1os de experiencia para ayudarte a tener tranquilidad y\n                retomar el control.\n              <\/p>\n              <img decoding=\"async\"\n                class=\"header-instagram header-instagram--flow\"\n                src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/instagram.png\"\n                alt=\"instagram-logo\"\n              \/>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Derecha: formulario -->\n        <div class=\"header-form\">\n          <form\n            id=\"regForm\"\n            onsubmit=\"return submitForm(event);\"\n            style=\"border-color: #e3e3e3\"\n          >\n            <div class=\"form-field\">\n              <label class=\"field-label\" for=\"fname\">Nombre<\/label>\n              <input\n                id=\"fname\"\n                type=\"text\"\n                maxlength=\"50\"\n                placeholder=\"Tu nombre\"\n                autocomplete=\"given-name\"\n              \/>\n            <\/div>\n            <div class=\"form-field\">\n              <label class=\"field-label\" for=\"lname\">Apellidos<\/label>\n              <input\n                id=\"lname\"\n                type=\"text\"\n                maxlength=\"50\"\n                placeholder=\"Tus apellidos\"\n                autocomplete=\"family-name\"\n              \/>\n            <\/div>\n            <div class=\"form-field\">\n              <label class=\"field-label\" for=\"phone\">Tel\u00e9fono<\/label>\n              <input\n                id=\"phone\"\n                type=\"tel\"\n                inputmode=\"numeric\"\n                maxlength=\"10\"\n                placeholder=\"10 d\u00edgitos\"\n                autocomplete=\"tel\"\n              \/>\n            <\/div>\n            <div class=\"form-field\">\n              <label class=\"field-label\" for=\"email\">Correo electr\u00f3nico<\/label>\n              <input\n                id=\"email\"\n                type=\"email\"\n                placeholder=\"ejemplo@correo.com\"\n                autocomplete=\"email\"\n              \/>\n            <\/div>\n\n            <div class=\"deuda-cards\">\n              <p class=\"deuda-pregunta-title\">\n                \u00bfDebes m\u00e1s de $50,000 pesos a alguna de\n                <span class=\"entidades-trigger\" id=\"entidades-trigger\"\n                  >estas entidades <span class=\"entidades-icon\">\u24d8<\/span><\/span\n                >?\n              <\/p>\n              <div class=\"entidades-popover\" id=\"entidades-popover\">\n                <p class=\"entidades-popover-title\">Entidades aceptadas<\/p>\n                <div class=\"entidades-scroll\" id=\"entidades-scroll\">\n                  <p class=\"entidades-loading\">Cargando\u2026<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"deuda-options\">\n                <label class=\"deuda-card\" id=\"card-si\">\n                  <input type=\"radio\" name=\"deuda_supera\" value=\"50000\" \/>\n                  <span class=\"deuda-card-label\">S\u00ed<\/span>\n                  <span class=\"deuda-card-sub\">+$50,000<\/span>\n                <\/label>\n                <label class=\"deuda-card\" id=\"card-no\">\n                  <input type=\"radio\" name=\"deuda_supera\" value=\"25000\" \/>\n                  <span class=\"deuda-card-label\">No<\/span>\n                  <span class=\"deuda-card-sub\">-$50,000<\/span>\n                <\/label>\n              <\/div>\n              <p class=\"deuda-error-msg\">\n                Selecciona una opci\u00f3n para continuar\n              <\/p>\n            <\/div>\n\n            <hr class=\"form-divider\" \/>\n\n            <p style=\"margin-top: 0\">\n              <label for=\"privacy_agreement\" class=\"container-politicas\">\n                Acepto el\n                <a\n                  style=\"color: #0087d1\"\n                  href=\"https:\/\/www.asesoriaconbravo.mx\/aviso-de-privacidad\/\"\n                  >Aviso de Privacidad<\/a\n                >, los\n                <a\n                  style=\"color: #0087d1\"\n                  href=\"https:\/\/www.asesoriaconbravo.mx\/terminos-y-condiciones-1\/\"\n                  >T\u00e9rminos y Condiciones<\/a\n                >, la\n                <a\n                  style=\"color: #0087d1\"\n                  href=\"https:\/\/www.asesoriaconbravo.mx\/politicas-de-cookies\/\"\n                  >Pol\u00edtica de Cookies<\/a\n                >\n                y ser contactado por medio de una cuenta institucional y\n                verificada de Bravo\n                <input id=\"privacy_agreement\" type=\"checkbox\" \/>\n                <span class=\"checkmark\"><\/span>\n              <\/label>\n            <\/p>\n\n            <div style=\"overflow: auto\">\n              <button type=\"submit\" id=\"listo1\">Enviar<\/button>\n            <\/div>\n          <\/form>\n        <\/div>\n\n        <!-- Instagram desktop: centrado abajo bajo la figura de Jared -->\n        <img decoding=\"async\"\n          class=\"header-instagram header-instagram--desk\"\n          src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/instagram.png\"\n          alt=\"instagram-logo\"\n        \/>\n      <\/header>\n\n      <!-- ============================================================\n           SECCI\u00d3N: CARDS\n           ============================================================ -->\n      <section id=\"cards\">\n        <div id=\"container-cards\">\n          <div class=\"card\">\n            <img decoding=\"async\"\n              class=\"card-icon\"\n              src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/icon-card-1.png\"\n              alt=\"\"\n            \/>\n            <p class=\"card-text\">\n              Diagnosticamos cada caso para determinar la mejor estrategia de\n              negociaci\u00f3n.\n            <\/p>\n          <\/div>\n          <div class=\"card\">\n            <img decoding=\"async\"\n              class=\"card-icon\"\n              src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/icon-card-2.png\"\n              alt=\"\"\n            \/>\n            <p class=\"card-text\">\n              Creamos un plan seg\u00fan las necesidades del cliente.\n            <\/p>\n          <\/div>\n          <div class=\"card\">\n            <img decoding=\"async\"\n              class=\"card-icon card-icon--3\"\n              src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/icon-card-3.png\"\n              alt=\"\"\n            \/>\n            <p class=\"card-text\">\n              Descuentos que te aportar\u00e1n tranquilidad y ajustados a tu\n              bolsillo.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- ============================================================\n           SECCI\u00d3N: C\u00d3MO FUNCIONA\n           ============================================================ -->\n      <section id=\"como-funciona\">\n        <div class=\"cf-title-box\">\n          <p class=\"cf-title\">\n            C\u00f3mo te ayudar\u00e1 <span class=\"cf-brand\">Bravo<\/span>\n          <\/p>\n        <\/div>\n        <div class=\"cf-steps\">\n          <div class=\"cf-steps-inner\">\n            <div class=\"cf-step\">\n              <span class=\"cf-num\">01<\/span>\n              <div class=\"cf-line\">\n                <p class=\"cf-step-text\">\n                  Te escuchamos y entendemos tu situaci\u00f3n.\n                <\/p>\n              <\/div>\n            <\/div>\n            <div class=\"cf-step\">\n              <span class=\"cf-num\">02<\/span>\n              <div class=\"cf-line\">\n                <p class=\"cf-step-text\">\n                  Estudiamos su caso y creamos un plan para tu caso.\n                <\/p>\n              <\/div>\n            <\/div>\n            <div class=\"cf-step\">\n              <span class=\"cf-num\">03<\/span>\n              <div class=\"cf-line\">\n                <p class=\"cf-step-text\">\n                  Daremos seguimiento directamente con las instituciones.\n                <\/p>\n              <\/div>\n            <\/div>\n            <div class=\"cf-step\">\n              <span class=\"cf-num\">04<\/span>\n              <div class=\"cf-line\">\n                <p class=\"cf-step-text\">\n                  Seguimos tu caso y te asesoramos hasta el final.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- ============================================================\n           SECCI\u00d3N: NOTAS SOBRE NOSOTROS\n           ============================================================ -->\n      <section id=\"notas\">\n        <div class=\"notas-title-box\">\n          <p class=\"notas-title\">\u00bfQu\u00e9 dicen sobre nosotros?<\/p>\n        <\/div>\n        <div class=\"notas-cards\">\n          <svg\n            class=\"notas-arrow notas-arrow--left\"\n            viewBox=\"0 0 20 20\"\n            fill=\"none\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          >\n            <path\n              d=\"M13.3162 19C12.8751 18.9999 12.4521 18.8104 12.1403 18.4732L5.487 11.2821C5.17517 10.9449 5 10.4878 5 10.011C5 9.53434 5.17517 9.07714 5.487 8.74001L12.1403 1.54884C12.2937 1.37714 12.4772 1.24018 12.6802 1.14596C12.8831 1.05174 13.1014 1.00214 13.3222 1.00007C13.5431 0.997994 13.7621 1.04348 13.9665 1.13387C14.1709 1.22427 14.3567 1.35776 14.5128 1.52656C14.669 1.69536 14.7925 1.89609 14.8761 2.11703C14.9598 2.33797 15.0019 2.5747 14.9999 2.81341C14.998 3.05212 14.9521 3.28803 14.865 3.50737C14.7778 3.7267 14.6511 3.92508 14.4922 4.09092L9.0149 10.011L14.4922 15.9312C14.7248 16.1826 14.8831 16.5029 14.9473 16.8516C15.0114 17.2003 14.9785 17.5617 14.8526 17.8901C14.7267 18.2186 14.5136 18.4993 14.2401 18.6969C13.9667 18.8944 13.6452 18.9999 13.3162 19Z\"\n              fill=\"#8062DE\"\n            \/>\n          <\/svg>\n          <div class=\"notas-track-wrapper\">\n            <div class=\"notas-track\" id=\"notas-track\">\n              <div class=\"notas-card\">\n                <img decoding=\"async\"\n                  class=\"notas-card-logo\"\n                  src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/milenio.png\"\n                  alt=\"Milenio\"\n                \/>\n                <div class=\"notas-card-body\">\n                  <p class=\"notas-card-text\">\n                    Con m\u00e1s de 15 a\u00f1os operando, tiene presencia en M\u00e9xico,\n                    Colombia, Espa\u00f1a, Portugal, Italia y Brasil, ha ayudado a\n                    m\u00e1s de 500 mil personas a cambiar sus vidas.\n                  <\/p>\n                <\/div>\n              <\/div>\n              <div class=\"notas-card\">\n                <img decoding=\"async\"\n                  class=\"notas-card-logo\"\n                  src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/economista.png\"\n                  alt=\"El Economista\"\n                \/>\n                <div class=\"notas-card-body\">\n                  <p class=\"notas-card-text\">\n                    Es la empresa tecnol\u00f3gica financiera que ayuda a generar un\n                    plan personalizado y con hasta un 70% menos.\n                  <\/p>\n                <\/div>\n              <\/div>\n              <div class=\"notas-card\">\n                <img decoding=\"async\"\n                  class=\"notas-card-logo\"\n                  src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/expacion.png\"\n                  alt=\"Expansi\u00f3n\"\n                \/>\n                <div class=\"notas-card-body\">\n                  <p class=\"notas-card-text\">\n                    Esta Fintech mexicana se une a un grupo de otras compa\u00f1\u00edas\n                    tecnol\u00f3gica. Los m\u00e1s grande de Am\u00e9rica Latina y Europa.\n                  <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <svg\n            class=\"notas-arrow notas-arrow--right\"\n            viewBox=\"0 0 10 18\"\n            fill=\"none\"\n            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n          >\n            <path\n              d=\"M1.68376 18C1.35484 17.9999 1.03332 17.8944 0.759855 17.6969C0.486389 17.4993 0.273251 17.2186 0.147387 16.8901C0.0215237 16.5617 -0.0114139 16.2003 0.0527363 15.8516C0.116886 15.5029 0.275245 15.1826 0.507793 14.9312L5.9851 9.01105L0.507793 3.09092C0.348929 2.92508 0.222213 2.7267 0.13504 2.50737C0.0478668 2.28803 0.00198196 2.05212 6.27998e-05 1.81341C-0.00185637 1.5747 0.0402297 1.33797 0.123863 1.11703C0.207496 0.896087 0.331003 0.69536 0.487176 0.52656C0.64335 0.357761 0.829062 0.224269 1.03348 0.133875C1.23789 0.0434804 1.45692 -0.00200644 1.67777 6.78793e-05C1.89863 0.0021422 2.11689 0.0517366 2.31982 0.145957C2.52275 0.240177 2.70629 0.377137 2.85973 0.548845L9.513 7.74001C9.82483 8.07714 10 8.53434 10 9.01105C10 9.48776 9.82483 9.94495 9.513 10.2821L2.85973 17.4732C2.54787 17.8104 2.12486 17.9999 1.68376 18Z\"\n              fill=\"#8062DE\"\n            \/>\n          <\/svg>\n        <\/div>\n      <\/section>\n\n      <!-- ============================================================\n           SECCI\u00d3N: HISTORIA\n           ============================================================ -->\n      <section id=\"historia\">\n        <div class=\"copy-historia\">\n          <p>HISTORIAS DE \u00c9XITO<\/p>\n          <p>\u00bfPor qu\u00e9 m\u00e1s de 500 mil personas nos eligieron?<\/p>\n        <\/div>\n        <div class=\"container-historias\">\n          <script\n            defer\n            async\n            src=\"https:\/\/cdn.trustindex.io\/loader.js?c61bd3534eac43855c9681a36ac\"\n          ><\/script>\n        <\/div>\n      <\/section>\n\n      <!-- ============================================================\n           SECCI\u00d3N: EXPERIENCIA\n           ============================================================ -->\n      <section id=\"experiencia\">\n        <div class=\"container-experiencia\">\n          <p class=\"experiencia-label\">NUESTRA EXPERIENCIA<\/p>\n          <p class=\"experiencia-copy\">\n            M\u00e1s de 16 a\u00f1os creando soluciones para m\u00e1s de 500,000 clientes en 6\n            pa\u00edses\n          <\/p>\n        <\/div>\n      <\/section>\n\n      <!-- ============================================================\n           FOOTER\n           ============================================================ -->\n      <footer>\n        <div class=\"footer-container\">\n          <div class=\"footer-top\">\n            <img decoding=\"async\"\n              class=\"footer-logo\"\n              src=\"https:\/\/gobravoiodev.wpenginepowered.com\/wp-content\/uploads\/2026\/06\/Logo.png\"\n              alt=\"Bravo\"\n            \/>\n            <div class=\"footer-links\">\n              <a class=\"footer-link\" href=\"#\">T\u00e9rminos y condiciones<\/a>\n              <a class=\"footer-link\" href=\"#\">Pol\u00edtica de cookies<\/a>\n              <a class=\"footer-link\" href=\"\/aviso-de-privacidad\"\n                >Aviso de privacidad<\/a\n              >\n              <a\n                class=\"footer-link\"\n                href=\"https:\/\/mailings.resuelve.io\/Bravo\/CO\/Solicitud_Derechos_ARCO_Cobrand.docx.pdf\"\n                target=\"_blank\"\n                >Solicitud ARCO<\/a\n              >\n            <\/div>\n          <\/div>\n          <div class=\"footer-bottom\">\n            <div class=\"footer-text\">\n              Av. Mariano Escobedo 555, Planta Baja, Col. Bosques de\n              Chapultepec, 1a Secci\u00f3n, Alcald\u00eda Miguel Hidalgo, C.P. 11580,\n              Ciudad de M\u00e9xico.\n            <\/div>\n            <div class=\"footer-text\">\n              Sitio 100% seguro. Tu informaci\u00f3n es confidencial y est\u00e1\n              completamente protegida por certificados de seguridad.\n            <\/div>\n            <div class=\"footer-text\">\n              Bravo \u00ae Todos los derechos reservados.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/footer>\n\n      <!-- ============================================================\n           SCRIPT: P\u00c1GINA PRINCIPAL (carrusel notas + trustindex)\n           ============================================================ -->\n      <script>\n        (function () {\n          var wrapper = document.querySelector(\".notas-track-wrapper\");\n          var track = document.getElementById(\"notas-track\");\n          var cards = track.querySelectorAll(\".notas-card\");\n          var total = cards.length;\n          var current = 0;\n\n          function cardWidth() {\n            return wrapper.offsetWidth;\n          }\n\n          function isDesktop() {\n            return window.innerWidth >= 769;\n          }\n\n          function setCardSizes() {\n            if (isDesktop()) {\n              cards.forEach(function (c) {\n                c.style.width = \"\";\n                c.style.minWidth = \"\";\n              });\n              track.style.transform = \"\";\n              return;\n            }\n            var w = cardWidth();\n            cards.forEach(function (c) {\n              c.style.width = w + \"px\";\n              c.style.minWidth = w + \"px\";\n            });\n          }\n\n          function goTo(index) {\n            if (isDesktop()) return;\n            if (index < 0) index = total - 1;\n            if (index >= total) index = 0;\n            current = index;\n            track.style.transform =\n              \"translateX(-\" + current * cardWidth() + \"px)\";\n          }\n\n          setCardSizes();\n          window.addEventListener(\"resize\", function () {\n            setCardSizes();\n            goTo(current);\n          });\n\n          document\n            .querySelector(\".notas-arrow--left\")\n            .addEventListener(\"click\", function () {\n              goTo(current - 1);\n            });\n          document\n            .querySelector(\".notas-arrow--right\")\n            .addEventListener(\"click\", function () {\n              goTo(current + 1);\n            });\n        })();\n\n        window.addEventListener(\"load\", function () {\n          var s = document.createElement(\"style\");\n          s.textContent =\n            \".ti-widget .ti-review-item { padding: 40px 25px !important; }\" +\n            \".ti-widget { margin-top: 0 !important; padding-top: 0 !important; }\";\n          document.head.appendChild(s);\n        });\n      <\/script>\n\n      <!-- ============================================================\n           SCRIPT: FORMULARIO\n           ============================================================ -->\n      <script>\n        (function () {\n          var trigger = document.getElementById(\"entidades-trigger\");\n          var popover = document.getElementById(\"entidades-popover\");\n          var scroll = document.getElementById(\"entidades-scroll\");\n          var loaded = false;\n          var CATS = [\n            { key: \"banks\", label: \"Bancos\" },\n            { key: \"stores\", label: \"Tiendas\" },\n            { key: \"financial\", label: \"Financieras\" },\n            { key: \"auto\", label: \"Autos\" },\n          ];\n          var FALLBACK = {\n            banks: [\n              \"Afirme\",\n              \"Amex\",\n              \"Banamex\",\n              \"Banco del Bajio\",\n              \"Banorte\",\n              \"Banregio\",\n              \"BBVA\",\n              \"BNP\",\n              \"Bradescard\",\n              \"Compartamos\",\n              \"CREDOMATIC\",\n              \"Didi Prestamos\",\n              \"Exitus\",\n              \"GRAFENO\",\n              \"HSBC\",\n              \"Inbursa\",\n              \"INVEX\",\n              \"Kubo\",\n              \"La Tasa\",\n              \"Mercado Cr\u00e9dito\",\n              \"Nu Mexico\",\n              \"RappiCard\",\n              \"Santander\",\n              \"Scotiabank\",\n            ],\n            stores: [\n              \"Bodega Aurrera\",\n              \"C&A\",\n              \"Liverpool\",\n              \"Palacio de Hierro\",\n              \"Sams\",\n              \"Sanborns\",\n              \"SEARS\",\n              \"Soriana Falabella\",\n              \"Suburbia\",\n              \"Walmart\",\n            ],\n            financial: [\n              \"Afluenta\",\n              \"Creditea\",\n              \"Cr\u00e9dito Familiar\",\n              \"Dimex\",\n              \"Exitus Nomina\",\n              \"Kueski\",\n              \"Yo te presto\",\n            ],\n            auto: [\n              \"Banamex ALS\",\n              \"Banorte\",\n              \"BBVA\",\n              \"BNP\",\n              \"GM Financial\",\n              \"HSBC\",\n              \"NR Finance\",\n              \"Santander\",\n              \"Scotiabank\",\n            ],\n          };\n\n          function renderEntidades(entities) {\n            var html = \"\";\n            CATS.forEach(function (cat) {\n              var items = entities[cat.key];\n              if (!items || !items.length) return;\n              html +=\n                '<p class=\"entidades-cat-title\">' +\n                cat.label +\n                '<\/p><ul class=\"entidades-list\">';\n              items.forEach(function (item) {\n                html += \"<li>\" + item + \"<\/li>\";\n              });\n              html += \"<\/ul>\";\n            });\n            scroll.innerHTML = html;\n          }\n\n          function fetchEntidades() {\n            if (loaded) return;\n            fetch(\n              \"https:\/\/gobravo.io\/wp-json\/catalog_api\/v1\/institutions?country=mx\",\n            )\n              .then(function (r) {\n                return r.json();\n              })\n              .then(function (data) {\n                loaded = true;\n                renderEntidades(data[0].entities);\n              })\n              .catch(function () {\n                loaded = true;\n                renderEntidades(FALLBACK);\n              });\n          }\n\n          trigger.addEventListener(\"click\", function (e) {\n            e.stopPropagation();\n            var isOpen = popover.classList.toggle(\"open\");\n            if (isOpen) {\n              fetchEntidades();\n              if (window.dataLayer) dataLayer.push({ event: \"entidades_view\" });\n            }\n          });\n          document.addEventListener(\"click\", function () {\n            popover.classList.remove(\"open\");\n          });\n          popover.addEventListener(\"click\", function (e) {\n            e.stopPropagation();\n          });\n        })();\n\n        document.getElementById(\"phone\").addEventListener(\"input\", function () {\n          this.value = this.value.replace(\/\\D\/g, \"\").substring(0, 10);\n        });\n\n        document\n          .getElementById(\"fname\")\n          .addEventListener(\"change\", function () {\n            localStorage.setItem(\"Nombre\", this.value);\n            if (window.dataLayer) dataLayer.push({ Nombre: this.value });\n          });\n        document\n          .getElementById(\"lname\")\n          .addEventListener(\"change\", function () {\n            localStorage.setItem(\"Apellido\", this.value);\n            if (window.dataLayer) dataLayer.push({ Apellido: this.value });\n          });\n        document\n          .getElementById(\"phone\")\n          .addEventListener(\"change\", function () {\n            localStorage.setItem(\"Telefono\", this.value);\n            if (window.dataLayer) dataLayer.push({ Telefono: this.value });\n          });\n        document\n          .getElementById(\"email\")\n          .addEventListener(\"change\", function () {\n            localStorage.setItem(\"email\", this.value);\n            if (window.dataLayer) dataLayer.push({ email: this.value });\n          });\n        document\n          .querySelectorAll('input[name=\"deuda_supera\"]')\n          .forEach(function (radio) {\n            radio.addEventListener(\"change\", function () {\n              document.querySelectorAll(\".deuda-card\").forEach(function (c) {\n                c.classList.remove(\"selected\");\n              });\n              this.closest(\".deuda-card\").classList.add(\"selected\");\n              document\n                .querySelector(\".deuda-cards\")\n                .classList.remove(\"invalid\");\n              localStorage.setItem(\"Deuda\", this.value);\n              if (window.dataLayer) dataLayer.push({ Deuda: this.value });\n            });\n          });\n        document\n          .getElementById(\"privacy_agreement\")\n          .addEventListener(\"change\", function () {\n            localStorage.setItem(\"privacyAgreement\", this.checked);\n          });\n\n        function validateForm() {\n          var fname = document.getElementById(\"fname\").value.trim();\n          var lname = document.getElementById(\"lname\").value.trim();\n          var phone = document.getElementById(\"phone\").value.trim();\n          var email = document.getElementById(\"email\").value.trim();\n          var deudaSelected = document.querySelector(\n            'input[name=\"deuda_supera\"]:checked',\n          );\n          var privacyAgreement =\n            document.getElementById(\"privacy_agreement\").checked;\n\n          if (!fname) {\n            alert(\"Por favor, ingresa tu nombre\");\n            return false;\n          }\n          if (!lname) {\n            alert(\"Por favor, ingresa tus apellidos\");\n            return false;\n          }\n          if (phone.length !== 10) {\n            alert(\"Ingresa tu tel\u00e9fono a 10 d\u00edgitos\");\n            return false;\n          }\n          if (!email) {\n            alert(\"Por favor, ingresa tu correo electr\u00f3nico\");\n            return false;\n          }\n          if (!deudaSelected) {\n            document.querySelector(\".deuda-cards\").classList.add(\"invalid\");\n            document\n              .querySelector(\".deuda-cards\")\n              .scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n            return false;\n          }\n          if (!privacyAgreement) {\n            alert(\"Acepta los t\u00e9rminos y condiciones para continuar\");\n            return false;\n          }\n          return true;\n        }\n\n        function submitForm(e) {\n          e.preventDefault();\n          if (!validateForm()) return;\n\n          var cid = localStorage.getItem(\"Gcid\");\n          var debt_amount = document.querySelector(\n            'input[name=\"deuda_supera\"]:checked',\n          ).value;\n          var url = new URL(window.location.href);\n          var source = url.searchParams.get(\"utm_source\");\n          var medium = url.searchParams.get(\"utm_medium\");\n          var campaign = url.searchParams.get(\"utm_campaign\");\n          var adname = url.searchParams.get(\"utm_adname\");\n          var term = url.searchParams.get(\"utm_term\");\n          var channel = url.searchParams.get(\"utm_channel\");\n          var click_id =\n            localStorage.getItem(\"taboola_clickid\") ||\n            localStorage.getItem(\"mgid_clickid\");\n          var privacyAgreement =\n            document.getElementById(\"privacy_agreement\").checked;\n          var assignment = \"dealer_mx\";\n          var variant = \"form_s_slim\";\n\n          var data = JSON.stringify({\n            record: {\n              data: {\n                system_id: 1,\n                user: {\n                  names: document.getElementById(\"fname\").value.trim(),\n                  first_surname: document.getElementById(\"lname\").value.trim(),\n                  second_surname: \"\",\n                  email: document.getElementById(\"email\").value.trim(),\n                  phone: document.getElementById(\"phone\").value.trim(),\n                  mobile: document.getElementById(\"phone\").value.trim(),\n                  country: \"MX\",\n                  state: \"\",\n                  postal_code: \"\",\n                  contact_by: \"\",\n                  contact_by_wa: \"\",\n                  terms_conditions: privacyAgreement,\n                },\n                debts: [{ debt_amount: debt_amount, months_behind: \"\" }],\n                mkt: {\n                  landing: url,\n                  external_id: click_id,\n                  utm_assignment: assignment,\n                  utm_source: source,\n                  utm_campaign: campaign,\n                  utm_medium: medium,\n                  utm_channel: channel,\n                  utm_adname: adname,\n                  utm_term: term,\n                  gcid: cid,\n                  user_agent: window.navigator.userAgent,\n                  utm_variant: variant,\n                  event_id: cid,\n                },\n              },\n            },\n          });\n\n          var btn = document.getElementById(\"listo1\");\n          btn.disabled = true;\n          btn.classList.add(\"loading\");\n          btn.textContent = \"Enviando\u2026\";\n\n          fetch(\"https:\/\/opportunitex.resuelve.io\/api\/records\", {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application\/json\" },\n            body: data,\n          })\n            .then(function (response) {\n              return response.json();\n            })\n            .then(function (response) {\n              var ctc = response.record.data.click_to_call;\n              var nueva = new URL(\n                ctc === true\n                  ? \"https:\/\/www.asesoriaconbravo.mx\/bienvenido-ctc\/\"\n                  : \"https:\/\/www.asesoriaconbravo.mx\/bienvenido\",\n              );\n              url.searchParams.forEach(function (value, key) {\n                nueva.searchParams.append(key, value);\n              });\n              nueva.searchParams.set(\"utm_variant\", variant);\n              window.location.replace(nueva.toString());\n            })\n            .catch(function () {\n              btn.disabled = false;\n              btn.classList.remove(\"loading\");\n              btn.textContent = \"Enviar\";\n              alert(\"Ocurri\u00f3 un error al enviar. Por favor intenta de nuevo.\");\n            });\n        }\n      <\/script>\n    <\/div>\n  <\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>asesoriaNuevo CONSULTA TU CASO, Y OBT\u00c9N ASESOR\u00cdA GRATUITA Cuenta con Bravo 15 a\u00f1os de experiencia para ayudarte a tener tranquilidad y retomar el control. Nombre Apellidos Tel\u00e9fono Correo electr\u00f3nico \u00bfDebes m\u00e1s de $50,000 pesos a alguna de estas entidades \u24d8? Entidades aceptadas Cargando\u2026 S\u00ed +$50,000 No -$50,000 Selecciona una opci\u00f3n para continuar Acepto el Aviso &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_genesis_block_theme_hide_title":true,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry","post","without-featured-image"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":45,"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/dev.medios.bravocredito.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}