* {
    height: auto;
    scroll-behavior: smooth;
}
body.modal-open{
    overflow: hidden !important;
}
footer {
    margin-top: 0;
}

 /*Delivery clients*/
 a {
     color: #1988ff;
     background: none;
     font-size: 1.2rem;
 }

 img {
     max-width: initial !important;
 }

 a:after {
     content: none !important;
     position: relative;
     font-family: totalplayicons;
     left: 10px;
     top: -1px;
     transition: .3s;
     font-size: .7rem;
 }

 .imgmob {
     display: none;
 }

 .imgdesk {
     display: inline;
 }




 .fixedNav {
     width: 102%;
     top: 0px !important;
     left: 0px;
     position: fixed;
     overflow: hidden !important;
     z-index: 999;
 }

 .creditoStickyMenu {
     background: rgba(29, 37, 54, 1);
     padding-top: 15px;
     padding-bottom: 16px;
     padding-top: 0.9rem;
 }

 .creditoStickyMenu .logoDeliveryContainer {
     display: flex;
     align-items: center;
 }

 .creditoStickyMenu .logoDeliveryContainer figure {
     margin-bottom: 0;
 }

 .creditoStickyMenu .logoDeliveryContainer figure img {
     max-width: 163px;
     margin-left: 70px;
 }

 .creditoStickyMenu .logoDeliveryContainer figure img.logoRestaurantes {
     max-width: 252px;
     margin-left: 47px !important;
 }

 .creditoStickyMenu .menuDelivery ul {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin-bottom: 0;
     list-style: none;
 }

 .creditoStickyMenu .menuDelivery ul li {
     margin-right: 32px;
 }

 .creditoStickyMenu .menuDelivery ul li:last-child {
     margin-right: 0;
 }

 .creditoStickyMenu .menuDelivery ul li a {
     color: rgba(245, 245, 245, 1);
     font-size: 13px;
 }

 .creditoStickyMenu .menuDelivery ul li a.generalButton {
     padding: 7px 53px !important;
     font-size: 14px;
 }

 .fixMargin {
     margin-right: -15px !important;
     margin-left: -15px !important;
 }

 .bodyform {
     width: 469px;

 }

 .card {
     border-radius: var(--24px, 24px);
     background: var(--complementary-day-light-hover, #F5F7FD) !important;
 }

 .card-body {
     border-radius: 1.25rem !important;
     background: var(--complementary-day-light-hover, #F5F7FD);
     padding: 1rem !important;

 }

 .club-button-large {
     display: inline-block;
     background: rgba(26, 136, 255, 1) !important;
     /*background: -moz-linear-gradient(90deg,#01d6e8 0,#0089fe 100%);
   */
     /* background: -webkit-linear-gradient(90deg,#01d6e8,#0089fe);
   */
     /* background: linear-gradient(90deg,#01d6e8,#0089fe);
   */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01d6e8", endColorstr="#0089fe", GradientType=1);
     text-align: center;
     padding: 14px 28px !important;
     color: #fff;
     border-radius: 50px;
     border: none;
     font-weight: 600;
     outline: none;
 }

 .club-button-large:focus {
     outline: none
 }

 a.club-button-large,
 a.club-button-large:hover {
     color: #fff;
     text-decoration: none;
     font-weight: 600
 }


 .form-control {

     background-color: #fff !important;
     background-clip: padding-box !important;
     border: 1px solid #ffffff !important;
     border-radius: 1.25rem !important;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }

 .title-form {
     color: var(--night-normal, #4A566D) !important;
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-sm/medium14 */
     font-family: Montserrat;
     font-size: 14px !important;
     font-style: normal !important;
     font-weight: 500 !important;
     line-height: 20px !important;
     /* 142.857% */
     display: inline-flex;
 }

 .form-group span{
    color: red !important;
    display: flex;
 }

 #modalForm .modal-content {
     border-radius: 1.25rem !important;
     height: 550px !important;
 }

 #modalForm .modal-header {
     z-index: 1 !important;
     padding: 0 !important;
 }

 #modalForm .modal-body {
     padding: 0px !important;
 }

 .formflag {
     width: 14% !important;
     position: absolute;
     border-radius: 60px;
     border: 0px;
     height: 36px;
 }

 .formnumber {
     width: 82% !important;
     margin-left: 70px;
 }

 .imgflag {
     position: absolute !important;
     margin-left: -32px !important;
     margin-top: 31px !important;
     z-index: 2 !important;
 }

 /* Header  */
 .headerCredito {
     position: relative;
     background-image: url(/assets/img/nuevos/tdc/banner.png);
     height: 455px;
     background-size: contain;
     z-index: 0;
     overflow: hidden;
     padding-top: 221px;
     background-position-y: 215px;
     background-repeat: no-repeat;
 }

 .headerCredito h1 {
     color: var(--system-white, #FFF);
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-xs/semibold24 */
     font-family: Montserrat;
     font-size: 24px;
     font-style: normal;
     font-weight: 600;
     line-height: 32px;
     margin-top: 0;
 }

 .headerCredito h1 span {
     color: var(--system-white, #FFF);
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-xs/bold24 */
     font-family: Montserrat;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 32px;
     /* 133.333% */
 }

 .headerCredito p {
     color: var(--system-white, #FFF);
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-sm/semibold14 */
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
     /* 142.857% */
     margin-right: 121px
 }

 /* Generales */

 .subtitle {
     color: #754EA9;
     text-align: center;
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-sm/bold28 */
     font-family: Montserrat;
     font-size: 28px;
     font-style: normal;
     font-weight: 600;
     line-height: 36px;
     /* 128.571% */
     letter-spacing: -0.5px;
 }

 .subtitle span {
     color: #251F5D;
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-sm/bold28 */
     font-family: Montserrat;
     font-size: 28px;
     font-style: normal;
     font-weight: 700;
     line-height: 36px;
     letter-spacing: -0.5px;
 }

 .tarjetaTotalplay {
     position: absolute;
     right: -0.257px;
     top: 378px;
 }

 .px-6 {
     padding-left: 1.7rem !important;
     padding-right: 1.7rem !important;
 }

 .normalText {
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;
     /* 150% */
 }

 .normalText span {
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
     /* 150% */
 }

 .miniText {
     color: var(--night-light, #9FADCB);
     font-feature-settings: 'clig' off, 'liga' off;
     /* body/body-sm/medium14 */
     font-family: Montserrat;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: 16px;
     /* 133.333% */
 }

 .subtitleM,
 .subtitleM span {
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     /* 140% */
 }

 .imgCelularMovil {
     width: 100%;
     margin-top: 35px;
 }

 /* Cards Beneficios */

 .beneficiosCard {
     border-radius: var(--32px, 32px);
     border: var(--2px, 2px) solid var(--day-normal, #EAEFFB);
     background: linear-gradient(94deg, rgba(255, 255, 255, 0.40) 29.13%, rgba(255, 255, 255, 0.10) 64.35%);
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
     backdrop-filter: blur(30px);
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: var(--24px, 24px);
     max-width: 224px;
     margin: 25px 0;
     padding: var(--24px, 24px) var(--8px, 8px);
     text-align: center;

 }

 .beneficiosCard p {
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     /* 142.857% */
 }

 .beneficiosCard p span {
     color: #754EA9;
     font-feature-settings: 'clig' off, 'liga' off;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 142.857% */
 }

 .titleBeneficiosCard img {
     width: 32px;
     margin-bottom: 10px;
 }

 .titleBeneficiosCard p {
     color: #251F5D;
     font-feature-settings: 'clig' off, 'liga' off;
     /* heading/heading-xs/semibold24 */
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 28px;
     /* 155.556% */
     text-wrap: nowrap;
 }

 .amigosMargen {
     margin: 25px 0 15rem;
 }

 .imgAmigosMovil {
     max-width: 100% !important;
     position: absolute;
     top: 1605px;
     z-index: -1;
     height: auto;
     margin-left: -15px;
 }



 /* card glass */

 .cardGlass {
     display: flex;
     width: auto;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: var(--15px, 15px);
     border-radius: var(--40px, 40px);
     border: var(--4px, 4px) solid #2F2D61;
     background: linear-gradient(94deg, rgba(255, 255, 255, 0.40) 29.13%, rgba(255, 255, 255, 0.10) 64.35%);
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
     backdrop-filter: blur(40px);
     -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
     -webkit-backdrop-filter: blur(40px);
     padding: var(--16px, 16px) var(--12px, 12px);
 }

 .cardGlassTitle {
     background: linear-gradient(131deg, #251F5D 59.91%, #9747FF 114.41%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: Montserrat;
     font-size: 28px;
     font-style: normal;
     font-weight: 600;
     line-height: 36px;
     /* 128.571% */
     letter-spacing: -0.5px;
     text-align: center;
     text-wrap: nowrap;
 }

 .cardGlassText {
     color: #251F5D;
     leading-trim: both;
     text-edge: cap;
     font-feature-settings: 'clig' off, 'liga' off;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     text-wrap: nowrap;
     /* 142.857% */
 }

 .cardGlassText span {
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 28px;
     /* 142.857% */
 }

 .cardGlassButton {
     border-radius: var(--96px, 96px);
     border: 1px solid var(--day-normal, #EAEFFB);
     background: var(--primary-normal, #1A88FF);
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
     color: #FFF;
     display: flex;
     height: 36px;
     padding: 6px 14px;
     justify-content: center;
     align-items: center;
     gap: 8px;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
     line-height: 20px;
     /* 142.857% */
 }

 .creditoStickyMenu {
     padding-top: 0.7rem;
 }

 /* Cards master */

 .cardMaster {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
     box-shadow: 0px 30px 18px 0px rgba(0, 0, 0, 0.16);
     min-width: 296px;
     display: flex;
     height: 92.5px;
     justify-content: center;
     text-align: left;
     margin-bottom: 45px;
     border-radius: var(--20px, 20px);
 }

 .cardMaster1 {
     background-image: url(/assets/img/nuevos/tdc/carrusel-mobile.png);
     background-size: 100%;
     background-repeat: no-repeat;
 }

 .cardMaster2 {
     background-image: url(/assets/img/nuevos/tdc/carrusel-mobile-2.png);
     background-size: 100%;
     background-repeat: no-repeat;
 }

 .cardMasterTitle {
     color: #FFF;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
     /* 142.857% */
 }

 .cardMasterSubtitle {
     color: #FFF;
     font-family: Montserrat;
     font-size: 10px;
     font-style: normal;
     font-weight: 600;
     line-height: 14px;
     /* 140% */
 }
 .cardMasterSubtitle a{
    color: #ffffff;
    font-size: inherit;
 }

 /* Cards Promo */

 .gridCardsPromo {
     display: grid;
     grid-template-rows: 1fr;
     grid-column-gap: 15px;
     grid-row-gap: 0px;
     grid-template-columns: repeat(1, 1fr);
 }

 .cardPromo {
     width: 300px;
     max-width: 100%;
     display: flex;
     padding-bottom: var(--12px, 12px);
     flex-direction: column;
     gap: var(--16px, 16px);
     border-radius: var(--16px, 16px);
     border: 1px solid var(--day-normal, #EAEFFB);
     background: #FCFCFE;

     /* light/hover */
     box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
     margin-bottom: 20px;
 }

 .cardPromo img {
     width: 100%;
     border-radius: 16px 16px 0 0;
 }

 .cardPromoTitle {
     color: #754EA9;
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-xs/bold24 */
     font-family: Montserrat;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 32px;
     /* 133.333% */
 }

 .cardPromoText {
     color: var(--night-normal, #4A566D);
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-md (base)/medium16 */
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     min-height: 144px;
 }

 .cardPromoText span {
     color: #754EA9;
     font-feature-settings: 'clig' off, 'liga' off;
     /* body/body-md (base)/bold16 */
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
 }

 .cardPromoButton {
     color: var(--primary-normal, #1A88FF);
     font-feature-settings: 'clig' off, 'liga' off;
     /* heading/heading-xxs/semibold20 */
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 28px;
     border: none;
     background-color: transparent;
 }

 .imgControla {
     width: 319px;
     margin: 0px auto;
 }

 .creditoStickyMenu .logoDeliveryContainer figure img.logoRestaurantes {
     max-width: 252px;
     margin-left: 0px !important;
     /* width: 100%; */
     padding-top: 10px;
 }



 .appFaqs {
     background: #fff;
     padding-top: 0;
     padding-bottom: 50px;
 }

 .appFaqs .appFaqsTitles {
     text-align: center;
     color: var(--night-dark, #303F5A);
     font-family: Montserrat;
     font-size: 25px;
     font-style: normal;
     font-weight: 600;
     line-height: 48px;
     letter-spacing: -1.5px;
     margin-top: -30px;
 }

 .support {
     position: relative;
     background: url(/assets/img/nuevos/tdc/support_m.png) no-repeat;
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1);
     background-size: 100%;
     z-index: 0;
     overflow: hidden;
     margin-right: 0px;
     margin-left: 0px;
     padding-top: 0;
     padding-bottom: 15px;
     margin-left: -15px;
     margin-right: -15px;
 }

 .card-title {
     color: #FFF;
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 600;
     line-height: 49px;
     letter-spacing: -0.5px;
 }

 .owl-theme .owl-dots {
     margin-top: 0 !important;
 }
 









 /*FAQS*/
 .appFaqs {
     background: #fff;
     padding-top: 60px;
     padding-bottom: 50px
 }

 .appFaqs .appFaqsTitles {
     text-align: left
 }

 .appFaqs .appFaqsTitles h1 {
     font-size: 1.75rem;
     line-height: 34px;
     font-weight: 300;
     margin-bottom: 24px
 }

 .appFaqs .faqsContainer .card {
     margin-bottom: 16px;
     background: #f5f5f5;
     border: none;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px
 }

 .appFaqs .faqsContainer .card .card-header {
     border: none;
     background: #f8f8f8
 }

 .appFaqs .faqsContainer .card .card-header h2 button {
     color: #3b4559 !important;
     font-weight: 600;
     font-size: 1.25rem
 }

 .appFaqs .faqsContainer .card .card-header h2 button:focus,
 .appFaqs .faqsContainer .card .card-header h2:focus {
     outline: none
 }

 .appFaqs .faqsContainer .card .card-body {
     color: #3b4559;
     font-weight: 300;
     font-size: 1.125rem;
     background-color: #fcfcfe !important;
 }

 .appFaqs .faqsContainer .card .card-body p {
     margin-bottom: 10px;
     padding-left: 12px
 }

 .appFaqs .faqsContainer .card .card-body ol li,
 .appFaqs .faqsContainer .card .card-body ul li {
     margin-bottom: 10px
 }

 .appFaqs .faqsContainer .card .card-body a {
     font-size: 1.125rem
 }

 .appFaqs .faqsContainer .card .card-body a:after {
     display: none
 }

 .appFaqs .faqsContainer .card .card-body ol,
 .appFaqs .faqsContainer .card .card-body ul {
     padding-left: 2rem
 }

 .appFaqs .faqsContainer .card .card-header h2 button.collapsed:after {
     /*font-family: totalplayicons;
    */
     font-family: "Material Icons" !important;
     content: "\e5ce" !important;
     color: #474747 !important;
     float: right;
     transform: rotate(90deg);
     font-size: .75rem;
     position: relative;
     top: 8px;
 }

 .appFaqs .faqsContainer .card .card-header h2 button:after {
     content: "\e5ce" !important;
     font-family: "Material Icons" !important;
     color: #1988ff;
     float: right;
     font-size: .75rem;
     transform: rotate(180deg);
     position: relative;
     top: 8px
 }

 .appFaqs {
     background: #fff;
     padding-top: 50px;
     padding-bottom: 50px
 }

 .appFaqs .appFaqsTitles {
     text-align: center !important;
     color: var(--night-dark, #303F5A);
     /* heading/heading-md/bold40 */
     font-family: Montserrat;
     font-size: 35px;
     font-style: normal;
     font-weight: 700;
     line-height: 48px;
     /* 120% */
     letter-spacing: -1.5px;
     margin-bottom: 25px;
 }

 .appFaqs .appFaqsTitles h1 {
     font-size: 1.75rem;
     line-height: 34px;
     font-weight: 300;
     margin-bottom: 24px
 }

 .appFaqs .faqsContainer .card {
     margin-bottom: 16px;
     border-radius: 16px;
     border: 1px solid var(--complementary-day-light-active, #F1F4FC);
     background: var(--day-light, #FCFCFE);
     /* elevation/light/rest */
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
 }

 .appFaqs .faqsContainer .card .card-header {
     background: var(--day-light, #FCFCFE) !important;
 }

 .appFaqs .faqsContainer .card .card-header h2 button {
     color: #3b4559;
     font-weight: 600;
     font-size: 1.25rem
 }

 .appFaqs .faqsContainer .card .card-header h2 button:focus,
 .appFaqs .faqsContainer .card .card-header h2:focus {
     outline: none
 }

 .appFaqs .faqsContainer .card .card-body {
     color: #3b4559;
     font-weight: 300;
     font-size: 1.125rem
 }

 .appFaqs .faqsContainer .card .card-body p {
     color: #3C486F !important;
     margin-bottom: 10px;
     padding-left: 12px
 }

 .appFaqs .faqsContainer .card .card-body ol li,
 .appFaqs .faqsContainer .card .card-body ul li {
     margin-bottom: 10px
 }

 .appFaqs .faqsContainer .card .card-body a {
     font-size: 1.125rem
 }

 .appFaqs .faqsContainer .card .card-body a:after {
     display: none
 }

 .appFaqs .faqsContainer .card .card-body ol,
 .appFaqs .faqsContainer .card .card-body ul {
     padding-left: 2rem
 }

 .appFaqs .faqsContainer .card .card-header h2 button.collapsed:after {
     color: #8a8a8a;
     float: right;
     transform: rotate(90deg);
     font-size: 1.20rem;
     position: relative;
     top: 8px;
 }

 .appFaqs .faqsContainer .card .card-header h2 button:after {
     content: "\e5ce" !important;
     font-family: "Material Icons" !important;
     color: #8a8a8a !important;
     float: right;
     font-size: 1.20rem;
     transform: rotate(180deg);
     position: relative;
     top: 8px
 }

 /*Mobile Menu*/
 .mobileMenuDeliveryContainer {
     width: 100%;
     position: fixed;
     z-index: 10000;
     height: auto;
     left: 0;
     top: 0;
 }

 .mobileMenuDelivery {
     width: 100%;
     background: rgba(30, 30, 40, 1);
     height: 40vh;
     padding-top: 2rem;
 }

 .closeMenuDelivery {
     text-align: right;
 }

 .closeMenuDelivery a:after {
     display: none;
 }

 .closeMenuDelivery a span {
     color: rgba(245, 245, 245, 1);
     font-size: 20px;
     margin-right: 16px;
     font-size: 29px;
 }

 .mobileMenuDelivery ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .mobileMenuDelivery ul li {
     border-bottom: rgba(245, 245, 245, 1) solid 1px;
 }

 .mobileMenuDelivery ul li:last-child {
     border-bottom: 0;
     display: flex;
     justify-content: center;
     padding-top: 2rem;
 }

 .mobileMenuDelivery ul li a:after {
     display: none;
 }

 .mobileMenuDelivery ul li a {
     color: rgba(245, 245, 245, 1);
     display: block;
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: 15px;
 }

 .mobileMenuDelivery ul li a:hover {
     background: rgba(245, 245, 245, 0.25);
 }

 .card-title {
     color: #FFF;
     /* heading/heading-md/bold40 */
     font-family: Montserrat;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: 48px;
     /* 120% */
     letter-spacing: -1.5px;
 }

 .p-adicionales {
     color: #FFF;
     text-align: center;
     /* body/body-lg/medium18 */
     font-family: Montserrat;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 28px;
     /* 155.556% */
 }

 /*support*/

 /*Mobile Menu*/
 /*Terminos*/
 /*Terms*/
 .deliveryterms {
     text-align: center;
     font-size: 18px;
     font-weight: 700;
     margin-top: 50px;
 }

 .deliveryterms a {
     font-size: 18px;
 }

 .deliveryterms a:after {
     display: none;
 }

 /*TyC*/
 .faqsMainContainer {
     background: rgba(255, 255, 255, 1);
 }

 .faqsToggleContainer {
     padding-top: 5vh;
 }

 .faqsMainContainer .faqsLargeContainer .faqsCardsContainer {
     padding-top: 5vh;
 }

 .faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a {
     font-weight: 700;
     font-size: 16px;
 }

 .faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a::before {
     content: "\e803";
     font-family: "totalplayicons";
     margin-right: 1rem;
     font-size: 14px;
 }

 .faqsToggleContainer .stickyContainer {
     height: 100%;
     position: relative;
 }

 .faqsToggleContainer .stickyContainer .stickyMenu {
     position: sticky;
     top: 2vh;
     width: 100%;
     height: 100vh;
     padding: 0;
 }

 .faqsQuestionContainer {
     margin-bottom: 2rem;
 }

 .faqsContainerTitle {
     margin-top: 2rem;
     margin-bottom: 0 !important;
 }

 .faqsContainerTitle h1 {
     font-size: 30px !important;
     line-height: 37px;
     color: rgba(59, 69, 89, 1);
     font-weight: 700 !important;
     margin-bottom: 16px;
 }

 .faqsContainerTitle h2 {
     font-size: 22px;
     line-height: 24px;
     color: rgba(59, 69, 89, 1);
     font-weight: 700;
 }

 .faqsQuestionContainer h3 {
     font-size: 16px;
     line-height: 24px;
     color: rgba(59, 69, 89, 1);
     font-weight: 700;
 }

 .faqsQuestionContainer ul {
     list-style: inside;
 }

 .faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsItem a {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }

 /*Terminos*/

 /*MOdal*/
 .demTable {
     width: 100%;
     border: 1px solid #ffffff;
     border-collapse: collapse;
     padding: 5px;
 }

 .demTable th {
     border: 1px solid #ffffff;
     padding: 5px;
     background: #ffffff;
     color: #313030;
 }

 .demTable td {
     border: 1px solid #ffffff;
     text-align: left;
     padding: 5px;
     color: #313030;
 }

 tr:nth-child(even) {
     background: var(--day-normal, #EAEFFB);
 }

 .tabhead {
     color: var(--night-dark, #303F5A);
     font-feature-settings: 'clig' off, 'liga' off;

     /* heading/heading-xxs/bold20 */
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     /* 140% */
 }

 .tabtitle {

     color: var(--night-dark, #303F5A);
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-lg/semibold18 */
     font-family: Montserrat;
     font-size: 18px;
     font-style: normal;
     font-weight: 600;
     line-height: 28px;
     /* 155.556% */
 }

 .tanconcept {
     color: var(--night-dark, #303F5A);
     leading-trim: both;
     text-edge: cap;
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-lg/medium18 */
     font-family: Montserrat;
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 36px;
     /* 155.556% */

 }

 .titleModal {
     color: var(--night-dark, #303F5A);
     leading-trim: both;
     text-edge: cap;
     font-feature-settings: 'clig' off, 'liga' off;
     font-family: Montserrat;
     font-size: 21px;
     font-style: normal;
     font-weight: 800;
     line-height: 28px;
 }


 .modal-footer {
     margin-bottom: 30px !important;
 }

 .tituloPunto {
     font-weight: 700;

 }

 .parrafoModal {

     text-align: justify;
     color: var(--night-dark, #303F5A);
     font-feature-settings: 'clig' off, 'liga' off;

     /* body/body-lg/medium18 */
     font-family: Montserrat;
     font-size: 12px;
     font-style: normal;
     font-weight: 500;
     line-height: 21px;

 }

 .p-carrusel {
     padding: 0 !important;
 }


 .owl-theme .owl-dots .owl-dot.active span {
     background: #221362 !important;
     width: 24px !important;
 }

 .owl-theme .owl-dots .owl-dot span {
     background: #9FADCB !important;
 }

 /* modal arcos */
 .headerArcos {
     /* background-image: url(/assets/img/nuevos/tdc/arcos.png); */
     background-size: cover;
 }

 #modalArcos .modal-header {
     height: 270.008px;

 }

 #modalArcos .modal-content {
     width: 328px;
     border-radius: var(--24px, 24px) var(--24px, 24px);
 }

 #modalArcos .modal-header {
     height: 154px;
     border-radius: var(--24px, 24px) var(--24px, 24px) 0px 0px;

 }

.modal-header .close {
    opacity: .9;
    position: absolute;
    top: 10px;
    right: 20px;
    margin: 0 !important;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff url(../../img/nuevos/tdc/close.png) no-repeat center / 17px;
}

#modalArcos .modal-header .close:hover{
    opacity: 1;
}

 #modalArcos .modal-body {
     gap: var(--40px, 40px);
     padding: var(--40px, 40px) var(--48px, 48px);
     border-radius: 0px 0px var(--24px, 24px) var(--24px, 24px);
     background: var(--system-white, #FFF);
 }


 .titulosArcos {
     display: flex;
     width: 296px;
     flex-direction: column;
     align-items: center;
     gap: var(--12px, 12px);
 }

 .textoArcos {
     display: flex;
     width: 296px;
     flex-direction: column;
     align-items: center;
     gap: var(--40px, 40px);
 }

 .textoArcos p {
     color: var(--night-normal, #4A566D);

     leading-trim: both;

     text-edge: cap;
     font-feature-settings: 'clig' off, 'liga' off;
     /* body/body-md (base)/medium16 */
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;
     /* 150% */
 }

 .textoArcos p span {
     color: #754EA9;
     leading-trim: both;
     text-edge: cap;
     font-feature-settings: 'clig' off, 'liga' off;
     /* body/body-md (base)/bold16 */
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;
 }

 .textoArcos p a{
    font-size: inherit;
    font-weight: 600;
    color: #754EA9;
 }

 .textoArcos button {
     display: flex;
     height: 52px;
     padding: 12px 20px;
     justify-content: center;
     align-items: center;
     gap: 8px;
     border-radius: var(--96px, 96px);
     background: var(--primary-normal, #1A88FF);
     /* light/rest */
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
     border: none;
     color: var(--day-light, #FCFCFE);
     font-feature-settings: 'clig' off, 'liga' off;
     /* heading/heading-xxs/semibold20 */
     font-family: Montserrat;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 24px;
 }

 .titleArcos {
     color: #754EA9;
     font-feature-settings: 'clig' off, 'liga' off;
     /* heading/heading-sm/bold28 */
     font-family: Montserrat;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
 }

 .subtitleArcos {
     color: #754EA9;

     text-align: center;
     font-feature-settings: 'clig' off, 'liga' off;
     /* heading/heading-xxs/medium20 */
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
 }

 .modal-dialog {
     max-width: max-content;
 }

 .demTable {
     width: 296px !important;
 }

 .demTable td {
     border: 1px solid #ffffff;
     text-align: left;
     padding: 8px;
     color: #313030;
     width: 280px;
     font-size: 12px;
 }

 .modal-footer {
     margin-bottom: 0 !important;
 }

 .titleModal,
 .tabhead {
     font-size: 12px;
     font-style: normal;
     font-weight: 600;
 }

 .titleContainer {
     display: flex;
     justify-content: center;
     flex-direction: column;
 }

 @media (max-width: 575.98px) {
     .text-16 {
         font-size: 16px !important;
     }
 }

 /* Fin media query 575.98px */

 @media (min-width: 767.98px) {

     .headerCredito {
         position: relative;
         background-image: url(/assets/img/nuevos/tdc/banner.png);
         height: 704px;
         background-size: 100%;
         z-index: 0;
         overflow: hidden;
         padding-top: 210px;
         background-position-y: 269px;
     }

     .headerCredito h1 {
         font-size: 40px;
         font-style: normal;
         font-weight: 600;
         line-height: 48px;
         /* 120% */
         letter-spacing: -1.5px;
     }

     .headerCredito h1 span {
         font-size: 48px;
         font-style: normal;
         font-weight: 700;
         line-height: 60px;
         /* 125% */
         letter-spacing: -2px;
     }

     .headerCredito p {
         font-size: 18px;
         font-style: normal;
         line-height: 28px;
         /* 155.556% */
     }

     .tarjetaTotalplay {
         position: absolute;
         right: 0;
         top: 553px;
         width: 27%;
     }

     /* Generales */

     .subtitle {
         font-size: 28px;
         font-style: normal;
         font-weight: 700;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .subtitle span {
         font-size: 28px;
         font-style: normal;
         font-weight: 700;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .normalText {
         font-size: 20px;
     }

     .normalText span {
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
         line-height: 24px;
     }

     /* Beneficios card */

     .beneficiosCard {
         max-width: 224px;
     }

     .titleBeneficiosCard p {
         color: #251F5D;
         font-feature-settings: 'clig' off, 'liga' off;
         font-size: 18px;
         font-style: normal;
         font-weight: 600 !important;
         line-height: 28px;
     }

     .beneficiosCard p {
         font-size: 14px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;
     }

     .beneficiosCard p span {
         color: #754EA9;
         font-feature-settings: 'clig' off, 'liga' off;
         font-size: 14px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;
     }

     .titleBeneficiosCard img {
         width: 32px;
     }

     .amigosMargen {
         margin: 60px 0 19rem;
     }

     /* Card glass */

     .cardGlass {
         padding: var(--16px, 16px) var(--12px, 12px);
         gap: var(--8px, 8px);
     }

     .cardGlassTitle {
         font-size: 28px;
         font-style: normal;
         font-weight: 600;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .cardGlassText {
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
         line-height: 20px;
         text-wrap: nowrap;
     }

     .cardGlassText span {
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
     }

     .cardGlassButton {
         height: 36px;
         padding: 6px 14px;
         justify-content: center;
         align-items: center;
         gap: 8px;
         border-radius: var(--96px, 96px);
         border: 1px solid var(--day-normal, #EAEFFB);
         background: var(--primary-normal, #1A88FF);
         /* light/rest */
         box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
         font-size: 14px;
         font-style: normal;
         font-weight: 600;
         line-height: 20px;

     }

     .celularFondo {
         min-height: 380px;
         background-position: center;
         background-size: cover;
         margin-right: 0;
     }

     .celularFondo {
         background-image: url(/assets/img/nuevos/tdc/imagen_app1.png);
     }

     .cardMaster {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
         border-radius: var(--40px, 40px);
         /* light/flyout */
         box-shadow: 0px 30px 18px 0px rgba(0, 0, 0, 0.16);
         text-align: left;
         min-width: 548px;
         justify-content: center;
         height: 168px;
     }

     .cardMaster1 {
         background-image: url(/assets/img/nuevos/tdc/carousel1.png);
     }

     .cardMaster2 {
         background-image: url(/assets/img/nuevos/tdc/carousel2.png);
     }

     .cardMasterTitle {
         color: #FFF;
         font-size: 28px;
         font-style: normal;
         font-weight: 600;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .cardMasterSubtitle {
         font-size: 16px;
         font-style: normal;
         font-weight: 600;
         line-height: 24px;
     }

     .imgCelularMovil {
         display: none;
     }

     .amigosFondo {
         background-image: url(/assets/img/nuevos/tdc/amigos.png);
         background-size: 100%;
         background-position-y: 520px;
         background-repeat: no-repeat;
     }

     .imgCelularMovil {
         display: none;
     }

     .imgAmigosMovil {
         display: none;
     }

     .contentMax {
         margin-left: -15px;
         margin-right: -15px;
     }

     .fixMargin {
         margin-right: 0px !important;
         margin-left: 0px !important;
     }

     .support {
         margin-left: 0 !important;
         margin-right: 0 !important;
     }

     .gridCardsPromo {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: 1fr;
         grid-column-gap: 15px;
         grid-row-gap: 0px;
     }

     .imgControla {
         width: 270px;
     }

 }

 @media(max-width:768px) {
     .celularFondo .subtitle span {
         font-size: 28px;
         font-style: normal;
         font-weight: 600;
         line-height: 36px;
         letter-spacing: -0.5px;
     }

     .celularFondo .normalText {
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 24px;
     }

     .containerHeader {
         max-width: 1366px;
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto;
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .subtitleM,
     .subtitleM span {
         font-size: 20px !important;
     }

     .normalTextM,
     .normalTextM span {
         font-size: 16px !important;
     }

 }

 @media (min-width: 1200px) {

     /*Header*/
     .headerCredito {
         position: relative;
         background-image: url(/assets/img/nuevos/tdc/hero-banner-tdc.png);
         height: 830px;
         background-size: 100%;
         z-index: 0;
         overflow: hidden;
         padding-top: 180px;
         background-position-y: 223px;
     }

     .headerCredito p {
         color: var(--day-light, #FCFCFE);
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xs/medium24 */
         font-family: Montserrat;
         font-size: 28px;
         font-style: normal;
         font-weight: 500;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .headerCredito h1 {
         color: var(--day-light, #FCFCFE);
         font-size: 57px;
         font-style: normal;
         font-weight: 500;
         line-height: 80px;
         letter-spacing: -2px;
         margin: 37px 0;
     }

     .headerCredito h1 span {
         font-size: 65px;
         font-style: normal;
         font-weight: 600;
         line-height: 80px;
         letter-spacing: -2px;
     }

     .containerHeader {
         max-width: 1366px;
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto;
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     /* Generales */

     .subtitle {
         color: #754EA9;

         text-align: center;
         /* heading/heading-md/bold40 */
         font-family: Montserrat;
         font-size: 40px;
         font-style: normal;
         font-weight: 700;
         line-height: 48px;
         /* 120% */
         letter-spacing: -1.5px;
     }

     .subtitle span {
         color: #251F5D;
         /* heading/heading-md/bold40 */
         font-family: Montserrat;
         font-size: 40px;
         font-style: normal;
         font-weight: 700;
         line-height: 48px;
         letter-spacing: -1.5px;
     }

     .normalText {
         color: var(--night-normal, #4A566D);
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xs/semibold24 */
         font-family: Montserrat;
         font-size: 24px;
         font-style: normal;
         font-weight: 600;
         line-height: 32px;
         /* 133.333% */
     }

     .normalText span {
         color: #251F5D;
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xs/bold24 */
         font-family: Montserrat;
         font-size: 24px;
         font-style: normal;
         font-weight: 700;
         line-height: 32px;
         /* 133.333% */
     }

     .miniText {
         color: var(--night-light, #9FADCB);
         font-feature-settings: 'clig' off, 'liga' off;
         /* body/body-sm/medium14 */
         font-family: Montserrat;
         font-size: 14px;
         font-style: normal;
         font-weight: 500;
         line-height: 20px;
         /* 142.857% */
     }

     .amigosMargen {
         margin: 60px 0 35rem;
     }

     .heigthControla {
         min-height: 578px;
     }

     .tarjetaTotalplay {
         position: absolute;
         right: 0;
         top: 600px;
         width: auto;
     }

     .hidden {
         display: none;
     }

     /* Beneficios cards */

     .beneficiosCard {
         border-radius: var(--32px, 32px);
         border: var(--2px, 2px) solid var(--day-normal, #EAEFFB);
         background: linear-gradient(94deg, rgba(255, 255, 255, 0.40) 29.13%, rgba(255, 255, 255, 0.10) 64.35%);
         box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
         backdrop-filter: blur(30px);
         display: flex;
         padding: var(--32px, 32px) var(--16px, 16px);
         flex-direction: column;
         align-items: center;
         gap: var(--24px, 24px);
         max-width: 352px;
     }

     .titleBeneficiosCard p {
         color: #251F5D;
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xs/semibold24 */
         font-family: Montserrat;
         font-size: 24px;
         font-style: normal;
         font-weight: 600 !important;
         line-height: 32px;
     }

     .beneficiosCard p {
         color: var(--night-normal, #4A566D);
         text-align: center;
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/medium20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 400;
         line-height: 28px;
         /* 140% */
     }

     .beneficiosCard p span {
         color: #754EA9;
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/bold20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
     }

     .titleBeneficiosCard img {
         width: 64px;
         margin-bottom: 10px;
     }

     /* card glass */

     .cardGlass {
         display: flex;
         width: auto;
         padding: var(--32px, 32px) var(--40px, 40px);
         flex-direction: column;
         justify-content: center;
         align-items: center;
         gap: var(--24px, 24px);
         border-radius: var(--40px, 40px);
         border: var(--4px, 4px) solid #2F2D61;
         background: linear-gradient(94deg, rgba(255, 255, 255, 0.40) 29.13%, rgba(255, 255, 255, 0.10) 64.35%);
         box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
         backdrop-filter: blur(40px);
         -webkit-box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.20);
         -webkit-backdrop-filter: blur(40px);
     }

     .cardGlassTitle {
         /* heading/heading-md/semibold40 */
         font-family: Montserrat;
         font-size: 40px;
         font-style: normal;
         font-weight: 600;
         line-height: 48px;
         /* 120% */
         letter-spacing: -1.5px;
         background: linear-gradient(131deg, #251F5D 59.91%, #9747FF 114.41%);
         background-clip: text;
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
     }

     .cardGlassText {
         color: #251F5D;
         leading-trim: both;
         text-edge: cap;
         font-feature-settings: 'clig' off, 'liga' off;
         /* body/body-lg/medium18 */
         font-family: Montserrat;
         font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 28px;
         /* 155.556% */
     }

     .cardGlassText span {
         color: #212E5C;

         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-sm/bold28 */
         font-family: Montserrat;
         font-size: 28px;
         font-style: normal;
         font-weight: 600;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .cardGlassButton {
         display: flex;
         height: 52px;
         padding: 12px 20px;
         justify-content: center;
         align-items: center;
         gap: 8px;
         border-radius: var(--96px, 96px);
         border: 1px solid var(--day-normal, #EAEFFB);
         background: var(--primary-normal, #1A88FF);
         /* light/rest */
         box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
         color: #FFF;
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/semibold20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
     }

     /* Cards Carousel mastercard */

     .cardMaster {
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         gap: 10px;
         border-radius: var(--40px, 40px);
         /* light/flyout */
         box-shadow: 0px 30px 18px 0px rgba(0, 0, 0, 0.16);
         min-width: 972px;
         text-align: left;
         height: 296px;
     }

     .cardMasterTitle {
         color: #FFF;
         /* heading/heading-md/semibold40 */
         font-family: Montserrat;
         font-size: 40px;
         font-style: normal;
         font-weight: 600;
         line-height: 48px;
         /* 120% */
         letter-spacing: -0.5px;
     }

     .cardMasterSubtitle {
         color: #FFF;

         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/medium20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 500;
         line-height: 28px;
         /* 140% */

     }

     /* Cards Promociones */

     .gridCardsPromo {
         display: flex;
         flex-wrap: wrap;
         gap: 15px;
     }

     .cardPromo {
         display: flex;
         padding-bottom: var(--12px, 12px);
         flex-direction: column;
         gap: var(--16px, 16px);
         border-radius: var(--16px, 16px);
         border: 1px solid var(--day-normal, #EAEFFB);
         background: #FCFCFE;

         /* light/hover */
         box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
         margin-bottom: 10px;
     }

     .cardPromo.tres {
         min-width: 352px;
         max-width: 352px;
     }

     .cardPromo.tres img,
     .cardPromo.dos img {
         height: 270px;
     }

     .cardPromo.dos {
         min-width: 400px;
         max-width: 400px;
     }

     .cardPromo.uno {
         min-width: 580px;
         max-width: 580px;
         position: relative;
     }

     .cardPromo.uno img {
         height: 181px;
     }

     .cardPromo.uno::before {
         content: '';
         position: absolute;
         top: 8%;
         left: 80%;
         width: 270px;
         height: 360px;
         background: red;
         border-radius: var(--16px, 16px);
         z-index: -1;
         background: linear-gradient(37.92deg, #9747FF -2.26%, #221362 64.3%);
     }

     .cardPromo.uno::after {
         content: '';
         position: absolute;
         top: 8%;
         right: 80%;
         width: 270px;
         height: 360px;
         background: red;
         border-radius: var(--16px, 16px);
         z-index: -1;
         background: linear-gradient(37.92deg, #9747FF -2.26%, #221362 64.3%);
     }

     .cardPromo.uno .cardPromoText {
         min-height: 100px;
     }

     .cardPromo.uno .cardPromoText br,
     .cardPromo.uno .cardPromoTitle br,
     .cardPromo.dos .cardPromoText br,
     .cardPromo.dos .cardPromoTitle br,
     .cardPromo.tres .cardPromoText br,
     .cardPromo.tres .cardPromoTitle br {
         display: none;
     }

     .cardPromo img {
         width: 100%;
     }

     .cardPromoTitle {
         color: #754EA9;
         font-feature-settings: 'clig' off, 'liga' off;

         /* heading/heading-xs/bold24 */
         font-family: Montserrat;
         font-size: 24px;
         font-style: normal;
         font-weight: 700;
         line-height: 32px;
         /* 133.333% */
     }

     .cardPromoText {
         color: var(--night-normal, #4A566D);
         font-feature-settings: 'clig' off, 'liga' off;

         /* body/body-md (base)/medium16 */
         font-family: Montserrat;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
         line-height: 24px;
         min-height: 144px;
     }

     .cardPromoText span {
         color: #754EA9;
         font-feature-settings: 'clig' off, 'liga' off;
         /* body/body-md (base)/bold16 */
         font-family: Montserrat;
         font-size: 16px;
         font-style: normal;
         font-weight: 600;
         line-height: 24px;
     }

     .cardPromoButton {
         color: var(--primary-normal, #1A88FF);
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/semibold20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
         border: none;
         background-color: transparent;
     }

     /* Imagenes responsive */

     .imgControla {
         width: 396px;
     }

     /* Seccion celular imagen */

     .celularFondo {
         background-image: url(/assets/img/nuevos/tdc/imagen_app1.png);
         background-size: 100%;
         min-height: 600px;
         margin-right: 0px;
     }

     /* card glass */

     .amigosFondo {
         background-image: url(/assets/img/nuevos/tdc/amigos.png);
         background-size: 100%;
         background-position-y: 470px;
         background-repeat: no-repeat;
     }

     .imgCelularMovil {
         display: none;
     }

     .imgAmigosMovil {
         display: none;
     }

     /* Margenes responsive*/
     .p-t {
         padding-right: 235px;
     }

     .p-nt {
         padding-right: 95px;
     }

     .contentMax {
         max-width: 1440px;
         margin: 0 auto;
     }

     /*support*/
     .support {
         position: relative;
         background: url(/assets/img/nuevos/credito/support.png) no-repeat;
         filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1);
         background-size: 100%;
         z-index: 0;
         overflow: hidden;
         margin-right: 0px;
         margin-left: 0px;
         padding-top: 3vw;
         padding-bottom: 3vw;
     }

     .creditoStickyMenu .logoDeliveryContainer figure img.logoRestaurantes {
         margin-left: 47px !important;
     }

     .demTable {
         width: 736px !important;
     }

     .demTable td {
         border: 1px solid #ffffff;
         text-align: left;
         padding: 16px;
         color: #313030;
         width: 332px;
     }

     .modal-footer {
         margin-bottom: 0 !important;
     }

     .titleModal,
     .tabhead {
         font-size: 24px;
         font-style: normal;
         font-weight: 600;
     }

     #modalArcos .modal-content {
         width: 576px;
         border-radius: var(--24px, 24px) var(--24px, 24px);
     }

     #modalArcos .modal-header {
         height: 270.008px;
         border-radius: var(--24px, 24px) var(--24px, 24px) 0px 0px;

     }

     #modalArcos .modal-body {
         gap: var(--40px, 40px);
         padding: var(--40px, 40px) var(--48px, 48px);
         border-radius: 0px 0px var(--24px, 24px) var(--24px, 24px);
         background: var(--system-white, #FFF);
     }

     .titulosArcos {
         display: flex;
         width: 480px;
         flex-direction: column;
         align-items: center;
         gap: var(--12px, 12px);
     }

     .textoArcos {
         display: flex;
         width: 480px;
         flex-direction: column;
         align-items: center;
         gap: var(--40px, 40px);
     }

     .textoArcos p {
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 24px;
         /* 150% */
     }

     .textoArcos p span {
         font-family: Montserrat;
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
         line-height: 24px;
     }

     .textoArcos button {
         display: flex;
         height: 52px;
         padding: 12px 20px;
         justify-content: center;
         align-items: center;
         gap: 8px;
         border-radius: var(--96px, 96px);
         background: var(--primary-normal, #1A88FF);
         /* light/rest */
         box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
         border: none;
         color: var(--day-light, #FCFCFE);
         font-feature-settings: 'clig' off, 'liga' off;
         /* heading/heading-xxs/semibold20 */
         font-family: Montserrat;
         font-size: 20px;
         font-style: normal;
         font-weight: 600;
         line-height: 28px;
     }

     .titleArcos {
         font-size: 28px;
         font-style: normal;
         font-weight: 700;
         line-height: 36px;
         /* 128.571% */
         letter-spacing: -0.5px;
     }

     .subtitleArcos {
         font-size: 20px;
         font-style: normal;
         font-weight: 500;
         line-height: 28px;
         /* 140% */
     }

 }