@charset "UTF-8";html,*{font-family:Roboto,sans-serif;font-weight:300;padding:0;margin:0}body{background-color:#f7f8f9!important}h4{font-weight:300!important}.bgazuluno{background:#002e6d}.bgazuldos{background:#001b40}.bco{color:#fff}.azuluno{color:#002e6d}.ficha{background-color:#fff;box-shadow:0 0 7px #00000080;padding:25px 25px 15px;border-radius:12px;margin-top:40px}.ficha h1,.ficha h3{color:#48c7f4;font-weight:300!important}.ficha h5{font-weight:300!important}.ficha h3{margin-top:20px}.display-none{display:none}.btn-disabled{opacity:.5}.msg-error{color:#ff1010;font-size:13px}.input{position:relative;z-index:1;display:inline-block;margin:.5em;max-width:100%;width:calc(100% - 1em);vertical-align:top;font-family:Roboto,sans-serif}.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;margin-top:20px;-webkit-appearance:none}.input__field:focus{outline:none}.input__label{display:inline-block;float:right;padding:0;width:100%;color:#869cb9;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;margin-top:25px}.input__label-content{position:relative;display:block;padding:1em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none;width:90%!important}.icon{color:#ddd;font-size:150%}.input__field--ruri{width:100%;background:transparent;padding:1em 0;margin-bottom:0;color:#002e6d}.input__label--ruri{width:100%;position:absolute;text-align:left;font-size:1em;padding:10px 0 5px;pointer-events:none}.input__label--ruri:after{content:"";position:absolute;width:100%;height:2px;background:#adadad;left:0;top:100%;transform-origin:50% 100%;transition:transform .3s,background-color .3s}.input__label-content--ruri{padding:0;transform-origin:0 0;transition:transform .3s,color .3s}.input__field--ruri:focus+.input__label--ruri:after,.input--filled .input__label--ruri:after{background:#48c7f4;transform:scale3d(1,.7,1)}.input__field--ruri:focus+.input__label--ruri .input__label-content--ruri,.input--filled .input__label--ruri .input__label-content--ruri{color:#869cb9;transform:translate3d(0,-1.6em,0) scale3d(.85,.85,1)}.form-card .field-card:first-of-type{grid-area:name}.form-card .field-card:nth-of-type(2){grid-area:number}.form-card .field-card:nth-of-type(3){grid-area:expiration}.form-card .field-card:nth-of-type(4){grid-area:security}.ccicon{height:38px;position:absolute;right:6px;top:calc(50% - 17px);width:60px;margin-top:0}.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}.card{width:100%;max-width:400px;max-height:251px;height:54vw;padding:20px}#ccsingle{position:absolute;right:15px;top:20px}#ccsingle svg{width:100px;max-height:60px}.creditcard svg#cardfront,.creditcard svg#cardback{width:100%;box-shadow:0 0 6px #000;margin:5px;border-radius:22px}#generatecard{float:right;font-size:12px;color:#fff;padding:2px 4px;border-radius:4px;cursor:pointer}.creditcard .lightcolor,.creditcard .darkcolor{transition:fill .5s}.creditcard .lightblue{fill:#ffece4}.creditcard .lightbluedark{fill:#c04e21}.creditcard .red{fill:#144193}.creditcard .reddark{fill:#327cc3}.creditcard .purple{fill:#23233d}.creditcard .purpledark{fill:#f47216}.creditcard .cyan{fill:#373a41}.creditcard .cyandark{fill:#1b4b80}.creditcard .green{fill:#f5f9ff}.creditcard .greendark{fill:#2b70c8}.creditcard .lime{fill:#dae9ff}.creditcard .limedark{fill:#0e4595}.creditcard .yellow{fill:#ffeb3b}.creditcard .yellowdark{fill:#f9a825}.creditcard .orange{fill:#ff9800}.creditcard .orangedark{fill:#ef6c00}.creditcard .grey{fill:#bdbdbd}.creditcard .greydark{fill:#616161}#svgname{text-transform:uppercase}#cardfront .st2{fill:#fff}#cardfront .st3{font-family:Source Code Pro,monospace;font-weight:600}#cardfront .st4{font-size:54.7817px}#cardfront .st5{font-family:Source Code Pro,monospace;font-weight:400}#cardfront .st6{font-size:33.1112px}#cardfront .st7{opacity:.6;fill:#fff}#cardfront .st8{font-size:24px}#cardfront .st9{font-size:36.5498px}#cardfront .st10{font-family:Source Code Pro,monospace;font-weight:300}#cardfront .st11{font-size:16.1716px}#cardfront .st12{fill:#4c4c4c}#cardback .st0{fill:none;stroke:#0f0f0f;stroke-miterlimit:10}#cardback .st2{fill:#111}#cardback .st3{fill:#f2f2f2}#cardback .st4{fill:#d8d2db}#cardback .st5{fill:#c4c4c4}#cardback .st6{font-family:Source Code Pro,monospace;font-weight:400}#cardback .st7{font-size:27px}#cardback .st8{opacity:.6}#cardback .st9{fill:#fff}#cardback .st10{font-size:24px}#cardback .st11{fill:#eaeaea}#cardback .st12{font-family:Rock Salt,cursive}#cardback .st13{font-size:37.769px}.card{perspective:1000px}.creditcard{float:right;width:100%;max-width:400px;display:block!important;min-height:330px;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;padding:90px 12px}.creditcard .front,.creditcard .back{position:absolute;width:100%;max-width:400px;backface-visibility:hidden;-webkit-font-smoothing:antialiased;color:#47525d}.creditcard .back{transform:rotateY(180deg);margin-left:0}.creditcard.flipped{transform:rotateY(180deg)}@media(max-width:991.98px){.creditcard .back{margin-left:0}}@media(max-width:390px){.creditcard{min-height:250px;padding:60px 12px}}@media(max-width:468px){.options{padding-top:20px}.tarjeta .input__field{padding-top:40px!important}}@media(max-width:330px){.options{padding-top:30px}.options app-button button{padding:7px 12px!important}}.boton{border-radius:50px;border:none;padding:10px 20px;text-transform:uppercase;font-weight:700;margin:10px 5px}.primarios{background:#48c7f4;color:#fff}.primarios:hover{background:#6dd2f6}.primarios:active{background:#a3e3f9}.lds-ring{display:inline-block;position:absolute;left:50%;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #002e6d;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#002e6d transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}