{"id":10425,"date":"2026-09-30T16:53:55","date_gmt":"2026-09-30T21:53:55","guid":{"rendered":"https:\/\/www.mymtravel.com\/?page_id=10425"},"modified":"2026-09-30T18:11:24","modified_gmt":"2026-09-30T23:11:24","slug":"pantalla-2-codigo-de-verificacion","status":"publish","type":"page","link":"https:\/\/www.mymtravel.com\/es\/pantalla-2-codigo-de-verificacion\/","title":{"rendered":"C\u00f3digo de verificaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10425\" class=\"elementor elementor-10425\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d8aace elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d8aace\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebd7ce7\" data-id=\"ebd7ce7\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;avante_ext_is_scrollme&quot;:&quot;false&quot;,&quot;avante_ext_is_smoove&quot;:&quot;false&quot;,&quot;avante_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;avante_ext_is_infinite&quot;:&quot;false&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f27d88 elementor-widget elementor-widget-html\" data-id=\"8f27d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;avante_ext_is_scrollme&quot;:&quot;false&quot;,&quot;avante_ext_is_smoove&quot;:&quot;false&quot;,&quot;avante_ext_is_parallax_mouse&quot;:&quot;false&quot;,&quot;avante_ext_is_infinite&quot;:&quot;false&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"inside-screen-2\">\r\n\r\n    <!-- DECORACI\u00d3N DE FONDO -->\r\n\r\n    <div class=\"inside-flight-path inside-flight-left\">\r\n        <svg viewBox=\"0 0 520 430\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path\r\n                d=\"M20 70\r\n                   C140 10 230 60 180 145\r\n                   C130 230 40 175 100 275\r\n                   C170 390 330 420 500 380\"\r\n                fill=\"none\"\r\n                stroke=\"#C9D4FF\"\r\n                stroke-width=\"4\"\r\n                stroke-linecap=\"round\"\r\n                stroke-dasharray=\"14 14\"\r\n            \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"inside-flight-path inside-flight-right\">\r\n        <svg viewBox=\"0 0 520 430\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path\r\n                d=\"M500 45\r\n                   C380 15 320 90 375 170\r\n                   C425 245 490 200 430 300\r\n                   C375 390 220 410 20 365\"\r\n                fill=\"none\"\r\n                stroke=\"#C9D4FF\"\r\n                stroke-width=\"4\"\r\n                stroke-linecap=\"round\"\r\n                stroke-dasharray=\"14 14\"\r\n            \/>\r\n        <\/svg>\r\n    <\/div>\r\n\r\n\r\n    <!-- TARJETA PRINCIPAL -->\r\n\r\n    <div class=\"inside-code-card\">\r\n\r\n\r\n        <!-- ICONO DE CORREO ENVI\u00c1NDOSE -->\r\n\r\n        <div class=\"inside-mail-illustration\">\r\n\r\n            <div class=\"inside-mail-circle\"><\/div>\r\n\r\n\r\n            <!-- L\u00cdNEAS DE MOVIMIENTO -->\r\n\r\n            <span class=\"inside-mail-speed speed-1\"><\/span>\r\n            <span class=\"inside-mail-speed speed-2\"><\/span>\r\n            <span class=\"inside-mail-speed speed-3\"><\/span>\r\n\r\n\r\n            <!-- SOBRE -->\r\n\r\n            <div class=\"inside-envelope\">\r\n\r\n                <div class=\"inside-envelope-back\"><\/div>\r\n\r\n                <div class=\"inside-envelope-front\">\r\n\r\n                    <span class=\"inside-envelope-line\"><\/span>\r\n\r\n                    <span class=\"inside-envelope-line line-two\"><\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- AVI\u00d3N DE PAPEL -->\r\n\r\n            <div class=\"inside-paper-plane\">\r\n\r\n                <svg\r\n                    viewBox=\"0 0 64 64\"\r\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                >\r\n\r\n                    <path\r\n                        d=\"M7 30L57 7L40 55L29 36L7 30Z\"\r\n                        fill=\"#5170FF\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M29 36L57 7L34 39\"\r\n                        fill=\"#6E88FF\"\r\n                    \/>\r\n\r\n                    <path\r\n                        d=\"M29 36L31 51L40 55L38 35\"\r\n                        fill=\"#3F5CE8\"\r\n                    \/>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DESTELLOS -->\r\n\r\n            <span class=\"inside-mail-spark spark-one\"><\/span>\r\n            <span class=\"inside-mail-spark spark-two\"><\/span>\r\n            <span class=\"inside-mail-spark spark-three\"><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- T\u00cdTULO -->\r\n\r\n        <h1>\r\n            REVISA TU CORREO\r\n        <\/h1>\r\n\r\n\r\n        <!-- DESCRIPCI\u00d3N -->\r\n\r\n        <p class=\"inside-code-description\">\r\n\r\n            Enviamos un c\u00f3digo de 6 d\u00edgitos a tu correo\r\n            corporativo. Ingr\u00e9salo para abrir tu\r\n            Pasaporte Inside.\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- CORREO DESTINATARIO -->\r\n\r\n        <div class=\"inside-code-email\">\r\n\r\n            <span class=\"inside-email-small\">\r\n                C\u00d3DIGO ENVIADO A\r\n            <\/span>\r\n\r\n            <strong>\r\n                nombre@empresa.com\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- C\u00d3DIGO -->\r\n\r\n        <div class=\"inside-code-inputs\">\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 1\"\r\n            >\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 2\"\r\n            >\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 3\"\r\n            >\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 4\"\r\n            >\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 5\"\r\n            >\r\n\r\n            <input\r\n                type=\"text\"\r\n                maxlength=\"1\"\r\n                inputmode=\"numeric\"\r\n                aria-label=\"D\u00edgito 6\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BOT\u00d3N -->\r\n\r\n        <button\r\n            type=\"button\"\r\n            class=\"inside-code-button\"\r\n        >\r\n\r\n            <span>\r\n                VERIFICAR Y CONTINUAR\r\n            <\/span>\r\n\r\n            <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n            >\r\n\r\n                <path\r\n                    d=\"M5 12H19\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                \/>\r\n\r\n                <path\r\n                    d=\"M14 7L19 12L14 17\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                \/>\r\n\r\n            <\/svg>\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- REENVIAR -->\r\n\r\n        <p class=\"inside-resend\">\r\n\r\n            \u00bfNo recibiste el c\u00f3digo?\r\n\r\n            <a href=\"#\">\r\n                Reenviar c\u00f3digo\r\n            <\/a>\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- VIGENCIA -->\r\n\r\n        <p class=\"inside-code-note\">\r\n\r\n            El c\u00f3digo es v\u00e1lido durante\r\n            <strong>10 minutos.<\/strong>\r\n\r\n        <\/p>\r\n\r\n\r\n        <!-- PROGRESO -->\r\n\r\n        <div class=\"inside-progress\">\r\n\r\n            <span class=\"inside-progress-active\"><\/span>\r\n\r\n            <span class=\"inside-progress-active\"><\/span>\r\n\r\n            <span><\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   PANTALLA 2\r\n   ========================================================= *\/\r\n\r\n.inside-screen-2 {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 760px;\r\n\r\n    padding: 70px 20px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 20% 30%,\r\n            rgba(81,112,255,.08),\r\n            transparent 28%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 80% 70%,\r\n            rgba(81,112,255,.07),\r\n            transparent 30%\r\n        ),\r\n\r\n        #ffffff;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RUTAS DECORATIVAS\r\n   ========================================================= *\/\r\n\r\n.inside-flight-path {\r\n\r\n    position: absolute;\r\n\r\n    width: 520px;\r\n\r\n    height: 430px;\r\n\r\n    pointer-events: none;\r\n\r\n    opacity: .9;\r\n}\r\n\r\n\r\n.inside-flight-path svg {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n.inside-flight-left {\r\n\r\n    left: -100px;\r\n\r\n    bottom: -20px;\r\n}\r\n\r\n\r\n.inside-flight-right {\r\n\r\n    right: -100px;\r\n\r\n    bottom: -15px;\r\n\r\n    transform:\r\n        rotate(2deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARJETA\r\n   ========================================================= *\/\r\n\r\n.inside-code-card {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 760px;\r\n\r\n    padding:\r\n        48px\r\n        80px\r\n        42px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 30px;\r\n\r\n    box-shadow:\r\n        0 25px 70px\r\n        rgba(31,45,75,.11);\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ILUSTRACI\u00d3N DE CORREO\r\n   ========================================================= *\/\r\n\r\n.inside-mail-illustration {\r\n\r\n    position: relative;\r\n\r\n    width: 190px;\r\n\r\n    height: 175px;\r\n\r\n    margin:\r\n        0 auto 8px;\r\n\r\n}\r\n\r\n\r\n\/* C\u00cdRCULO *\/\r\n\r\n.inside-mail-circle {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    top: 12px;\r\n\r\n    width: 105px;\r\n\r\n    height: 105px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #EEF1FF;\r\n}\r\n\r\n\r\n\/* SOBRE *\/\r\n\r\n.inside-envelope {\r\n\r\n    position: absolute;\r\n\r\n    left: 50%;\r\n\r\n    top: 38px;\r\n\r\n    width: 105px;\r\n\r\n    height: 75px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 8px 10px\r\n            rgba(81,112,255,.12)\r\n        );\r\n}\r\n\r\n\r\n\/* PARTE TRASERA *\/\r\n\r\n.inside-envelope-back {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border-radius: 7px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF 0%,\r\n            #EEF2FF 100%\r\n        );\r\n\r\n    border:\r\n        2px solid\r\n        #D6DFFF;\r\n\r\n}\r\n\r\n\r\n\/* FRENTE *\/\r\n\r\n.inside-envelope-front {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    height: 54px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius:\r\n        0 0 7px 7px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #FFFFFF,\r\n            #EAF0FF\r\n        );\r\n\r\n    border-top:\r\n        1px solid\r\n        #D7DFFF;\r\n}\r\n\r\n\r\n\/* PLIEGUES *\/\r\n\r\n.inside-envelope-front::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -3px;\r\n\r\n    top: -25px;\r\n\r\n    width: 76px;\r\n\r\n    height: 55px;\r\n\r\n    border-right:\r\n        2px solid\r\n        #C8D4FF;\r\n\r\n    transform:\r\n        rotate(-42deg);\r\n}\r\n\r\n\r\n.inside-envelope-front::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -3px;\r\n\r\n    top: -25px;\r\n\r\n    width: 76px;\r\n\r\n    height: 55px;\r\n\r\n    border-left:\r\n        2px solid\r\n        #C8D4FF;\r\n\r\n    transform:\r\n        rotate(42deg);\r\n}\r\n\r\n\r\n\/* L\u00cdNEAS DEL SOBRE *\/\r\n\r\n.inside-envelope-line {\r\n\r\n    position: absolute;\r\n\r\n    left: 25px;\r\n\r\n    bottom: 17px;\r\n\r\n    width: 55px;\r\n\r\n    height: 3px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #D3DCFF;\r\n}\r\n\r\n\r\n.inside-envelope-line.line-two {\r\n\r\n    left: 35px;\r\n\r\n    bottom: 9px;\r\n\r\n    width: 38px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AVI\u00d3N\r\n   ========================================================= *\/\r\n\r\n.inside-paper-plane {\r\n\r\n    position: absolute;\r\n\r\n    right: 13px;\r\n\r\n    top: 16px;\r\n\r\n    width: 48px;\r\n\r\n    height: 48px;\r\n\r\n    transform:\r\n        rotate(5deg);\r\n\r\n}\r\n\r\n\r\n.inside-paper-plane svg {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    filter:\r\n        drop-shadow(\r\n            0 7px 8px\r\n            rgba(81,112,255,.18)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   L\u00cdNEAS DE VELOCIDAD\r\n   ========================================================= *\/\r\n\r\n.inside-mail-speed {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    height: 4px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: #BFCBFF;\r\n\r\n}\r\n\r\n\r\n.speed-1 {\r\n\r\n    left: 12px;\r\n\r\n    top: 67px;\r\n\r\n    width: 31px;\r\n\r\n}\r\n\r\n\r\n.speed-2 {\r\n\r\n    left: 3px;\r\n\r\n    top: 80px;\r\n\r\n    width: 23px;\r\n\r\n}\r\n\r\n\r\n.speed-3 {\r\n\r\n    left: 18px;\r\n\r\n    top: 93px;\r\n\r\n    width: 18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESTELLOS\r\n   ========================================================= *\/\r\n\r\n.inside-mail-spark {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    width: 8px;\r\n\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #5170FF;\r\n\r\n}\r\n\r\n\r\n.spark-one {\r\n\r\n    right: 19px;\r\n\r\n    top: 4px;\r\n}\r\n\r\n\r\n.spark-two {\r\n\r\n    right: 1px;\r\n\r\n    top: 29px;\r\n\r\n    width: 5px;\r\n\r\n    height: 5px;\r\n}\r\n\r\n\r\n.spark-three {\r\n\r\n    left: 43px;\r\n\r\n    top: 21px;\r\n\r\n    width: 5px;\r\n\r\n    height: 5px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   T\u00cdTULO\r\n   ========================================================= *\/\r\n\r\n.inside-code-card h1 {\r\n\r\n    margin:\r\n        0 0 14px;\r\n\r\n    color: #111A35;\r\n\r\n    font-size: 38px;\r\n\r\n    line-height: 1.15;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -.7px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPCI\u00d3N\r\n   ========================================================= *\/\r\n\r\n.inside-code-description {\r\n\r\n    max-width: 600px;\r\n\r\n    margin:\r\n        0 auto 27px;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMAIL\r\n   ========================================================= *\/\r\n\r\n.inside-code-email {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 590px;\r\n\r\n    margin:\r\n        0 auto 27px;\r\n\r\n    padding:\r\n        13px\r\n        20px;\r\n\r\n    border:\r\n        1px solid\r\n        #DCE4FF;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        #F7F9FF;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.inside-email-small {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: #7B87A3;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .8px;\r\n}\r\n\r\n\r\n.inside-code-email strong {\r\n\r\n    display: block;\r\n\r\n    color: #101828;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 700;\r\n\r\n    word-break: break-word;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAMPOS OTP\r\n   ========================================================= *\/\r\n\r\n.inside-code-inputs {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin:\r\n        0 auto 24px;\r\n}\r\n\r\n\r\n.inside-code-inputs input {\r\n\r\n    width: 68px;\r\n\r\n    height: 72px;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        2px solid\r\n        #D3D9E7;\r\n\r\n    border-radius: 12px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #101828;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 29px;\r\n\r\n    font-weight: 800;\r\n\r\n    text-align: center;\r\n\r\n    outline: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n    transition:\r\n        border-color .2s ease,\r\n        box-shadow .2s ease,\r\n        transform .2s ease;\r\n}\r\n\r\n\r\n.inside-code-inputs input:hover {\r\n\r\n    border-color:\r\n        #B8C3DD;\r\n}\r\n\r\n\r\n.inside-code-inputs input:focus {\r\n\r\n    border-color:\r\n        #5170FF;\r\n\r\n    box-shadow:\r\n        0 0 0 4px\r\n        rgba(\r\n            81,\r\n            112,\r\n            255,\r\n            .11\r\n        );\r\n\r\n    transform:\r\n        translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOT\u00d3N\r\n   ========================================================= *\/\r\n\r\n.inside-code-button {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 590px;\r\n\r\n    min-height: 58px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    padding:\r\n        0 25px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    border: none;\r\n\r\n    border-radius: 13px;\r\n\r\n    background:\r\n        #5170FF;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family:\r\n        \"Montserrat\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .25px;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(\r\n            81,\r\n            112,\r\n            255,\r\n            .25\r\n        );\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        background .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n\r\n.inside-code-button:hover {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    background:\r\n        #405DE8;\r\n\r\n    box-shadow:\r\n        0 16px 32px\r\n        rgba(\r\n            81,\r\n            112,\r\n            255,\r\n            .30\r\n        );\r\n}\r\n\r\n\r\n.inside-code-button svg {\r\n\r\n    width: 20px;\r\n\r\n    height: 20px;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REENVIAR\r\n   ========================================================= *\/\r\n\r\n.inside-resend {\r\n\r\n    margin:\r\n        22px 0 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.inside-resend a {\r\n\r\n    color: #5170FF;\r\n\r\n    font-weight: 800;\r\n\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n.inside-resend a:hover {\r\n\r\n    text-decoration: underline;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VIGENCIA\r\n   ========================================================= *\/\r\n\r\n.inside-code-note {\r\n\r\n    margin:\r\n        14px 0 0;\r\n\r\n    color: #98A2B3;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n.inside-code-note strong {\r\n\r\n    color: #667085;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESO\r\n   ========================================================= *\/\r\n\r\n.inside-progress {\r\n\r\n    margin:\r\n        28px auto 0;\r\n\r\n    padding-top:\r\n        21px;\r\n\r\n    border-top:\r\n        1px solid\r\n        #EEF0F5;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n    max-width: 590px;\r\n}\r\n\r\n\r\n.inside-progress span {\r\n\r\n    display: block;\r\n\r\n    width: 8px;\r\n\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        #D8DEEB;\r\n}\r\n\r\n\r\n.inside-progress span.inside-progress-active {\r\n\r\n    width: 25px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        #5170FF;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .inside-screen-2 {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            50px\r\n            15px;\r\n    }\r\n\r\n\r\n    .inside-flight-path {\r\n\r\n        opacity: .45;\r\n    }\r\n\r\n\r\n    .inside-code-card {\r\n\r\n        padding:\r\n            42px\r\n            35px\r\n            38px;\r\n    }\r\n\r\n\r\n    .inside-code-card h1 {\r\n\r\n        font-size: 32px;\r\n    }\r\n\r\n\r\n    .inside-code-inputs {\r\n\r\n        gap: 8px;\r\n    }\r\n\r\n\r\n    .inside-code-inputs input {\r\n\r\n        width: 58px;\r\n\r\n        height: 64px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 520px) {\r\n\r\n    .inside-screen-2 {\r\n\r\n        padding:\r\n            30px\r\n            12px;\r\n    }\r\n\r\n\r\n    .inside-code-card {\r\n\r\n        padding:\r\n            34px\r\n            18px\r\n            30px;\r\n\r\n        border-radius: 21px;\r\n    }\r\n\r\n\r\n    .inside-mail-illustration {\r\n\r\n        transform:\r\n            scale(.90);\r\n\r\n        margin-bottom: 0;\r\n    }\r\n\r\n\r\n    .inside-code-card h1 {\r\n\r\n        font-size: 25px;\r\n\r\n        letter-spacing: -.3px;\r\n    }\r\n\r\n\r\n    .inside-code-description {\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .inside-code-email {\r\n\r\n        padding:\r\n            12px\r\n            14px;\r\n    }\r\n\r\n\r\n    .inside-code-inputs {\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n\r\n    .inside-code-inputs input {\r\n\r\n        width: 43px;\r\n\r\n        height: 53px;\r\n\r\n        font-size: 21px;\r\n\r\n        border-radius: 9px;\r\n    }\r\n\r\n\r\n    .inside-code-button {\r\n\r\n        min-height: 54px;\r\n\r\n        padding:\r\n            0 12px;\r\n\r\n        font-size: 11px;\r\n\r\n        gap: 7px;\r\n    }\r\n\r\n\r\n    .inside-code-button svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n    }\r\n\r\n\r\n    .inside-flight-path {\r\n\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    'DOMContentLoaded',\r\n    function () {\r\n\r\n        const inputs =\r\n            document.querySelectorAll(\r\n                '.inside-code-inputs input'\r\n            );\r\n\r\n\r\n        if (!inputs.length) {\r\n            return;\r\n        }\r\n\r\n\r\n        inputs.forEach(\r\n            function (\r\n                input,\r\n                index\r\n            ) {\r\n\r\n\r\n                input.addEventListener(\r\n                    'input',\r\n                    function () {\r\n\r\n                        this.value =\r\n                            this.value\r\n                            .replace(\r\n                                \/\\D\/g,\r\n                                ''\r\n                            )\r\n                            .slice(\r\n                                0,\r\n                                1\r\n                            );\r\n\r\n\r\n                        if (\r\n                            this.value &&\r\n                            inputs[index + 1]\r\n                        ) {\r\n\r\n                            inputs[\r\n                                index + 1\r\n                            ].focus();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                input.addEventListener(\r\n                    'keydown',\r\n                    function (event) {\r\n\r\n                        if (\r\n                            event.key ===\r\n                                'Backspace' &&\r\n                            !this.value &&\r\n                            inputs[index - 1]\r\n                        ) {\r\n\r\n                            inputs[\r\n                                index - 1\r\n                            ].focus();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                input.addEventListener(\r\n                    'paste',\r\n                    function (event) {\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        const pasted =\r\n                            (\r\n                                event.clipboardData ||\r\n                                window.clipboardData\r\n                            )\r\n                            .getData('text')\r\n                            .replace(\r\n                                \/\\D\/g,\r\n                                ''\r\n                            )\r\n                            .slice(\r\n                                0,\r\n                                6\r\n                            );\r\n\r\n\r\n                        pasted\r\n                            .split('')\r\n                            .forEach(\r\n                                function (\r\n                                    digit,\r\n                                    i\r\n                                ) {\r\n\r\n                                    if (\r\n                                        inputs[i]\r\n                                    ) {\r\n\r\n                                        inputs[i].value =\r\n                                            digit;\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                        if (\r\n                            pasted.length\r\n                        ) {\r\n\r\n                            const target =\r\n                                Math.min(\r\n                                    pasted.length,\r\n                                    inputs.length\r\n                                ) - 1;\r\n\r\n                            inputs[\r\n                                target\r\n                            ].focus();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>REVISA TU CORREO Enviamos un c\u00f3digo de 6 d\u00edgitos a tu correo corporativo. Ingr\u00e9salo para abrir tu Pasaporte Inside. C\u00d3DIGO ENVIADO A nombre@empresa.com VERIFICAR Y CONTINUAR \u00bfNo recibiste el c\u00f3digo? Reenviar c\u00f3digo El c\u00f3digo es v\u00e1lido durante 10 minutos.<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-10425","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/pages\/10425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/comments?post=10425"}],"version-history":[{"count":8,"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/pages\/10425\/revisions"}],"predecessor-version":[{"id":10456,"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/pages\/10425\/revisions\/10456"}],"wp:attachment":[{"href":"https:\/\/www.mymtravel.com\/es\/wp-json\/wp\/v2\/media?parent=10425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}