:root{
    --violeta: #d246ac;
    --verde: #80bf3d;
    --ut-focus-outline-color: var(--violeta);
    --a-checkbox-checked-background-color: var(--violeta);
}

@font-face {
  font-family: Raleway-Black;
  src: url(../fonts/Raleway-Black.ttf);
}
@font-face {
  font-family: Raleway-BlackItalic;
  src: url(../fonts/Raleway-BlackItalic.ttf );
}
@font-face {
  font-family: Raleway-Bold;
  src: url(../fonts/Raleway-Bold.ttf );
}
@font-face {
  font-family: Raleway-BoldItalic;
  src: url(../fonts/Raleway-BoldItalic.ttf );
}
@font-face {
  font-family: Raleway-ExtraBold;
  src: url(../fonts/Raleway-ExtraBold.ttf );
}
@font-face {
  font-family: Raleway-ExtraBoldItalic;
  src: url(../fonts/Raleway-ExtraBoldItalic.ttf );
}
@font-face {
  font-family: Raleway-ExtraLight;
  src: url(../fonts/Raleway-ExtraLight.ttf );
}
@font-face {
  font-family: Raleway-ExtraLightItalic;
  src: url(../fonts/Raleway-ExtraLightItalic.ttf );
}
@font-face {
  font-family: Raleway-Italic;
  src: url(../fonts/Raleway-Italic.ttf );
}
@font-face {
  font-family: Raleway-Light;
  src: url(../fonts/Raleway-Light.ttf );
}
@font-face {
  font-family: Raleway-LightItalic;
  src: url(../fonts/Raleway-LightItalic.ttf );
}
@font-face {
  font-family: Raleway-Medium;
  src: url(../fonts/Raleway-Medium.ttf );
}
@font-face {
  font-family: Raleway-MediumItalic;
  src: url(../fonts/Raleway-MediumItalic.ttf );
}
@font-face {
  font-family: Raleway-Regular;
  src: url(../fonts/Raleway-Regular.ttf );
}
@font-face {
  font-family: Raleway-SemiBold;
  src: url(../fonts/Raleway-SemiBold.ttf );
}
@font-face {
  font-family: Raleway-SemiBoldItalic;
  src: url(../fonts/Raleway-SemiBoldItalic.ttf );
}
@font-face {
  font-family: Raleway-Thin;
  src: url(../fonts/Raleway-Thin.ttf );
}
@font-face {
  font-family: Raleway-ThinItalic;
  src: url(../fonts/Raleway-ThinItalic.ttf );
}

html, body{
    font-family: 'Raleway-Regular', sans-serif;
}

h1{
    font-family: 'Raleway-Black', sans-serif;
    font-size: clamp(2rem, 6vw, 4rem);
    line-height: normal;
}

h2{
    font-family: 'Raleway-Bold', sans-serif;
    font-size: clamp(1.5rem, 4vw, 2.5rem)
}

h3 {
    font-family: 'Raleway-Bold', sans-serif;
    font-size: clamp(1rem, 2vw, 2rem);
    line-height: normal;
}

h4, h5{
    font-family: 'Raleway-SemiBold', sans-serif;
}
.t-Footer{
    background: #6a6a6a;
}

.t-Footer ul{
    list-style: none;
}

.t-Footer ul a, .t-Footer h4{
    color: white;
}

.t-Footer ul li i{
    color: var(--verde);
}

.footerLogo{
    width: 160px;
    max-width: 250px;
    margin: 0 0 0 auto;
    /*margin-left: auto;*/
}

body{
    min-width: 0;
}
a, .t-Button--link{
    color: var(--violeta);
    
}
.row{
    margin: 0;
}
.firstSection{
    background-image:/* linear-gradient(to right, #f3e9df, #f3e9df00),
    linear-gradient(#f3e9df00 75%, #ffffff8a),*/
    url(prime/r/107/files/static/v6/header_current_landing.png);
    background-size: cover;
    background-position-x: unset;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 80vh;
    display: flex;
    align-items: center;
}
.secondSection{
    background-image: url(#APP_FILES#backgrounds/frutas.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.primeList{
    list-style: none;
    list-style-image: url('#WORKSPACE_FILES#icons/mark.svg');
    font-size: clamp(0.8rem, 2vw, 1.1rem)!important;
}
li::marker {
    font-size: clamp(1.3rem, 3vw, 1.5rem);
}
li img{
    vertical-align: middle;
}
.textSectionLeft{
    width: 70%;
    padding: 20px 0 0 50px;
    /*margin: 10%;*/
}
.textSectionRight{
    width: 70%;
    padding: 19px;
    margin: 20px;
    border-radius: 15px;
    margin-left: auto;
}
.backgroundAndShadow{
    background-color: #ffffff;
    box-shadow: 0px 0px 6px -2px var(--verde,#80bf3d);
}
.pillButton{
    background-color: var(--violeta,#d246ac);
    color: white;
    border-radius: 50px;
    font-family: 'Raleway-SemiBold', sans-serif;
}

.linkButton{
    color: var(--violeta,#d246ac);
    font-family: 'Raleway-Bold';
    font-size: 0.8em;
}

#btnPruebaGratuita{
    margin: 0 0 20px 50px;
    font-size: 1.1em;
}
#btnPruebaGratuita_1{
    font-size: 1.1em;
}
.suscripcion{
    font-size: 0.8em;
    display: flex;
    align-items: center;
    margin-left: 45px;
    text-align: center;
}

.suscripcion::before, .suscripcion::after{
    content: '';
    width: 30px;
    height: 1px;
    background-color: var(--violeta,#d246ac);
}
.suscripcion::before{
    margin-right: 10px;
}
.suscripcion::after{
    margin-left: 10px;
}

.centerBtn{
    display:flex;
    margin: 8px 0 10px 90px;
}

#tablaEnvios .t-Report-colHead, #tablaEnvios .t-Report-cell{
    border: none;
    font-size: 1.1rem;
}
#tablaEnvios .t-Report--altRowsDefault .t-Report-report tr:nth-child(odd){
    background-color: #FEEDFA;
}

#jumboPrime{
    background-image: url(prime/r/107/files/static/v7/logo-jumbo-prime.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 70px;
}


/*Buttons*/
.t-Button--hot{
    background-color: var(--violeta);
}
.apex-item-radio input:checked+.u-radio, .apex-item-radio input:checked+label, .u-radio.is-checked{
    --a-checkbox-background-color: var(--violeta);
}

/*Text field*/
/* .text_field{
    padding: 8px;
} */

.apex-item-text:focus+.apex-item-icon{
    --ut-field-input-focus-icon-color: var(--verde);
}

@media (max-width: 700px) {
    .textSectionLeft {
        width: 100%;
        padding: 8px;
    }
    .textSectionRight{
        width: 95%;
        margin: 20px auto;
    }
    #btnPruebaGratuita{
        margin: 0 auto 20px;
        display: block;
    }
    .suscripcion{
        justify-content: center;
        margin-left: auto;
    }
    .centerBtn{
        margin:8px 0 10px 0px;
        justify-content: center;
    }

}

@media (max-width: 1200px) {
    .footerLogo{
        margin: 0 auto;
    }
}

:root{
    --violeta: #d246ac;
    --verde: #80bf3d;
    /* --ut-header-background-color: #ededed!important; */

    --card-p-default: #9b999d;
    --card-s-default: #6c6a76;
    --card-p-visa: #00c9ff;
    --card-s-visa: #6a19d5;
    --card-p-maestro: #292E49;
    --card-s-maestro: #536976;
    --card-p-master: #182848;
    --card-s-master: #6583c9;
    --card-p-amex: #37b583;
    --card-s-amex: #74eda5;
    --card-p-cabal: #6dd5ed;
    --card-s-cabal: #2193b0;
    --card-p-1053: #d1d0d0;
    --card-s-1053: #9f9f9f;
    --card-p-1007: #072146;
    --card-s-1007: #1973B8;
    --card-p-1030: #ec0000;
    --card-s-1030: #9d0000;
    --card-p-1006: #fa6400;
    --card-s-1006: #fb8333;
    --card-p-1015: #e2dcdc;
    --card-s-1015: #C4161C;
    --card-p-1037: #00586D;
    --card-s-1037: #007894;
    --card-p-1020: #279d2e;
    --card-s-1020: #25b4bd;
    --card-p-1120: #009ee3;
    --card-s-1120: #9fd8f5;
    --card-p-1122: #ffa5a2;
    --card-s-1122: #f45762;
    --card-p-1112: #f14c00;
    --card-s-1112: #fe5100;
    --card-p-1112-alt: #f6ac0a;
    --card-s-1112-alt: #ffb30f;
    --card-p-1017: #aeaeae;
    --card-s-1017: #868686;
}

@font-face {
  font-family: Raleway-Black;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Black.ttf);
}
@font-face {
  font-family: Raleway-BlackItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-BlackItalic.ttf );
}
@font-face {
  font-family: Raleway-Bold;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Bold.ttf );
}
@font-face {
  font-family: Raleway-BoldItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-BoldItalic.ttf );
}
@font-face {
  font-family: Raleway-ExtraBold;
  src: url(#WORKSPACE_FILES#fonts/Raleway-ExtraBold.ttf );
}
@font-face {
  font-family: Raleway-ExtraBoldItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-ExtraBoldItalic.ttf );
}
@font-face {
  font-family: Raleway-ExtraLight;
  src: url(#WORKSPACE_FILES#fonts/Raleway-ExtraLight.ttf );
}
@font-face {
  font-family: Raleway-ExtraLightItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-ExtraLightItalic.ttf );
}
@font-face {
  font-family: Raleway-Italic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Italic.ttf );
}
@font-face {
  font-family: Raleway-Light;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Light.ttf );
}
@font-face {
  font-family: Raleway-LightItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-LightItalic.ttf );
}
@font-face {
  font-family: Raleway-Medium;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Medium.ttf );
}
@font-face {
  font-family: Raleway-MediumItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-MediumItalic.ttf );
}
@font-face {
  font-family: Raleway-Regular;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Regular.ttf );
}
@font-face {
  font-family: Raleway-SemiBold;
  src: url(#WORKSPACE_FILES#fonts/Raleway-SemiBold.ttf );
}
@font-face {
  font-family: Raleway-SemiBoldItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-SemiBoldItalic.ttf );
}
@font-face {
  font-family: Raleway-Thin;
  src: url(#WORKSPACE_FILES#fonts/Raleway-Thin.ttf );
}
@font-face {
  font-family: Raleway-ThinItalic;
  src: url(#WORKSPACE_FILES#fonts/Raleway-ThinItalic.ttf );
}

/* Fuentes tarjetas */
@font-face {
    font-family: RobotoMono;
    src: url(#WORKSPACE_FILES#fonts/RobotoMono-Regular.ttf);
}
@font-face {
    font-family: RobotoMono-Medium;
    src: url(#WORKSPACE_FILES#fonts/RobotoMono-Medium.ttf);
}
@font-face {
    font-family: RobotoMono-Bold;
    src: url(#WORKSPACE_FILES#fonts/RobotoMono-Bold.ttf);
}
@font-face {
    font-family: RobotoMono-SemiBold;
    src: url(#WORKSPACE_FILES#fonts/RobotoMono-SemiBold.ttf);
}
@font-face {
    font-family: RobotoMono-Light;
    src: url(#WORKSPACE_FILES#fonts/RobotoMono-Light.ttf);
}

html, body{
    font-family: 'Raleway-Regular', sans-serif;
}

/*Tarjetas*/
.t-BadgeList-TCenco span{
    color:inherit !important;
}
.cardcontainer{	
    position: relative;
    width: 275px;
    min-width: 210px;
    max-width: 100%;
    height: 180px;
    min-height: 50px;
    max-height: 100%;
    margin: 0 auto;
}
.cardtable
{
    width: 100%;
    height: 100%;
    position: absolute;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 74px auto auto 35px;
    grid-template-areas:
        "method issuer issuer"
        "cardnumber cardnumber cardnumber"
        "name name logo"
        "vto vto logo";
    justify-items: stretch;
    align-content: stretch;
}
.cardlogo
{
    text-align: right;
    align-self: center;
    /* height: 20%; */
}
.cardlogo img
{
    /* height: 45px; */
    max-width: 65px;
    border: none;
    margin: 0 10px 0 8px;
}
.cardlogo img#CARDISSUER{
    max-width: 100px;
    max-height: 45px;
}
.cardelements
{
    /* height: 15%; */
}
.vto
{
    padding-right: 20px;
    padding-left: 10px;
    color: white;
}
.cardnumber
{
    font-size: 18px;
    text-align: center;
    color: white;
}
.cardname
{
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 14px;
    color: white;
}
.cardmethod{
    align-self: center;
    padding-left: 10px;
    text-transform: uppercase;
}
.magnetic
{
    width: 100%;
    height: 50px;
    background-color: #999999;
    margin: 20px 0;
}
.img-cvc{
    display:none;
}
.recomendado:before{
    content: url(./icons/recomendado.svg);
    background-color: #FFE262;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 100%;
    top: -10px;
    right: 20px;
    text-align: center;
}
.card-rotate{
    transform: rotatey(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}
.card
{
    width: 100%;
    height: 100%;
    font-family: RobotoMono, monospace;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transition: all 0.5s ease;
 
}
.card-front
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    backface-visibility: hidden;
    color: white;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.card-front svg{
    width: 100%;
    height: 100%;
}
.card-back
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    color: white;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: rotatey(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    background-image: linear-gradient(to left,var(--card-p-default,#9b999d), var(--card-s-default,#6c6a76));
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.card-p-color{
    stop-color: var(--card-p-color);
    transition: 0.2s all;
}
.card-s-color{
    stop-color: var(--card-s-color);
    transition: 0.2s all;
}
.card-front, .card-front #c, .card-front #d{
    --card-p-color: var(--card-p-default,#9b999d);
    --card-s-color: var(--card-s-default,#6c6a76);
}
.card-front.VISA, .card-front.VISA #c, .card-front.VISA #d{
    --card-p-color: var(--card-p-visa);
    --card-s-color: var(--card-s-visa);
}
.card-back.VISA, .list-card-item.VISA{
    background-image: linear-gradient(162deg,var(--card-p-visa) 13%, var(--card-s-visa));
}
.list-card-item.VISA .t-ContentRow-title, .list-card-item.VISA .t-ContentRow-subtitle{
    color: #000;
}
.card-front.MAESTRO, .card-front.MAESTRO #c, .card-front.MAESTRO #d{
    --card-p-color: var(--card-p-maestro);
    --card-s-color: var(--card-s-maestro)
}
.card-back.MAESTRO, .list-card-item.MAESTRO{
    background-image: linear-gradient(201deg ,var(--card-p-maestro), var(--card-s-maestro));
}
.list-card-item.MAESTRO .t-ContentRow-title, .list-card-item.MAESTRO .t-ContentRow-subtitle{
    color: #ededed;
}
.card-front.MASTERCARD, .card-front.MASTERCARD #c, .card-front.MASTERCARD #d,
.card-front.MASTER, .card-front.MASTER #c, .card-front.MASTER #d{
    --card-p-color: var(--card-p-master);
    --card-s-color: var(--card-s-master);
}
.card-back.MASTERCARD,.card-back.MASTER, .list-card-item.MASTERCARD, .list-card-item.MASTER{
    background: linear-gradient(62deg, rgb(101 131 201) 0%, var(--card-p-master) 86%);
}
.list-card-item.MASTERCARD .t-ContentRow-title,
.list-card-item.MASTER .t-ContentRow-title,
.list-card-item.MASTERCARD .t-ContentRow-subtitle,
.list-card-item.MASTER .t-ContentRow-subtitle{
    color: #ededed;
}
.card-front.AMEX, .card-front.AMEX #c, .card-front.AMEX #d{
    --card-p-color: var(--card-p-amex);
    --card-s-color: var(--card-s-amex);
}
.card-back.AMEX, .list-card-item.AMEX{
    background-image: linear-gradient(327deg ,var(--card-p-amex),var(--card-s-amex));
}
.list-card-item.AMEX .t-ContentRow-title,
.list-card-item.AMEX .t-ContentRow-subtitle{
    color: #363636;
}
.card-front.CABAL, .card-front.CABAL #c, .card-front.CABAL #d{
    --card-p-color: var(--card-p-cabal);
    --card-s-color: var(--card-s-cabal);
}
.card-back.CABAL, .list-card-item.CABAL{
    background-image: linear-gradient(118deg ,var(--card-p-cabal), var(--card-s-cabal));
}
.list-card-item.CABAL .t-ContentRow-title,
.list-card-item.CABAL .t-ContentRow-subtitle{
    color: #363636;
}
/*Cencosud*/
.card-front.MASTERCARD.t-1053, .card-front.MASTERCARD.t-1053 #c, .card-front.MASTERCARD.t-1053 #d,
.card-front.MASTER.t-1053, .card-front.MASTER.t-1053 #c, .card-front.MASTER.t-1053 #d,
.card-front.PRIVATE.t-1053, .card-front.PRIVATE.t-1053 #c, .card-front.PRIVATE.t-1053 #d{
    --card-p-color: var(--card-p-1053);
    --card-s-color: var(--card-s-1053);
}

.list-card-item.MASTER.t-1053, .list-card-item.PRIVATE.t-1053 {
    background-image: url('#APP_FILES#branding/Trama-TJCenco.svg'), linear-gradient(118deg ,var(--card-p-1053), var(--card-s-1053));
    background-repeat: no-repeat;
    background-position: right;
    background-size: 300px, cover;
}

.list-card-item.t-1053 .t-ContentRow-title,
.list-card-item.t-1053 .t-ContentRow-subtitle,
.MASTERCARD.t-1053 .cardnumber,
.MASTER.t-1053 .cardnumber,
.PRIVATE.t-1053 .cardnumber,
.MASTERCARD.t-1053 .cardname,
.MASTER.t-1053 .cardname,
.PRIVATE.t-1053 .cardname,
.MASTERCARD.t-1053 .cardmethod,
.MASTER.t-1053 .cardmethod,
.PRIVATE.t-1053 .cardmethod,
.MASTERCARD.t-1053 .vto,
.MASTER.t-1053 .vto,
.PRIVATE.t-1053 .vto
{
    color: #444444;
}

.MASTER.t-1053 .magnetic, .PRIVATE.t-1053 .magnetic {
    background-color: #202020;
}

.card-back.MASTER.t-1053, .card-back.PRIVATE.t-1053 {
    background: url('#APP_FILES#branding/Trama-TJCenco.svg'), linear-gradient(118deg ,var(--card-p-1053), var(--card-s-1053));
    background-position: right;
}

/*GIFTCARD*/
.list-card-item.GIFTCARD.t-1053 {
    background-image: url('#APP_FILES#branding/Regalo-GiftCard.svg'), linear-gradient(118deg ,#fafafa, #fafafa);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 35px, cover;
}
.card-front.GIFTCARD, .card-front.GIFTCARD #c, .card-front.GIFTCARD #d {
    --card-p-color: #fbfbfb;
    --card-s-color: #ebebeb;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}
.GIFTCARD.t-1053 .cardnumber,
.GIFTCARD.t-1053 .cardname,
.GIFTCARD.t-1053 .cardmethod,
.GIFTCARD.t-1053 .vto
{
    color: #444444;
}
.card-back.GIFTCARD {
    background-image: linear-gradient(to left,#fafafa, #fafafa);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}
.GIFTCARD.t-1053 .magnetic {
    background-color: #202020;
}

/*CENCOPAY*/
.list-card-item.CENCOPAY.t-1053{
    background-image: linear-gradient(20deg, #0700c4, #0700c4);
    background-repeat: initial;
}
.list-card-item.CENCOPAY .t-ContentRow-title,
.list-card-item.CENCOPAY .t-ContentRow-subtitle{
    color: #ffe9ed;
}
.card-back.CENCOPAY{
    background-image: linear-gradient(to left,#0700c4, #0700c4);
}
.list-card-item.CENCOPAY.t-1053{
    background-image: linear-gradient(20deg, #0700c4, #0700c4);
    background-repeat: initial;
}
.CENCOPAY.t-1053 .magnetic {
    background-color: #202020;
}

/*PRESTIFY*/
.list-card-item.PRESTIFY.t-1053 {
    background-image: url('#APP_FILES#branding/Trama-Prestify.svg'), linear-gradient(118deg ,#0F7DC2, #0F7DC2);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%, cover;
}
.list-card-item.PRESTIFY .t-ContentRow-title,
.list-card-item.PRESTIFY .t-ContentRow-subtitle{
    color: #ffe9ed;
}
.PRESTIFY .btn-delete {
    display: none;
}
.PRESTIFY .btn-select-pre {
    display: block !important; 
    height: 100%;
    width: 100%;
}
/*QR*/
.list-card-item.QR {
    background: linear-gradient(118deg ,#2B4675, #2B4675);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%, cover;
}
.list-card-item.QR .t-ContentRow-title,
.list-card-item.QR .t-ContentRow-subtitle{
    color: #ffe9ed;
}
.QR .btn-delete {
    display: none;
}
.QR .btn-select-pre {
    display: block !important; 
    height: 100%;
    width: 100%;
}
.QR .t-ContentRow-iconWrap #logo {
    height: 50px !important;
}
/* Estilo card CENCOPAY */

.card-front.CENCOPAY circle:nth-child(1){
    fill: #0600C4;
}
.card-front.CENCOPAY circle:nth-child(2){
    fill: #051CCC;
}
.card-front.CENCOPAY circle:nth-child(3){
    fill: #0439D3;
}
.card-front.CENCOPAY circle:nth-child(4){
    fill: #0355DC;
}
.card-front.CENCOPAY circle:nth-child(5){
    fill: #0373E3;
}
.card-front.CENCOPAY circle:nth-child(6){
    fill: #018EEA;
}
.card-front.CENCOPAY circle:nth-child(7){
    fill: #00ABF1;
}
.card-front.CENCOPAY circle:nth-child(8){
    fill: #01C6FA;
}

svg.waves.AZUL>g>use:nth-last-child(3){
    fill: rgb(0, 122, 192);
}

.card-front.CENCOPAY svg {
    border-radius: 15px;
}
/* Fin estilo card CENCOPAY */

/*BBVA*/
.card-front.MASTERCARD.t-1007, .card-front.MASTERCARD.t-1007 #c, .card-front.MASTERCARD.t-1007 #d,
.card-front.MASTER.t-1007, .card-front.MASTER.t-1007 #c, .card-front.MASTER.t-1007 #d,
.card-front.VISA.t-1007, .card-front.VISA.t-1007 #c, .card-front.VISA.t-1007 #d,
.card-front.AMEX.t-1007, .card-front.AMEX.t-1007 #c, .card-front.AMEX.t-1007 #d{
    --card-p-color: var(--card-p-1007);
    --card-s-color: var(--card-s-1007);
}
.card-back.MASTER.t-1007,
.card-back.MASTERCARD.t-1007,
.card-back.MAESTRO.t-1007,
.card-back.VISA.t-1007,
.card-back.AMEX.t-1007,
.list-card-item.t-1007
{
    background-image: linear-gradient(118deg ,var(--card-s-1007), var(--card-p-1007));
}
.list-card-item.t-1007 .t-ContentRow-title,
.list-card-item.t-1007 .t-ContentRow-subtitle{
    color: #dde4ff;
}
.t-1007 .cardlogo img#CARDISSUER{
    max-width: 65px;
}
/*Santander*/
.card-front.MASTERCARD.t-1030, .card-front.MASTERCARD.t-1030 #c, .card-front.MASTERCARD.t-1030 #d,
.card-front.MASTER.t-1030, .card-front.MASTER.t-1030 #c, .card-front.MASTER.t-1030 #d,
.card-front.VISA.t-1030, .card-front.VISA.t-1030 #c, .card-front.VISA.t-1030 #d,
.card-front.AMEX.t-1030, .card-front.AMEX.t-1030 #c, .card-front.AMEX.t-1030 #d{
    --card-p-color: var(--card-p-1030);
    --card-s-color: var(--card-s-1030);
}
.card-back.MASTER.t-1030,
.card-back.MASTERCARD.t-1030,
.card-back.MAESTRO.t-1030,
.card-back.VISA.t-1030,
.card-back.AMEX.t-1030,
.list-card-item.t-1030
{
    background-image: linear-gradient(118deg ,var(--card-s-1030), var(--card-p-1030));
}

/*Galicia*/
.card-front.MASTERCARD.t-1006, .card-front.MASTERCARD.t-1006 #c, .card-front.MASTERCARD.t-1006 #d,
.card-front.MASTER.t-1006, .card-front.MASTER.t-1006 #c, .card-front.MASTER.t-1006 #d,
.card-front.VISA.t-1006, .card-front.VISA.t-1006 #c, .card-front.VISA.t-1006 #d,
.card-front.AMEX.t-1006, .card-front.AMEX.t-1006 #c, .card-front.AMEX.t-1006 #d{
    --card-p-color: var(--card-p-1006);
    --card-s-color: var(--card-s-1006);
}
.card-back.MASTER.t-1006,
.card-back.MASTERCARD.t-1006,
.card-back.MAESTRO.t-1006,
.card-back.VISA.t-1006,
.card-back.AMEX.t-1006,
.list-card-item.t-1006
{
    background-image: linear-gradient(118deg ,var(--card-s-1006), var(--card-p-1006));
}
.list-card-item.t-1006 .t-ContentRow-title,
.list-card-item.t-1006 .t-ContentRow-subtitle{
    color: #ffe9ed;
}
/*ICBC*/
.card-front.MASTERCARD.t-1015, .card-front.MASTERCARD.t-1015 #c, .card-front.MASTERCARD.t-1015 #d,
.card-front.MASTER.t-1015, .card-front.MASTER.t-1015 #c, .card-front.MASTER.t-1015 #d,
.card-front.VISA.t-1015, .card-front.VISA.t-1015 #c, .card-front.VISA.t-1015 #d,
.card-front.AMEX.t-1015, .card-front.AMEX.t-1015 #c, .card-front.AMEX.t-1015 #d{
    --card-p-color: var(--card-p-1015);
    --card-s-color: var(--card-s-1015);
}
.card-back.MASTER.t-1015,
.card-back.MASTERCARD.t-1015,
.card-back.MAESTRO.t-1015,
.card-back.VISA.t-1015,
.card-back.AMEX.t-1015,
.list-card-item.t-1015
{
    background-image: linear-gradient(118deg ,var(--card-s-1015), var(--card-p-1015));
}
/*Nacion*/
.card-front.MASTERCARD.t-1037, .card-front.MASTERCARD.t-1037 #c, .card-front.MASTERCARD.t-1037 #d,
.card-front.MASTER.t-1037, .card-front.MASTER.t-1037 #c, .card-front.MASTER.t-1037 #d,
.card-front.MAESTRO.t-1037, .card-front.MAESTRO.t-1037 #c, .card-front.MAESTRO.t-1037 #d,
.card-front.VISA.t-1037, .card-front.VISA.t-1037 #c, .card-front.VISA.t-1037 #d,
.card-front.AMEX.t-1037, .card-front.AMEX.t-1037 #c, .card-front.AMEX.t-1037 #d{
    --card-p-color: var(--card-p-1037);
    --card-s-color: var(--card-s-1037);
}
.card-back.MASTER.t-1037,
.card-back.MASTERCARD.t-1037,
.card-back.MAESTRO.t-1037,
.card-back.VISA.t-1037,
.card-back.AMEX.t-1037,
.list-card-item.t-1037
{
    background-image: linear-gradient(118deg ,var(--card-s-1037), var(--card-p-1037));
}
/*Provincia*/
.card-front.MASTERCARD.t-1020, .card-front.MASTERCARD.t-1020 #c, .card-front.MASTERCARD.t-1020 #d,
.card-front.MASTER.t-1020, .card-front.MASTER.t-1020 #c, .card-front.MASTER.t-1020 #d,
.card-front.MAESTRO.t-1020, .card-front.MAESTRO.t-1020 #c, .card-front.MAESTRO.t-1020 #d,
.card-front.VISA.t-1020, .card-front.VISA.t-1020 #c, .card-front.VISA.t-1020 #d,
.card-front.AMEX.t-1020, .card-front.AMEX.t-1020 #c, .card-front.AMEX.t-1020 #d{
    --card-p-color: var(--card-p-1020);
    --card-s-color: var(--card-s-1020);
}
.card-back.MASTER.t-1020,
.card-back.MASTERCARD.t-1020,
.card-back.MAESTRO.t-1020,
.card-back.VISA.t-1020,
.card-back.AMEX.t-1020,
.list-card-item.t-1020
{
    background-image: linear-gradient(118deg ,var(--card-s-1020), var(--card-p-1020));
}

/*Patagonia*/
.card-front.MASTERCARD.t-1017, .card-front.MASTERCARD.t-1017 #c, .card-front.MASTERCARD.t-1017 #d,
.card-front.MASTER.t-1017, .card-front.MASTER.t-1017 #c, .card-front.MASTER.t-1017 #d,
.card-front.MAESTRO.t-1017, .card-front.MAESTRO.t-1017 #c, .card-front.MAESTRO.t-1017 #d,
.card-front.VISA.t-1017, .card-front.VISA.t-1017 #c, .card-front.VISA.t-1017 #d,
.card-front.AMEX.t-1017, .card-front.AMEX.t-1017 #c, .card-front.AMEX.t-1017 #d{
    --card-p-color: var(--card-p-1017);
    --card-s-color: var(--card-s-1017);
}
.card-back.MASTER.t-1017,
.card-back.MASTERCARD.t-1017,
.card-back.MAESTRO.t-1017,
.card-back.VISA.t-1017,
.card-back.AMEX.t-1017,
.list-card-item.t-1017
{
    background-image: linear-gradient(118deg ,var(--card-s-1017), var(--card-p-1017));
}

/*Mercado*/
.card-front.MASTERCARD.t-1120, .card-front.MASTERCARD.t-1120 #c, .card-front.MASTERCARD.t-1120 #d,
.card-front.MASTER.t-1120, .card-front.MASTER.t-1120 #c, .card-front.MASTER.t-1120 #d,
.card-front.MAESTRO.t-1120, .card-front.MAESTRO.t-1120 #c, .card-front.MAESTRO.t-1120 #d,
.card-front.VISA.t-1120, .card-front.VISA.t-1120 #c, .card-front.VISA.t-1120 #d,
.card-front.AMEX.t-1120, .card-front.AMEX.t-1120 #c, .card-front.AMEX.t-1120 #d{
    --card-p-color: var(--card-p-1120);
    --card-s-color: var(--card-s-1120);
}
.card-back.MASTER.t-1120,
.card-back.MASTERCARD.t-1120,
.card-back.MAESTRO.t-1120,
.card-back.VISA.t-1120,
.card-back.AMEX.t-1120,
.list-card-item.t-1120
{
    background-image: linear-gradient(118deg ,var(--card-s-1120), var(--card-p-1120));
}
.list-card-item.t-1120 .t-ContentRow-title,
.list-card-item.t-1120 .t-ContentRow-subtitle{
    color: #092a52;
}
/*Uala*/
.card-front.MASTERCARD.t-1122, .card-front.MASTERCARD.t-1122 #c, .card-front.MASTERCARD.t-1122 #d,
.card-front.MASTER.t-1122, .card-front.MASTER.t-1122 #c, .card-front.MASTER.t-1122 #d,
.card-front.MAESTRO.t-1122, .card-front.MAESTRO.t-1122 #c, .card-front.MAESTRO.t-1122 #d,
.card-front.VISA.t-1122, .card-front.VISA.t-1122 #c, .card-front.VISA.t-1122 #d,
.card-front.AMEX.t-1122, .card-front.AMEX.t-1122 #c, .card-front.AMEX.t-1122 #d{
    --card-p-color: var(--card-p-1122);
    --card-s-color: var(--card-s-1122);
}
.card-back.MASTER.t-1122,
.card-back.MASTERCARD.t-1122,
.card-back.MAESTRO.t-1122,
.card-back.VISA.t-1122,
.card-back.AMEX.t-1122,
.list-card-item.t-1122
{
    background-image: linear-gradient(118deg ,var(--card-s-1122), var(--card-p-1122));
}
.list-card-item.t-1122 .t-ContentRow-title,
.list-card-item.t-1122 .t-ContentRow-subtitle{
    color: #ffe9ed;
}
/*Naranja*/
.card-front.MASTERCARD.t-1112, .card-front.MASTERCARD.t-1112 #c, .card-front.MASTERCARD.t-1112 #d,
.card-front.MASTER.t-1112, .card-front.MASTER.t-1112 #c, .card-front.MASTER.t-1112 #d,
.card-front.MAESTRO.t-1112, .card-front.MAESTRO.t-1112 #c, .card-front.MAESTRO.t-1112 #d,
.card-front.AMEX.t-1112, .card-front.AMEX.t-1112 #c, .card-front.AMEX.t-1112 #d,
.card-front.PRIVATE.t-1112, .card-front.PRIVATE.t-1112 #c, .card-front.PRIVATE.t-1112 #d{
    --card-p-color: var(--card-p-1112);
    --card-s-color: var(--card-s-1112);
}
.card-front.VISA.t-1112, .card-front.VISA.t-1112 #c, .card-front.VISA.t-1112 #d{
    --card-p-color: var(--card-p-1112-alt);
    --card-s-color: var(--card-s-1112-alt);
}
.card-back.MASTER.t-1112,
.card-back.MASTERCARD.t-1112,
.card-back.MAESTRO.t-1112,
.card-back.AMEX.t-1112,
.card-back.PRIVATE.t-1112,
.list-card-item.t-1112
{
    background-image: linear-gradient(118deg ,var(--card-s-1112), var(--card-p-1112));
}
.card-back.VISA.t-1112,
.list-card-item.VISA.t-1112{
    background-image: linear-gradient(118deg ,var(--card-s-1112-alt), var(--card-p-1112-alt));
}
.badge{
    border-radius: 40px;
    padding: 4px 8px;
    font-size: 0.7em;
    vertical-align: middle;
    font-weight: bold;
}
.badge i{
    font-size: 0.7rem;
    vertical-align: middle;
}
.badge.warning{
    background-color: #f1c315;
    color: #ffffff;
}
.badge.success{
    background-color: #40b114;
    color: #ebffcc;
}
.badge.info{
    background-color: #52d8ff;
    color: #0c3243;
}
h4{
    font-weight: bold;
    font-family: 'Raleway-SemiBold', sans-serif;
}
h5{
    font-weight: bold;
    font-family: 'Raleway-SemiBold', sans-serif; 
}
.headerVioleta > .t-Region-header{
    background-color: #f6f0e7;
    color: var(--violeta);
    font-family: 'Raleway-SemiBold', sans-serif;
}