Custom Size – 2.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1080 1920">
  <defs>
    <style>
      .cls-1, .cls-15, .cls-18, .cls-21 {
        fill: none;
      }

      .cls-2 {
        clip-path: url(#clip-Custom_Size_2);
      }

      .cls-3 {
        fill: #072146;
      }

      .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-4, .cls-5, .cls-7, .cls-8, .cls-9 {
        fill: #fff;
      }

      .cls-4 {
        font-size: 48px;
      }

      .cls-4, .cls-5 {
        font-family: StagSans-Book, Stag Sans;
      }

      .cls-5 {
        font-size: 96px;
      }

      .cls-6, .cls-8 {
        opacity: 0.9;
      }

      .cls-7 {
        font-size: 40px;
        font-family: Roboto-Medium, Roboto;
        font-weight: 500;
      }

      .cls-9 {
        font-size: 113px;
      }

      .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-9 {
        font-family: StagSans-Thin, Stag Sans;
        font-weight: 200;
      }

      .cls-10 {
        font-size: 119px;
      }

      .cls-11 {
        font-size: 118px;
      }

      .cls-12 {
        font-size: 117px;
      }

      .cls-13 {
        font-size: 115px;
      }

      .cls-14 {
        font-size: 116px;
      }

      .cls-15, .cls-18, .cls-21 {
        stroke: #fff;
        stroke-miterlimit: 10;
      }

      .cls-16 {
        clip-path: url(#clip-path);
      }

      .cls-17, .cls-20, .cls-22 {
        opacity: 0.2;
      }

      .cls-17 {
        fill: url(#pattern);
      }

      .cls-18 {
        stroke-width: 1.803px;
      }

      .cls-19 {
        clip-path: url(#clip-path-2);
      }

      .cls-20 {
        fill: url(#pattern-2);
      }

      .cls-21 {
        stroke-width: 2px;
      }

      .cls-22 {
        fill: url(#pattern-3);
      }
    </style>
    <clipPath id="clip-path">
      <rect id="Rectangle_151" data-name="Rectangle 151" class="cls-1" width="72" height="72"/>
    </clipPath>
    <pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 20 21">
      <image width="20" height="21" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfdJREFUeNqslMsvQ0EUxtt7S6l4tULqzaLeobFBiHhGbGwsrP1jtmyIR6wQFhYWYiP1WCBIpB4t8QjF5TvyjUwmrVr0JL+0uTPzzZkz3xmXK8Ph/uO7DbzA0r5/gQ+QAM5/BJWQDwRBA8jTxkUsCo7AQzJht/FfMqoC7SAMBkAhF0p2n+AMrIMIiemitiboATVgEkyDXlAGXsEpuAZZIAQ6QC14Ajec86VEVHY+ZjYBmni0HbAHNrhYxEY4HuYGUoZN8KhnKMLVYAx0gVswD2Y4+YQbXIB9/kqN26gh3+KSpUfLTgb7wQtYBLPgmPVTIVk880L8oA40glZwJeMWdwjyCCXgACwlEVPhUDDCORVgEARc9JiX9uijgNTsPIWYigTFtsAbs81Wgha9VsDabIP7NA3h8Oh35saW5v531jLA20vXYTazskxB5X4xbCVtETQnGmHToyGjk34W6fUQ8WYa159CVHfFkNZJjhJ0aNooB8S0U7wkXdRNv+bTLp2glOsOqfFrbFlUBOo5WUxezMuJUyyXfd4DRsEwE1gGC+BSet3Wbu2JxhWhctZRMsihUAv9NsXs5BJXwZzuWbdRTzliNxhnB1TQZwnNsx98vnbBitkA5nuoPBlkOw1yE9PQazR/zPRhqhdbCQdUBxiliaXppMzFtwADABp/hc7XT9eRAAAAAElFTkSuQmCC"/>
    </pattern>
    <clipPath id="clip-path-2">
      <rect id="Rectangle_148" data-name="Rectangle 148" class="cls-1" width="75" height="72"/>
    </clipPath>
    <pattern id="pattern-2" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 19 22">
      <image width="19" height="22" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZFJREFUeNqslDlLA1EUhWMyaqKCFi5YiPsS3NEi2AgiFoLYWvsLRWwERVFbI6i4NiK4gaZJXAga/S6cgWHMZCMPPt5keHNy7rnvvXCoisOp4JsaiEC9nr8hCzmnApEG6IRhqINHOIO0U4aQOemCSZiGBYjCngSLinnddMMKLMtZq9ZcymFgZv6SxmEGFiEG1/AMPYUakE/ESpqXkwxsqLQJWA8Sy5eLK5JVyMewpYza9f6fmCs0AKvKxhZ/SOQEduAeUlobuM8icmRCa9AHD7CpslwR10lBMevGICxp/oFb2IZT+Cpl/4Q15xSudSitd03QAc3aT+FiYhGfmAm1QJtmC79Wzj/lOKffQzAHb7Bvs+MRs0wOddZeYARGoRduYBcuRLaQMxu/ysbafg536rKVG4dZnQJz/w79kIBXv7OQx6G7+EmiU+pwQmVZJ48k3FjKFeQVTSkvb+lxOY4GlZlvBJUeU3OsIVdwYH9ayhWUr/QxXUF2hpPaCWXdtH7RpL7PKIqKrm1XNB10Aqoy/gQYAOc4btNcPYJZAAAAAElFTkSuQmCC"/>
    </pattern>
    <pattern id="pattern-3" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 20 21">
      <image width="20" height="21" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNrslDEKwjAYhWtIVbCZnBTcO4sX6ObsAXor7+A1vICTFIRCV5c6iIMUW32RFykZbCKOffAhVPI1v/i/IPhzBq1PCYZAeJx/ggeoQGNEmjFYgBhEHkItO4MMXLRU8mZatgFroMzbHKarQQ52YA+uZsyYsjk46S8chCGYgRUowdEIBcdUlG1B4SCcgASkYMqLvcc1aXizguKuKE5WtR+Kf/9temEv/CHS2s2QG6AczkYsFWELTQXV3M2EG9AVLVva7SRbFZRz0VN7nb78XFo2AnfTUJKHM1ZQyUX3iZYdwK3d2OZtn9bwSENZ6TiZX14CDAAM0zEOimzZ8gAAAABJRU5ErkJggg=="/>
    </pattern>
    <clipPath id="clip-Custom_Size_2">
      <rect width="1080" height="1920"/>
    </clipPath>
  </defs>
  <g id="Custom_Size_2" data-name="Custom Size – 2" class="cls-2">
    <g id="Group_286" data-name="Group 286" transform="translate(0 0.144)">
      <rect id="Tutoriales_del_producto_1_" class="cls-3" width="1080" height="1920.96"/>
    </g>
    <text id="Ingresa_tu_código_de_acceso_a_Bancomer_móvil" data-name="Ingresa tu código de acceso
a Bancomer móvil" class="cls-4" transform="translate(539.573 432.496)"><tspan x="-291.48" y="0">Ingresa tu código de acceso</tspan><tspan x="-188.784" y="60">a Bancomer móvil</tspan></text>
    <text id="BBVA_flow" data-name="BBVA flow" class="cls-5" transform="translate(552 326)"><tspan x="-212.832" y="0">BBVA flow</tspan></text>
    <g id="sysbar_icons">
      <rect id="sysbar" class="cls-1" width="354" height="72" transform="translate(726)"/>
      <g id="Group_284" data-name="Group 284" class="cls-6" transform="translate(934.595 12)">
        <rect id="Rectangle_156" data-name="Rectangle 156" class="cls-1" width="120" height="48" transform="translate(0 3)"/>
        <text id="_12:30" data-name="12:30" class="cls-7" transform="translate(13.405 37)"><tspan x="0" y="0">12:30</tspan></text>
      </g>
      <g id="sysbar_wifi" data-name="sysbar wifi" transform="translate(771.57 12)">
        <g id="Group_285" data-name="Group 285" class="cls-6" transform="translate(0 3)">
          <path id="Path_78" data-name="Path 78" class="cls-8" d="M26.4,43,52.8,10.3C51.9,9.4,41.7,1,26.4,1S.9,9.4,0,10.3L26.4,43Z" transform="translate(0 -1)"/>
        </g>
        <rect id="Rectangle_157" data-name="Rectangle 157" class="cls-1" width="48" height="48" transform="translate(2.4)"/>
      </g>
      <g id="sysbar_status" data-name="sysbar status" transform="translate(828 12)">
        <path id="Path_79" data-name="Path 79" class="cls-8" d="M19.8,43h42V1Z" transform="translate(-16.8 2)"/>
        <rect id="Rectangle_158" data-name="Rectangle 158" class="cls-1" width="48" height="48" transform="translate(0)"/>
      </g>
      <g id="sysbar_battery" data-name="sysbar battery" transform="translate(888 12)">
        <rect id="Rectangle_159" data-name="Rectangle 159" class="cls-1" width="48" height="48" transform="translate(0)"/>
        <path id="Path_80" data-name="Path 80" class="cls-8" d="M60.8,4V1h-9V4h-9V43h27V4Z" transform="translate(-30.8 2)"/>
      </g>
    </g>
    <g id="Group_287" data-name="Group 287" transform="translate(73 793.5)">
      <text id="_1" data-name="1" class="cls-9" transform="translate(140 214.5)"><tspan x="0" y="0">1</tspan></text>
      <g id="Group_296" data-name="Group 296">
        <text id="_2" data-name="2" class="cls-10" transform="translate(449 219.5)"><tspan x="0" y="0">2</tspan></text>
      </g>
      <text id="_3" data-name="3" class="cls-11" transform="translate(773 218.5)"><tspan x="0" y="0">3</tspan></text>
      <text id="_4" data-name="4" class="cls-10" transform="translate(125 426.5)"><tspan x="0" y="0">4</tspan></text>
      <text id="_5" data-name="5" class="cls-12" transform="translate(449 425.5)"><tspan x="0" y="0">5</tspan></text>
      <text id="_6" data-name="6" class="cls-13" transform="translate(768 423.5)"><tspan x="0" y="0">6</tspan></text>
      <text id="_7" data-name="7" class="cls-11" transform="translate(127 633.5)"><tspan x="0" y="0">7</tspan></text>
      <text id="_8" data-name="8" class="cls-12" transform="translate(446 633.5)"><tspan x="0" y="0">8</tspan></text>
      <text id="_0" data-name="0" class="cls-10" transform="translate(441 841.5)"><tspan x="0" y="0">0</tspan></text>
      <text id="_9" data-name="9" class="cls-14" transform="translate(768 632.5)"><tspan x="0" y="0">9</tspan></text>
      <line id="Line_1" data-name="Line 1" class="cls-15" x2="698.88" transform="translate(128 0.5)"/>
      <rect id="Rectangle_196" data-name="Rectangle 196" class="cls-1" width="960" height="862.72" transform="translate(0 0.5)"/>
    </g>
    <g id="navbar">
      <rect id="rectangle" width="1080" height="144" transform="translate(0 1776)"/>
      <g id="navbar_x5F_mobile_copy" transform="translate(504 1812)">
        <g id="Group_279" data-name="Group 279" class="cls-16">
          <g id="Group_278" data-name="Group 278" class="cls-6" transform="translate(8.348 8.348)">
            <rect id="Rectangle_149" data-name="Rectangle 149" class="cls-17" width="57" height="60"/>
            <g id="Group_277" data-name="Group 277" transform="translate(6.952 6.952)">
              <circle id="Ellipse_9" data-name="Ellipse 9" class="cls-18" cx="20.7" cy="20.7" r="20.7"/>
            </g>
          </g>
          <rect id="Rectangle_150" data-name="Rectangle 150" class="cls-1" width="72" height="72"/>
        </g>
      </g>
      <g id="navbar_x5F_mobile_copy-2" data-name="navbar_x5F_mobile_copy" transform="translate(204 1812)">
        <g id="Group_276" data-name="Group 276" class="cls-19">
          <g id="Group_275" data-name="Group 275" class="cls-6" transform="translate(9 8.361)">
            <rect id="Rectangle_146" data-name="Rectangle 146" class="cls-20" width="54" height="63"/>
            <g id="Group_274" data-name="Group 274" transform="translate(8.196 5.498)">
              <g id="Group_273" data-name="Group 273">
                <path id="Path_75" data-name="Path 75" class="cls-21" d="M42.962,47.761c0,1.2,0,1.5-.9.9l-36-21c-.9-.6-.6-1.5.3-1.8l35.7-21c.9-.6.9,0,.9.9Z" transform="translate(-5.519 -4.619)"/>
              </g>
            </g>
          </g>
          <rect id="Rectangle_147" data-name="Rectangle 147" class="cls-1" width="72" height="72" transform="translate(3)"/>
        </g>
      </g>
      <g id="navbar_x5F_mobile_copy-3" data-name="navbar_x5F_mobile_copy" transform="translate(804 1812)">
        <g id="XMLID_1_" class="cls-16">
          <g id="Group_282" data-name="Group 282" class="cls-6" transform="translate(8.001 8.001)">
            <rect id="Rectangle_152" data-name="Rectangle 152" class="cls-22" width="57" height="60"/>
            <g id="Group_281" data-name="Group 281" transform="translate(6.999 6.999)">
              <g id="Group_280" data-name="Group 280">
                <path id="Path_76" data-name="Path 76" class="cls-21" d="M47,7.1A2.575,2.575,0,0,0,44.6,5H7.4A2.575,2.575,0,0,0,5,7.1V44.9A2.575,2.575,0,0,0,7.4,47H44.6A2.575,2.575,0,0,0,47,44.9Z" transform="translate(-5 -5)"/>
              </g>
            </g>
          </g>
          <rect id="Rectangle_153" data-name="Rectangle 153" class="cls-1" width="72" height="72"/>
        </g>
      </g>
    </g>
  </g>
</svg>