.drbe-banner {
  position: relative;
  width: 100%;
  max-width: 380px;
  background-color: beige;
  height: 160px;
  border-radius: 16px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}

.drbe-banner img {
  position: absolute;
}

.drbe-banner img.am-v2 {
  right: -20px;
  top: -31px;
  width: 100%;
  max-width: 120px;
}

p.di--epigrafe, h2.di--titulo, h3.di--bajada, p.di--info {
  margin: 2px 0px;
color: #222D4B;
}

.drbe-info {
  margin: 2%;
  margin-bottom: 16px;
}

.drbe--list {
  width: 90%;
}

p.di--epigrafe {
  font-size: 16px;
  line-height: 19px;
}

h2.di--titulo {
  font-size: 21px !important;
  line-height: 24px;
  font-family: Nunito-Extrabold;
}

h3.di--bajada {
  font-size: 18px;
  line-height: 21px;
}

p.di--info {
  font-size: 16px;
  line-height: 19px;
}

.rainbow {
  color: #6e137e;
  background: -webkit-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.orange-rainbow {
  color: #6e137e;
  background: -webkit-linear-gradient(50deg, rgba(253,91,0,1) 0%, rgba(253,131,0,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.orange {
  color: #ff7a02;
}

.drbe-imagen {
  margin-bottom: 4%;
  margin-top: 2%;
}

.drbe-imagen img {
  margin: 0px auto;
  display: flex;
  width: 100%;
  max-width: 380px;
}

.ma-img img {
  margin-bottom: 18px;
}

.bck-rainbow {
  border-radius: 20px;
  background: rgb(255,132,0);
  background: -moz-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  background: -webkit-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  background: linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8400",endColorstr="#1EE4FF",GradientType=1);
  padding: 20px;
  width: 100%;
  max-width: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
}

.white {
  color: #FFFFFF !important;
}

.di--dcto {
  display: flex;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
}

.dd-valor {
  font-size: 100px;
  line-height: 80px;
  font-family: Nunito-Extrabold;
}

.porc {
  font-size: 46px;
  line-height: 46px;
  font-family: Nunito-Extrabold;
}

.dcto {
  font-size: 16px;
  line-height: 16px;
  font-family: Nunito-Extrabold;
}

.info-center {
text-align: center;
}

.info-box-left {
  text-align: left;
  align-items: flex-start !important;
}

img.br--img {
  width: 80%;
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 8%;
  margin-right: 8%;
}

.dd-monto {
  font-size: 60px;
  line-height: 60px;
  font-family: Nunito-Extrabold;
}

.dd-peso {
  font-size: 40px;
  line-height: 40px;
  font-family: Nunito-Extrabold;
}

.bck-white{
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  max-width: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  -moz-box-shadow: 0px 5px 5px #cccccc;
  -webkit-box-shadow: 0px 5px 5px #cccccc;
  box-shadow: 0px 4px 4px #cccccc;
}

.box-line {
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  max-width: 340px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #cbd4dc;
}

.box-alerta {
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  max-width: 340px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
}

.alerta-pato {
background-color: #FFF9E5;
}

.alerta-flamenco {
background-color: #FFD5D6;
}

.alerta-loro {
background-color: #C3D4FF;
}

.alerta-rana {
background-color: #ddedc5;
}

.drbe--btn {
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}

a.btn--general {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 236px;
font-size: 16px;
border: 0;
border-radius: 8px;
outline: 0;
cursor: pointer;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin-left: auto;
margin-right: auto;
}

a.btn--principal {
padding-bottom: 16px;
padding-top: 16px;
  text-decoration: none;
  background: linear-gradient(90deg, #fd5b00 0%, #fd8300 100%);
  color: #FFFFFF;
}

a.btn--principal:hover {
  -webkit-box-shadow: 0px 16px 16px -10px rgb(255 122 2 / 70%);
  -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 rgb(255 122 2 / 70%);
}

a.btn--secundario {
padding-bottom: 16px;
padding-top: 16px;
  text-decoration: none;
  background: #FFFFFF;
  color: #416179;
border:2px solid #cbd4dc;
}

a.btn--secundario:hover {
  border:2px solid #416179;
}

a.btn--terceario {
  text-decoration: none;
  background: #FFFFFF;
  color: #189eff;
margin-top: 0 !important;
margin-bottom: 20px !important;
}

a.btn--terceario:hover {
text-decoration: underline;
}

.drbe-emd {
  background: rgb(255,132,0);
  background: -moz-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  background: -webkit-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  background: linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8400",endColorstr="#1EE4FF",GradientType=1);
  width: 100%;
  max-width: 340px;
  flex-flow: column;
  border-radius: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
margin-top: 40px;
}

.emd--tips {
  width: 100%;
  margin-bottom: 16px;
  display: flex;
  text-align: center;
}

.emd--tips > div {
  flex-flow: column;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

a.btn--rainbow {
  padding-bottom: 16px;
  padding-top: 16px;
  text-decoration: none;
  background: #FFFFFF;
  padding-right: 20px;
  padding-left: 20px;
}

a.btn--rainbow span {
  color: #6e137e;
  background: -webkit-linear-gradient(50deg, rgba(255,132,0,1) 0%, rgba(180,0,140,1) 50%, rgba(0,90,229,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.drbe-legal {
  margin-bottom: 10px;
}

p.di--legal {
  font-size: 14px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 21px;
  padding-bottom: 20px;
  color: #222D4B;
}

.drbe-legal .drbe-info {
  display: flex;
  align-items: center;
  padding-top: 26px;
  border-top: 1px solid #cbd4dc;
}

.drbe-legal .drbe-info img {
  margin-right: 10px;
  width: 100%;
  max-width: 40px;
  margin-left: 10px;
}

.cae-list {
  width: 90%;
}

.cae-list .cae-list__item {
margin-bottom: 14px;
  font-size: 14px;
  line-height: 18px;
}

.cae-list .cae-list__item span {
  font-family: Nunito-Extrabold;
  color: #ff7700;
}

img.br--app {
  width: 100%;
  max-width: 170px;
  margin:1%;
}

.di--cont-app {
  display: flex;
  align-items: center;
  justify-content: center;
}

.di--app {
  max-width: 160px;
  width: 100%;
}

.di--app img.br--app {
  max-width: 120px;
  margin: 0;
}

img.br--app-cs {
  width: 100%;
  max-width: 76px;
}

.di--app a {
  display: block;
}

.drbe-mb-40 {
  margin-bottom: 40px;
}

.drbe-mt-40 {
  margin-top: 40px !important;
}

.drbe-mb-30 {
  margin-bottom: 30px;
}

.drbe-mt-30 {
  margin-top: 30px;
}

.drbe-mb-20 {
  margin-bottom: 20px;
}

.drbe-mt-20 {
  margin-top: 20px;
}


/* CARD TARJETA SEGURA */
.bck-cdb {
background-repeat: no-repeat;
background-position: center top;
background-size: auto;
background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/07369277702074584-fondo-cdb.png")
}

img.logo_cdb {
  margin-left: auto;
  display: flex;
  width: 100%;
  max-width: 280px;
  margin-right: auto;
  margin-bottom: 16px;
}

/* FIN CARD TARJETA SEGURA */


html {
  scroll-behavior: smooth;
}

.cont_bene_home{
    padding-top: 0px;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.cont_bene_home .center_bene{
    max-width: 1096px;
    width: 100%;
}
.cont_bene_home .center_bene > h2{
    max-width: 1096px;
    width: 100%;
    margin: 0;
    background: -webkit-linear-gradient(left, #fd8300, #f10092, #056bb1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 39px;
    line-height: 37px;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    margin-bottom: 12px;
}
.cont_bene_home .center_bene > p{
    font-size: 26px;
    line-height: 26px;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    color: #426179;
    margin-top: 0;
    margin-bottom: 42px;
    
}


.cont_bene_home .center_bene h2.tit_eventos,
.cont_bene_home .center_bene h2.tit_seguros
{
    margin-top: 54px
}

/*--------------ZONA CADS--------------*/

.cont_bene_home .bene_cont_cards{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    
    gap: 20px;
}
.cont_bene_home .bene_cont_cards .bene_card{
    display: flex;
    flex-flow: column;
    position: relative;
    box-shadow: 0px 0px 15px -2px rgb(96 128 159 / 15%);
    border-radius: 16px;
    overflow: hidden;
    
    width: 100%;
    max-width: 23.2%;
    
    transition: all 0.35s ease-in-out; 
    
}

.cont_bene_home .bene_cont_cards .bene_card:hover{
    cursor: pointer;
    box-shadow: 0px 11px 40px 0px rgb(96 128 159 / 35%);
    transform: translate(0,0%) scale(1.030);
    transition: 0.2s cubic-bezier(0.77, 0.3, 1, 1);

}
.cont_bene_home .bene_cont_cards .bene_card:hover .btn_fals{
    transition: all 0.35s ease-in-out; 
    opacity: 1;
}




.cont_bene_home .bene_cont_cards .bene_card .imagen{
    height: 159px;
    padding: 16px;
    background-size: cover;
    background-position: center center;
    border-radius: 0 0 16px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    position: relative;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .categoria{
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 4px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding: 4px 8px;
    width: fit-content;
    color: #fff;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado{
    

    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    
    padding: 4px 8px;
    border-radius: 8px;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .bajo_destacado{
    display: flex;
    flex-flow: column;
    align-items: center;

    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background: linear-gradient(70.2deg, #fc671fd6 0%, #a40089e0 47.88%, #2463b2c7 100%);
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 3px;
}

.cont_bene_home .bene_cont_cards .bene_card .imagen .arriba_destacado{
    display: flex;
    flex-flow: column;
    align-items: center;

    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    background: linear-gradient(70.2deg, #fc671fd6 0%, #a40089e0 47.88%, #2463b2c7 100%);
    padding: 3px 6px;
    border-radius: 4px;
    margin-bottom: 3px;
}

.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado{
    background: linear-gradient(70.2deg, #fc671fd6 0%, #a40089e0 47.88%, #2463b2c7 100%);
    color: #fff;
}

/*-------------------------*/


.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic{
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap:4px; 
}

.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic > span:nth-child(1){
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 31px;
    line-height: 28px;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic > span:nth-child(1) span{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -1px;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic span:nth-child(2){
    display: flex;
    flex-flow: column;
    gap:0px;
    
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic span:nth-child(2) span:nth-child(1){
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 15px;
}
.cont_bene_home .bene_cont_cards .bene_card .imagen .destacado .clasic span:nth-child(2) span:nth-child(2){
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
}


/*-------------------------*/


.cont_bene_home .bene_cont_cards .bene_card .textos{
    padding: 16px;
    padding-top: 42px !important;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 30px;
}

.cont_bene_home .bene_cont_cards .bene_card .textos  .logotipo{
     position: absolute;
    top: -43px;
    width: 85px;
    height: 85px;
    background-color: #eff4fb;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 6px solid #fff;
    
}
.cont_bene_home .bene_cont_cards .bene_card .textos  .logotipo img{
    width: 74%;
}

.cont_bene_home .bene_cont_cards .bene_card .textos span.categoria{
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    border-radius: 30px;
    padding: 4px 8px;
    width: fit-content;
    align-self: flex-start;
    margin-bottom: 6px;
    background-color: #e2ecf5;
    color: #677c94;
}
.cont_bene_home .bene_cont_cards .bene_card .textos h2{
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: #122E43;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 6px;
    text-align: left;
    display: block;
    width: 100%;
}
.cont_bene_home .bene_cont_cards .bene_card .textos p{
    margin: 0;
    font-size: 14px;
    color: #60809F;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    display: block;
    width: 100%;
}
.cont_bene_home .bene_cont_cards .bene_card .textos p span.resaltado{
    
}

.cont_bene_home .bene_cont_cards .bene_card .textos .fecha{
    background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/8787648172203808-calendar.svg");
    background-repeat: no-repeat;
    background-size: 14px auto;
    padding-left: 17px;
    font-size: 12px;
    color: #60809F;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    line-height: 14px;
    text-align: left;
    width: 100%;
    margin-bottom: 6px;

}






.cont_bene_home .bene_cont_cards .bene_card .btn_fals{

    position: absolute;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    opacity: 0.1;
    transition: all 0.35s ease-in-out;

    bottom: 8px;
    right: 10px; 
}

.cont_bene_home .bene_cont_cards .bene_card .btn_fals img{
    width: 25px;
}

.linea_separadora{
    width: 100%;
    border-top: 1px solid #E4EDF6;
    margin-top: 54px;
    margin-bottom: 45px;

}
.cont_bene_home .bene_cont_cards.margtop{
    margin-top: 54px;
}

/*-------------------destacdos -----------*/


.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1),
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2)
{
    max-width: 48.7%;
    flex-flow: row;
    min-height: 300px;
    border-radius: 24px;
    margin-bottom: 40px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen
{
    width: 45%;
    height: 100%;
    border-radius: 24px;
    justify-content: flex-end;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos
{
    width: 50%;
    justify-content: center;
}


.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1)  .textos .logotipo,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2)  .textos .logotipo
{
    top: auto;
    width: 100px;
    height: 100px;
    left: -48px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos h2,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos h2{
font-size: 23px;
line-height: 23px;
margin-bottom: 14px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos span.categoria,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos span.categoria
{
margin-bottom: 10px;
}

.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic > span:nth-child(1),
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic > span:nth-child(1)
{
    font-size: 53px;
    line-height: 47px;

}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos{
    padding-left: 58px;
}

.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1),
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1)
{

font-size: 21px;
line-height: 22px;
}

.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2),
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2)
{

font-size: 14px;
line-height: 13px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1)  .imagen .bajo_destacado,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2)  .imagen .bajo_destacado
{
    font-size: 17px;
    line-height: 22px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .bene_card .btn_fals,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .bene_card .btn_fals
{
bottom: 8px;
right: 10px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .btn_fals img,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .btn_fals img
{
     width: 38px;
}


/*-------------------FIN destacdos -----------*/


.cont_bene_home .bene_cont_cards.cont_eventos .bene_card .imagen .destacado
{
    background: linear-gradient(90deg, #ce2aaac9 -10.67%, #1d68d8d1 107.67%);
    color: #fff;
}

.cont_bene_home .bene_cont_cards.cont_eventos .bene_card .imagen{
    height: 250px;
}
.cont_bene_home .bene_cont_cards.cont_eventos .bene_card .textos .logotipo{
    position: absolute;
    top: -77px;
    right: 9px;
    width: 70px;
    height: 70px;
    background-color: #ffffffde;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.cont_bene_home .bene_cont_cards.cont_eventos .bene_card .textos{
    padding-top: 16px !important;
}




/*------------Seccion interna-----------*/


.con_pun_gana{
    display: flex;
    margin-top: 74px;
    gap: 20px;

}
.con_pun_gana .card_pun_gana{
    display: flex;
    width: 50%;
    box-shadow: 0px 12px 20px -2px rgba(96, 128, 159, 0.15);
    border-radius: 16px;
    overflow: hidden;
    padding: 24px;
    gap: 20px;
    
}
.con_pun_gana .card_pun_gana img{
    width: 76px;
}
.con_pun_gana .card_pun_gana .texto{

    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.con_pun_gana .card_pun_gana .linea{
    border-left: 1px solid #edeff1;

}
.con_pun_gana .card_pun_gana .texto p{
    font-size: 18px;
    color: #60809F;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    line-height: 20px;
    margin: 0;
    margin-bottom: 2px;
}
.con_pun_gana .card_pun_gana .texto h2{
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: #122E43;
    font-size: 27px;
    line-height: 31px;
    margin: 0;
    margin-bottom: 12px;
}
.con_pun_gana .card_pun_gana .texto .btn {
    padding: 9px 36px;
    border: 1px solid #cbd4dc;
    color: #122e43;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    transition: all 0.35s ease-in-out; 
    cursor: pointer;
    
}
.con_pun_gana .card_pun_gana .texto .btn:hover {
     box-shadow: 0px 9px 16px -10px rgb(163 180 195 / 62%);
    transition: all 0.35s ease-in-out; 
}
.con_pun_gana .card_pun_gana .texto .btn a{
    text-decoration: none;
    color: #122e43;
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    
}


.bene_retail{
    margin-top: 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0px 12px 20px -2px rgb(96 128 159 / 15%);
    border-radius: 16px;
    overflow: hidden;

    min-height: 234px;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e2536+14,5a2f8f+78,ac1e6d+100 */
background: #0e2536; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0e2536 14%, #5a2f8f 78%, #ac1e6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0e2536 14%,#5a2f8f 78%,#ac1e6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0e2536 14%,#5a2f8f 78%,#ac1e6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2536', endColorstr='#ac1e6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.bene_retail .textos{
    display: flex;
    flex-flow: column;
    padding: 24px;
    width: 50%;
    gap: 12px;
}
.bene_retail .textos p{
    font-size: 18px;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 300;
    line-height: 20px;
    margin: 0;

}


.bene_retail .textos h2{
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 33px;
    line-height: 36px;
    margin: 0;
}
.bene_retail .logos{
    width: 50%;
    display: flex;
    gap: 32px;
    padding: 24px;
    justify-content: center;
    
}
.bene_retail .logos a img{
    width: 80px;
    transition: all 0.35s ease-in-out; 
}
.bene_retail .logos a img:hover{
  transition: all 0.35s ease-in-out; 
    filter: drop-shadow(0px 20px 10px rgb(0 0 0 / 0.2));
}



/*------------------------Zona Menu---------------------------*/

.centra_page{
display: flex;
flex-flow: column;
align-items: center;

}
.centra_page .cont_mayor {
display: flex;
max-width: 1302px;
gap:60px;
}
.cont_mayor .menu_lateral{

position: relative;

}
.ruta_nav{
padding: 20px 0px;
width: 100%;
max-width: 1366px;
display: flex;
align-items: center;
}
.ruta_nav p,
.ruta_nav a
{
padding: 0 20px;
font-family: 'Nunito', sans-serif;
font-size: 12px;
font-weight: 500;
text-decoration: none;
margin: 0;
padding: 0;
}
.ruta_nav img{
margin-left: 8px;
margin-right: 8px;
}
.ruta_nav a:hover{
text-decoration: underline;
}

.cont_mayor .menu_lateral{
margin-top: 20px;
}


.cont_mayor .menu_lateral ul{
display: flex;
flex-flow: column;
border-radius: 0 0 8px 8px;
overflow: hidden;
box-shadow: 0px 32px 40px -2px rgba(96, 128, 159, 0.15);
margin: 0;
padding: 0;
min-width: 245px;
position: sticky;
top: 190px;



}
.cont_mayor .menu_lateral ul::after{
content: "";
position: absolute;
background: linear-gradient(270deg, #2463B2 -8.53%, #A40089 47.97%, #FC671F 100%);
width: 100%;
height: 8px;
top: 0;
left: 0;
border-radius: 8px 8px 0 0;
}

.cont_mayor .menu_lateral ul li{
list-style: none;
padding: 0px;
display: flex;
overflow: hidden;
flex: 1;
border: solid 1px #d6e3e9;
border-radius: 8px;
min-height: 91px;
max-height: 91px;
justify-content: center;
}
.cont_mayor .menu_lateral ul li:first-child{
margin-top: 8px;
}
.cont_mayor .menu_lateral ul li:hover{
background: #f4f7fa;
}
.cont_mayor .menu_lateral ul li div {
display: flex;
text-decoration: none;
width: 100%;
justify-content: center;
align-items: center;
}
.cont_mayor .menu_lateral ul li div span:last-child{
font-family: 'Nunito', sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: 500;
color: #416179;
padding: 35px 18px 6px 18px;
}




.cont_mayor .menu_lateral ul li div span:first-child {
width: 4px;
}
.cont_mayor .menu_lateral ul li:hover div span:first-child {
background: #ff7a02;
width: 4px;

}
.cont_mayor .menu_lateral ul li.active div span:first-child {
background: #ff7a02;
width: 4px;

}

.cont_menu_mobile{
display: none;	
}



.cont_bene_home .bene_cont_cards.cont_seguros .bene_card .imagen{
height: 159px;
}	

/*------------------------Fin Zona Menu---------------------------*/


/*--------------------VISTA ESTANDAR-------------*/

@media (min-width: 589px) {

.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
flex-flow: column;
max-width: 23.2%;
border-radius: 16px;
margin-bottom: 0;
}

.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen{
width: 100%;
height: 159px;
border-radius: 16px;
justify-content: flex-start;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .textos .logotipo, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .textos .logotipo{
top: -43px;
width: 85px;
height: 85px;
left: auto;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .textos, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .textos{
width: 100%;
padding-left: 16px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .textos h2, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .textos h2{
font-size: 16px;
line-height: 20px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .btn_fals img, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .btn_fals img{
width: 25px;
}


.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen .destacado .clasic > span:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen .destacado .clasic > span:nth-child(1){
font-size: 31px;
line-height: 28px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1){
font-size: 17px;
line-height: 15px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2){
font-size: 11px;
line-height: 13px;
}

.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen .bajo_destacado, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen .bajo_destacado{
font-size: 14px;
line-height: 16px;
}

}









/*------------RESPONSIVE-----------*/



@media (max-width: 1362px) {
.cont_bene_home .bene_cont_cards .bene_card{
    max-width: 23%;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
max-width: 23%;
}



}

@media (max-width: 1267px) {
.cont_bene_home .bene_cont_cards .bene_card{
    max-width: 22%;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) {
max-width: 46.9%;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
max-width: 22%;
}



}
@media (max-width: 1100px) {
.cont_bene_home .bene_cont_cards .bene_card{
    max-width: 31.7%;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
max-width: 31.7%;
}
}


@media (max-width: 1024px) {
.cont_bene_home{
    padding-left: 24px;
    padding-right: 24px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) {
max-width: 47.7%;
}
.centra_page .cont_mayor{
    flex-flow: column;
    max-width: 100%;
    gap: 10px;
}

.cont_bene_home .bene_cont_cards .bene_card {
max-width: 30.7%;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
max-width: 30.7%;
}

.cont_mayor .menu_lateral ul{
    display: none;
}
.cont_menu_mobile{
display: block;
padding: 24px;
background: #f7f9fb;


}


.cont_menu_mobile .carcasa_menu_mobile{
width: 100%;
display: flex;
border-radius: 8px;
border: #d4dce3 solid 1px;
position: relative;
align-items: center;
overflow: hidden;

}
.cont_menu_mobile .carcasa_menu_mobile select{
display: block;
width: 100%;
padding: 16px;
font-family: 'Nunito', sans-serif;
font-weight: 700;
color: #91a1b4;
font-size: 16px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
}
.cont_menu_mobile .carcasa_menu_mobile img{
position: absolute;
right: 16px;
}


}

/*-----------------------*/

@media (max-width: 992px) {
    
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) {
max-width: 100%;
min-height: 230px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1){
margin-bottom: 0;
}



.cont_bene_home{
    padding-left: 60px;
    padding-right: 60px;
}

.cont_bene_home .bene_cont_cards .bene_card{
    max-width: 31%;
}

.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
max-width: 31%;
}


.con_pun_gana .card_pun_gana{
    flex-flow: column;
    align-items: center;
}
.con_pun_gana .card_pun_gana .linea {
border-top: 1px solid #edeff1;
border-left: 0px;	
width: 100%;
}
.con_pun_gana .card_pun_gana .texto {

width: 100%;
}
.con_pun_gana .card_pun_gana .texto .btn{
    width: 100%;
}

    
}

/*-----------------------*/

@media (max-width: 598px) {

.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) {
    max-width: 100%;
    min-height: 226px;
    border-radius: 16px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos{
    padding-left: 16px;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen{
    justify-content: flex-start;
    border-radius: 16px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic > span:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic > span:nth-child(1) {
font-size: 43px;
line-height: 36px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(1) {
font-size: 17px;
line-height: 15px;
}
    
    
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen .destacado .clasic span:nth-child(2) span:nth-child(2) {
font-size: 11px;
line-height: 13px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1), 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2){
    margin-bottom: 0;	
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2){
    margin-bottom: 40px;		
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .btn_fals, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .btn_fals {
bottom: 8px !important;
right: 10px !important;
}	
    
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .btn_fals img, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .btn_fals img {
width: 32px;
}
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .textos h2, 
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .textos h2 {
font-size: 20px;
line-height: 20px;
margin-bottom: 9px;
}
    
    
    /*-----------------------------*/
    
    .cont_bene_home .center_bene > h2{
        font-size: 32px;
        line-height: 34px;
    }
    
    .cont_bene_home{
    padding-left: 24px;
    padding-right: 24px;
    }
    
    .cont_bene_home .bene_header{
        flex-flow: column;
        align-items: flex-start;
        gap: 12px;
    }
    .cont_bene_home .bene_header > h2{
        font-size: 34px;
        line-height: 35px;
    }
    .cont_bene_home .bene_header .tarjetas {
        gap: 10px;
        width: 50%;
        }
    .cont_bene_home .bene_header .tarjetas img{
        width: 33%;
        
    }
    
    /*-----------------*/
    

    .cont_bene_home .bene_cont_cards .bene_card .imagen .bajo_destacado{
        font-size: 12px !important;
        line-height: 14px !important;
    }

    .cont_bene_home .bene_cont_cards .bene_card .imagen{
        width: 48% !important;
        height: auto;
        border-radius: 0px 16px 16px 0px;
        
    }
    .cont_bene_home .bene_cont_cards .bene_card .textos{
        width: 52% !important;
    
        
    }
    .cont_bene_home .bene_cont_cards.cont_eventos .bene_card .imagen {
        height: auto;
    }
    .cont_bene_home .bene_cont_cards .bene_card .btn_fals{
        bottom: 10px;
        right: 10px;
    }
    .cont_bene_home .bene_cont_cards .bene_card .btn_fals img {
        width: 24px;
    }	
        


    .cont_bene_home .bene_cont_cards .bene_card .textos{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        justify-content: center !important;
    }

    .cont_bene_home .bene_cont_cards.cont_eventos .bene_card .textos {
        padding-top: 35px !important;
    }


    .cont_bene_home .bene_cont_cards .bene_card .textos .logotipo{
        top: auto !important;
        left: -62px !important;
        width: 55px !important;
        height: 55px !important;
        bottom: 8px;
    }




    .template .template__section{
        padding-left: 0;
        padding-right: 0;
    }

    .cont_bene_home .bene_cont_cards .bene_card {
        max-width: 100%;
        display: flex;
        flex-flow: row;
        min-height: 173px;
    }
    .cont_bene_home .bene_cont_cards.cont_eventos .bene_card {
        min-height: 226px;
    }
    .con_pun_gana{
        flex-flow: column;
    }
    .con_pun_gana .card_pun_gana{
        width: 100%;
    }
    .bene_retail{
        flex-flow: column;
        
    }
    .bene_retail .textos,
    .bene_retail .logos{
        width: 100%;
    }
    .bene_retail .textos h2 {
    font-size: 22px;
    line-height: 28px;
    }
.bene_retail .logos {
    gap: inherit;
    padding: 24px;
    justify-content: space-between;
    }
    .bene_retail .logos a img {
    width: 66px;
}
    
    
    
    /*-------VISTA STANDAR ------*/
    
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2){
    min-height: 173px;
    margin-bottom: 0px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .imagen .destacado .clasic > span:nth-child(1), 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .imagen .destacado .clasic > span:nth-child(1) {
    font-size: 31px;
    line-height: 28px;
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .textos h2, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .textos h2{
    font-size: 16px;
    line-height: 20px;	
}
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(1) .btn_fals img, 
.bene_cont_cards.cont_beneficios.vista_estandar .bene_card:nth-child(2) .btn_fals img{
        width: 24px;	
}
    
    
    
.cont_bene_home .bene_cont_cards.cont_seguros .bene_card{
        min-height: 173px;
}	
    
.cont_bene_home .bene_cont_cards.cont_seguros .bene_card .imagen{
height: auto;

}	
    
    

}	








/*_________banner puntos________*/

.cont_bnd_benf_puntos{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 60px;
}

.bnd_benf_puntos{
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
width: 100%;
height: 132px;
border-radius: 24px;
position: relative;
background-color: #fff;
box-shadow: 0px 0px 15px -2px rgb(96 128 159 / 15%);
padding-bottom: 8px;
}
.cont_mobile{
display: none;
}

.bnd_benf_puntos .benf_tarjetas{
position: relative;
margin-left: -150px;
height: 240%;
}

.bnd_benf_puntos p{
font-family: 'Nunito', sans-serif;
font-size: 20px;
line-height: 24px;
text-align: center;
font-weight: 700;
color: #122E43;
margin-left: 20px;
margin-right: 20px;
}

.bnd_benf_puntos .benf_logo{
height: 96%;
margin-right: 20px;
}
.bnd_benf_puntos .linea{
position: absolute;
bottom: 0;

width: 100%;
height: 8px;
background: linear-gradient(81.68deg, #FC671F 9.77%, #A40089 58.39%, #2463B2 102.55%);
}

@media (max-width: 1267px) {
.bnd_benf_puntos{
    width: 100%;
}

}
@media (max-width: 1024px) {
.bnd_benf_puntos{
    width: 100%;
}

}



@media (max-width: 576px) {

.bnd_benf_puntos{
    width: 100%;
    flex-flow: column;
    height: auto;
    padding: 24px;
    padding-bottom: 32px;
    gap: 24px;
}
.benf_tarjetas, .benf_logo{
    display: none;
}
.cont_mobile{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 37px;

}
.benf_tarjetas_mobile{
    width: 80%;
    max-width: 260px;
}
.benf_logo_mobile{
    width: 62px;
}
.bnd_benf_puntos p{
font-size: 16px;
line-height: 18px;
text-align: left;
margin: 0;
}






}

@media (max-width: 320px) {
.benf_tarjetas_mobile {

}
}










.drawer-legal {
				   
    background-color: #fff;
    position: relative;
    opacity: 1;
    visibility: visible;
}




body {
    overflow-x: hidden;
  }
  .no_scrollio {
    overflow-y: hidden !important;
  }
  .fondo_negro {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .drawerBeneficios {
    position: fixed;
    display: block;
    width: 0;
  
    height: 100vh;
    max-width: 400px;
    right: -400px;
    top: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 1);
    transition: all 400ms;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: Nunito-Regular;
    padding: 20px;
  }
  .drawer_activo {
    right: 0px;
  }
  .cerrar_drawer {
    color: #fff;
    background-color: #122e43;
    position: absolute;
    right: 10px;
    top: 20px;
    transform: rotate(45deg);
    font-size: 30px;
    border-radius: 70px;
    padding: 4px;
    line-height: 18px;
    cursor: pointer;
  }
  .drawer h1,
  .drawer h2,
  .drawer h3,
  .drawer h4,
  .drawer h5,
  .drawer h6,
  .drawer p,
  .drawer ul,
  .drawer li {
    font-family: Nunito-Regular;
    color: #122e43;
  }
  .drawer .contenidos h2.titulo {
    margin-bottom: 20px;
    font-weight: 700;
    text-align: left;
  }
  
  /*----CONTENIDOS----*/
  .cont_puntos {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }
  .cont_puntos img {
    width: 60px;
    margin-right: 10px;
  }
  .cont_puntos h2 {
    font-size: 1.3rem;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a83681', endColorstr='#dd4e39', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  .contenidos {
    margin-top: 10px;
  }
  .cont_puntos img {
    width: 48.8px;
  }
  .cont_puntos h2 {
    font-size: 1.1rem;
  }
  
  .contenidos {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 40px;
  }
  .contenidos .tarjeta {
    max-width: 600px;
    width: 100%;
  }
  .contenidos h2.titulo {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.1rem;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 700;
    max-width: 720px;
  }
  .cont_puntos {
    margin-top: 40px;
  }
  .contenidos h2.titulo br {
    display: none;
  }
  .contenidos h2.titulo {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  
  .descuento {
    display: flex;
    align-items: center;
  }
  .descuento .dsc_num {
    font-size: 6rem;
    line-height: 6rem;
    color: var(--clr_naranjo);
    font-weight: 700;
  }
  .descuento .dsc_porc {
    display: flex;
    flex-flow: column;
  }
  .descuento .dsc_porc .porc_uno {
    font-size: 32px;
    line-height: 40px;
    color: var(--clr_naranjo);
    font-weight: 700;
  }
  .descuento .dsc_porc .porc_dos {
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: var(--clr_naranjo);
    font-weight: 700;
  }
  .descuento .dsc_num {
    font-size: 6rem;
    line-height: 6rem;
  }
  .descuento .dsc_num {
    font-size: 4.9rem;
    line-height: 6rem;
  }
  .descuento .dsc_porc .porc_dos {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .descuento .dsc_num {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
  .descuento .dsc_porc .porc_uno {
    font-size: 32px;
    line-height: 40px;
  }
  .descuento .dsc_porc .porc_dos {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  
  .beneficio h2 {
    font-size: 4.5rem;
    line-height: 4rem;
    color: var(--clr_naranjo);
    font-weight: 700;
  }
  .beneficio p.bajada {
    font-size: 1.7rem;
    line-height: 1.7rem;
    color: var(--clr_naranjo);
    font-weight: 700;
  }
  .beneficio p.desde {
    text-align: left !important;
    color: var(--clr_naranjo);
  }
  .tarjeta_img {
    max-width: 600px;
    width: 100%;
  }
  .promocion {
    width: 90%;
    max-width: 850px;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
  
  .g_promo {
    display: flex;
    margin-top: 24px;
    margin-bottom: 12px;
  }
  .g_promo .separador {
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
  }
  .g_promo .separador p {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 700;
  }
  .g_promo .litro {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
  .g_promo .litro p {
    font-size: 2.9rem;
    line-height: 2.9rem;
    font-weight: 700;
    margin-bottom: 0 !important;
  }
  .g_promo .litro p:first-child {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 700;
  }
  .g_promo .litro p:last-child {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
  }
  .cont_g_promo {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .cont_g_promo .celuar {
    width: 230px;
    text-align: right;
  }
  .cont_g_promo .celuar img {
    width: 140px;
  }
  .c_g_promo {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: 30px;
  }
  .c_g_promo .txt p {
    font-size: 1.1rem;
    line-height: 1.2rem;
    text-align: center;
  }
  .c_g_promo .tres_mensajes {
    display: flex;
  }
  .c_g_promo .tres_mensajes .mensaje {
    background-color: #2433ab;
    border-radius: 16px;
    width: 170px;
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    flex-flow: column;
  }
  .c_g_promo .tres_mensajes .mensaje .cabezal {
    width: 100%x;
  }
  .c_g_promo .tres_mensajes .mensaje .cabezal img {
    width: 100%;
  }
  .c_g_promo .tres_mensajes .mensaje p {
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: center;
    color: #fff;
    padding: 0px 0px 20px 0px;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
  }
  .combustible {
    position: relative;
    max-width: 600px;
    display: flex;
    align-items: center;
    background: #f4f7fa;
    padding: 17px 0px;
    border-radius: 50px;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
  }
  .combustible h2 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
  }
  .combustible h2 span {
    color: var(--clr_naranjo);
    display: block;
  }
  .combustible .imagen {
    position: absolute;
    right: -20px;
    width: 100px;
  }
  .combustible .imagen img {
    width: 100%;
  }
  .cont_g_promo {
    width: 100%;
  }
  .c_g_promo {
    width: 70%;
  }
  .cont_g_promo .celuar {
    width: 30%;
  }
  .c_g_promo .tres_mensajes {
    width: 100%;
  }
  .c_g_promo .tres_mensajes .mensaje {
    width: 33%;
  }
  .c_g_promo .txt p {
    font-size: 1rem;
    line-height: 1.3rem;
  }
  .c_g_promo .tres_mensajes .mensaje p {
    font-size: 0.8rem;
    line-height: 1.1rem;
    text-align: center;
  }
  .descuento .dsc_num {
    font-size: 4.8rem;
    line-height: 4.7rem;
  }
  .combustible h2 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .cont_g_promo {
    flex-flow: column;
    align-items: center;
  }
  .c_g_promo {
    order: 2;
    width: 100%;
    margin-right: 0;
  }
  .cont_g_promo .celuar {
    width: 200px;
    text-align: center;
  }
  .g_promo {
    flex-flow: column;
    align-items: center;
  }
  .c_g_promo .tres_mensajes {
    flex-flow: row wrap;
    align-items: center;
    margin-top: 24px;
    justify-content: center;
  }
  .c_g_promo .tres_mensajes .mensaje {
    width: 43%;
    margin-bottom: 24px;
    min-height: 200px;
  }
  .c_g_promo .tres_mensajes .mensaje p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .combustible {
    padding-top: 45px;
    padding-right: 0px;
    margin-top: 70px;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
  .combustible .imagen {
    right: auto;
    top: -45px;
    margin-top: 0px;
    width: 90px;
  }
  .combustible h2 {
    text-align: center;
  }
  .contenidos h2.titulo {
    margin-bottom: 18px;
  }
  .muevo_copec {
    margin-top: 0 !important;
  }
  .descuento .dsc_num {
    font-size: 3.9rem;
    line-height: 4.1rem;
  }
  /* PASOS COPEC */
  .num_pasos p {
    background-color: #1131ae;
    position: absolute;
    width: 40px;
    text-align: center;
    border-radius: 21px;
    padding: 8px;
    color: #ffffff;
    top: 30px;
    box-shadow: 2px 2px #ffffff;
  }
  .pasos_copec {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .info_pasos {
    width: 330px;
    background-color: #1131ae;
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 20px;
    margin-right: 70px;
    margin-bottom: 60px;
    padding-right: 40px;
    border-radius: 20px;
    box-shadow: 4px 5px #3fff5b;
  }
  .muevo_copec {
    margin-top: 40px;
  }
  .info_pasos p {
    color: #ffffff;
    font-size: 14px;
    width: 200px;
    line-height: 16px;
  }
  .num_pasos {
  }
  .card_copec {
    position: relative;
  }
  .card_copec img {
    position: absolute;
    top: -20px;
    right: 50px;
  }
  .info_pasos.gray {
    background-color: #7f7f86;
  }
  .info_pasos.gray {
    background-color: #1131ae;
  }
  .info_pasos.gray_b {
    background-color: #7f7f86;
  }
  .muevo_copec {
    width: 100%;
  }
  .pasos_copec {
    flex-flow: column;
    align-items: center;
  }
  .card_copec {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .info_pasos {
    width: 100%;
    margin-right: 0;
  }
  .card_copec img {
    right: -20px;
  }
  .info_pasos {
    width: 90%;
    padding-left: 25px;
    padding-right: 100px;
  }
  .card_copec img {
    right: -41px;
  }
  .descarga {
  }
  .descarga h2 {
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    padding-bottom: 8px;
  }
  .descarga .img_btn {
    display: flex;
  }
  .descarga .img_btn img {
    width: 130px;
    margin-left: 8px;
    margin-right: 8px;
  }
  .contenidos .promocion h2,
  .contenidos .promocion h3 {
    text-align: left !important;
  }
  
  .cont_puntos {
    margin-top: 0px;
  }
  .contenidos .promocion .combustible h2 {
    text-align: center !important;
  }
  
  .descuento .dsc_porc .porc_uno {
    font-size: 32px;
    line-height: 36px;
  }
  .descuento .dsc_porc .porc_dos {
    font-size: 0.9rem;
    line-height: 1rem;
  }
  
  .descuento .dsc_num,
  .card_color .vuelos {
    font-size: 60px;
    line-height: 32px;
  }
  
  .card_color .vuelos
  /* Uni */
  .uni_titulo {
    width: 100%;
  }
  .tarjeta {
    width: 100%;
    opacity: 1;
    margin-bottom: 40px;
  }
  .cta {
    position: unset;
  }
  .cta {
    width: 100%;
    height: auto;
    flex-flow: column;
    background: linear-gradient(90deg, #fc671f 0%, #a40089 50.2%, #2463b2 95.79%);
    border-radius: 20px;
    color: #fff;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px;
    margin: 0px auto 40px auto;
    margin-top: 36px;
  }
  .cta_titulo h3 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
  }
  .cta_titulo {
    margin-bottom: 24px;
  }
  .cta_caracteristicas {
    width: 100%;
    margin-bottom: 24px;
    display: flex;
  }
  .cta_boton {
    width: 100%;
  }
  .cta_boton a:link,
  .cta_boton a:visited,
  .cta_boton a:hover,
  .cta_boton a:active {
    width: 100%;
    display: block;
    text-align: center;
    padding: 16px 32px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 10px;
  }
  .cta_caracteristicas > div {
    width: 98px;
    padding: 0px 0px;
  }
  .cta_caracteristicas span {
    display: block;
    text-align: center;
  }
  .cta_boton a span {
    color: #6e137e;
    background: -webkit-linear-gradient(left, #ff8400, #b4008c, #005ae5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 700;
  }
  p.parrafo a {
    background: linear-gradient(268.68deg, #fd8300 2.73%, #fd5b00 99.3%);
    border-radius: 6px;
    color: #fff;
    padding: 12px 16px;
    margin-top: 24px;
    font-weight: bold;
    width: 100%;
  
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }
  
  .targeta_img_two {
    width: 80%;
    max-width: 256px;
    margin-top: 32px;
  }
  
  .uni_titulo_center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .uni_titulo_left {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
  .title_text_left {
    align-self: start;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin: 0;
  }
  /* tarjeta con borde naranja */
  .tarjeta_border_orange {
    width: 75%;
    padding: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #ef7c00;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  
  .tarjeta_border_ul_full {
    grid-column: 1 / -1;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 14px;
  }
  /* tarjeta con borde gradiente */
  .tarjeta_border_gradient {
    width: 93%;
    padding: 20px 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    background-image: linear-gradient(
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      linear-gradient(101deg, #0069b9, #b52c7d, #ff7d00);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 5px 1000px 1px #fff inset;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
  }
  
  .tarjeta_border_gradient_oneColum {
    width: 80%;
    padding: 20px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    background-image: linear-gradient(
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      linear-gradient(101deg, #0069b9, #b52c7d, #ff7d00);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 5px 1000px 1px #fff inset;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1;
  }
  .tarjeta_border_gradient_oneColum_text_title {
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
    text-align: center;
    margin: 14px 0 14px 0;
  }
  .tarjeta_border_gradient_oneColum_text_sub_title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-top: 14px;
  }
  .tarjeta_text_dcto_gradiente {
    color: #ef7c00 !important;
    font-family: Nunito-Bold;
    font-weight: 700;
    font-size: 3rem;
    margin: 0;
    grid-column: 2 /3;
    grid-row: 1;
    justify-self: right;
  }
  
  .tarjeta_text_dcto_gradiente_minimal {
    display: flex;
    flex-direction: row;
    grid-column: 3 /4;
    grid-row: 1;
    align-items: center;
  }
  .tarjeta_text_dcto_gradiente_minimal {
    font-size: 24px;
  }
  .drawer_componentet_grandiant_grid-row-2 {
    grid-row: 2 !important ;
  }
  .drawer_componentet_grandiant_grid-row-3 {
    grid-row: 3 !important ;
  }
  
  .drawer_componentet_grandiant_grid-row-4 {
    grid-row: 4 !important;
  }
  
  .rawer_componentet_grandiant_grid-full_colum {
    align-self: center;
    grid-column: 1 / -1;
    justify-self: center;
  }
  
  .arrienda {
    text-decoration: none;
    position: absolute;
    bottom: -25px;
    left: 22px;
    padding: 12px;
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    width: 80%;
    border-radius: 100px;
    text-align: center;
    background: #3c67af;
    background: -moz-linear-gradient(left, #3c67af 0%, #9b007f 50%, #ec7a02 100%);
    background: -webkit-linear-gradient(
      left,
      #3c67af 0%,
      #9b007f 50%,
      #ec7a02 100%
    );
    background: linear-gradient(to right, #3c67af 0%, #9b007f 50%, #ec7a02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c67af', endColorstr='#ec7a02',GradientType=1 );
  }
  
  .tarjeta_text_img_cn {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin-top: 14px;
    margin-bottom: 25px;
    gap: 25px;
  }
  .tarjeta_text_img_cn > img {
    width: 40%;
  }
  .tarjeta_text_img_cn > p {
    font-size: 14px;
    font-weight: 700;
    font-family: Nunito-Bold;
  }
  .tarjeta_text_dcto_gradiente_minimal > p {
    color: #ef7c00 !important;
    font-family: Nunito-Bold;
    font-weight: 700;
    margin: 0;
    font-size: 30px;
  }
  
  .tarjeta_text_dcto_gradiente_minimal_text_max {
    font-size: 1.5rem;
  }
  .tarjeta_border_gradient_text_title {
    grid-column: 1 / -1;
    text-align: center;
    font-weight: 700;
    margin: 0 14px 0 0;
    font-size: 32px;
    line-height: 42px;
  }
  .tarjeta_border_gradient_text_sub_parrafo_bold {
    grid-row: 2;
    grid-column: 1 / -1;
    text-align: center;
    font-weight: 700;
    margin: 0;
    font-size: 1.2rem;
  }
  .tarjeta_border_gradient_text_sub_parrafo_2_bold {
    grid-column: 1 / -1;
    text-align: center;
    font-weight: 700;
    margin: 0;
    font-size: 1.2rem;
  }
  .tarjeta_border_gradient_text_sub_parrafo_2_top_bold {
    grid-row: 1;
    grid-column: 1 / -1;
    text-align: center;
    font-weight: 700;
    margin: 0;
    font-size: 1.2rem;
  }
  .tarjeta_border_gradient_text_sub_parrafo {
    grid-row: 3;
    grid-column: 1 / -1;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
  }
  
  @media (max-width: 400px) {
    .tarjeta_border_gradient_text_title {
      font-size: 24;
      line-height: 28px;
    }
  }
  
  /* fin tarjeta con borde gradiente */
  
  /* tajera gradiente con imagenes */
  .text_color_gradiante_2 {
  }
  
  @media (max-width: 400px) {
    .dsc_num {
      font-size: 48px;
      line-height: 27px;
    }
    .porc_uno {
      font-size: 28px;
      line-height: 26px;
    }
    .vuelos {
      font-size: 32px;
      line-height: 32px;
    }
    .cont > p,
    h2 {
      line-height: 19px;
      font-size: 18px;
    }
    .cardd {
      height: 100px;
    }
  }
  
  .tarjetas_icon_punto {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 90%;
    gap: 14px;
    margin-top: 32px;
  }
  
  .tarjetas_icon_punto > img {
    width: 48px;
  }
  
  .tarjetas_icon_punto > p {
    font-size: 24px;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a83681', endColorstr='#dd4e39', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  
  .tarjeta_contrato_legal {
    border-top: 1px solid #ebebeb;
    padding-top: 31px;
    margin-bottom: 31px !important;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    width: 90%;
  }
  
  /* fin tarjeta gradiente con imagenes */
  
  /* text central */
  .tarjetas_text_central_bold_orange {
    width: 90%;
    margin-top: 38px;
  }
  .tarjetas_text_central_bold_orange > span {
    color: #ef7c00;
  }
  /* fin text central */
  
  /* imagen top usadas en los eventos */
  
  .trajertas_drawer_image_top_cn {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    height: 128px;
    position: relative;
    margin-bottom: 30px;
  }
  .trajertas_drawer_image_top_img_full {
    width: 100%;
    height: 100%;
    background-size: 130%;
  }
  .trajertas_drawer_image_top_img_logo {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 0;
    background-repeat: no-repeat;
    left: 30px;
  }
  /* fin imagen top usadas en los eventos */
  
  /* informacion importante */
  .drawer_text_info_red {
    width: 90%;
    background-color: #ea3323;
    padding: 10px;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    font-size: 24px;
    margin: 0 0 0 0;
    font-size: 24px;
  }
  
  .uni_titulo_center > h2 {
    margin: 0 0 14px 0;
    font-size: 2rem;
  }
  
  .uni_titulo_left > h2 {
    margin: 0 0 5px 0;
    font-size: 2rem;
  }
  
  .uni_titulo > h2 {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
    margin-top: 14px;
  }
  
  .uni_titulo > h3 {
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 32px;
  }
  
  .uni_titulo > p {
    font-size: 24px;
    line-height: 28px;
    margin: 14px 0 0 0;
  }
  
  /* informacion importante */
  
  /* iamgenes completas */
  
  .targeta_img_two_full {
    width: 90%;
    margin-top: 32px;
  }
  
  .targeta_img_two_normal {
    width: 60%;
    margin-top: 32px;
  }
  .targeta_img_two_small {
    margin: 32px 0 0 0;
    width: 40%;
  }
  
  .targeta_img_two_normal_75 {
    width: 75%;
    margin-top: 14px;
  }
  
  /* fin iamgenes completas */
  .txt {
    width: 90%;
    margin: 32px 0 0 0;
  }
  
  .txt_bold {
    font-weight: 700;
  }
  
  .txt > p {
    margin: 14px 0 0 0;
    font-size: 14px;
    line-height: 18px;
  }
  .text_orange {
    color: #ef7c00 !important;
    font-weight: 700;
  }
  .txt > h2 {
    font-size: 32px;
    line-height: 40px;
    margin: 14px 0 0px 0;
  }
  .txt > h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 14px 0 0 0;
  }
  .txt > a {
    background: linear-gradient(268.68deg, #fd8300 2.73%, #fd5b00 99.3%);
    border-radius: 6px;
    color: #fff;
    padding: 12px 16px;
    margin-top: 24px;
    font-weight: bold;
    width: 90%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }
  
  @media (max-width: 340px) {
    .txt > a {
      padding: 12px 6px;
    }
  }
  
  .title_text_left {
    align-self: flex-start;
  }
  
  .title_text_center {
    margin: 0;
    font-size: 2rem;
  }
  
  .drawer-list {
    margin: 14px 0 14px 0;
    width: 90%;
  }
  
  .drawer-list .drawer-o-list__item {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 18px;
  }
  
  .drawer-list .drawer-o-list__item span {
    font-weight: 700;
    color: #ff7700;
  }
  
  .alert {
    display: flex;
    align-items: flex-start;
    background-color: #fff9e5;
    border-radius: 8px;
    padding: 24px;
    margin: 32px 0 0 0;
  }
  
  .alert p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.6rem;
  }
  
  .alert img {
    padding: 0px 20px 0px 0px;
  }
  
  .warning {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  
  .tarjeta_img_caluga {
    border-radius: 16px;
    margin-top: 30px;
    width: 90%;
  }
  
  .drawer_smailto {
    max-width: 600px;
    width: 90%;
    border-radius: 40px;
    padding: 20px;
    -webkit-box-shadow: 0px 3px 1px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px 2px rgba(0, 0, 0, 0.12);
    margin-top: 30px;
  }
  
  .drawer_smailto > p {
    text-align: center;
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 0px;
  }
  
  .tarjeta_border_gradient_oneColum_text_list {
    list-style: none;
    padding-left: 10px;
  }
  
  .tarjeta_border_gradient_oneColum_text_list > li {
    font-size: 14px;
    line-height: 20px;
  }
  
  .tarjeta_border_gradient_oneColum_text_parrafo {
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    margin-top: 14px;
  }
  
  .gifcard span {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
    color: #122e43;
    margin-bottom: 10px;
  }
  .con_gifcard .small {
    text-align: center;
    display: block;
    margin-top: 10px;
  }
  .beneficio.pixarron p {
    font-size: 1.1rem;
    line-height: 1.7rem;
    margin-bottom: 10px;
  }
  .cn_beneficios .beneficio p {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 100;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .gifcard p {
    font-size: 1.7rem !important;
    line-height: 1.7rem !important;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 !important;
    margin-bottom: 4px;
    text-align: center;
  }
  
  .beneficio.pixarron h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  .gifcard h2 {
    font-size: 2.7rem !important;
    line-height: 2.7rem !important;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 !important;
    text-align: center;
  }
  .cn_beneficios a {
    background: linear-gradient(268.68deg, #fd8300 2.73%, #fd5b00 99.3%);
    border-radius: 6px;
    color: #fff;
    padding: 12px 16px;
    margin-bottom: 0px;
    margin-top: 20px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 0px;
    display: block;
    text-align: center;
  }
  
  .drawer_small {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 14px;
    list-style: 20px;
  }
  
  .button_drawer_orange {
    background: linear-gradient(268.68deg, #fd8300 2.73%, #fd5b00 99.3%);
    border-radius: 6px;
    color: #fff;
    padding: 12px 16px;
    margin-top: 24px;
    font-weight: bold;
    width: 90%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }
  
  .doble__img__header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
    position: relative;
  }
  
  .doble__img__header > img {
    width: 90%;
  }
  
  .doble__img__header:nth-child(1)::before {
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 52%;
  }
  
  .card_color img {
    width: 100%;
  }
  
  .card_color .ameba_1 {
    position: absolute;
    width: 100px;
    top: -9px;
    left: -20px;
  }
  
  .card_color .ameba_2 {
    position: absolute;
    width: 50px;
    top: 35px;
    right: -16px;
  }
  
  .card_color {
    color: #fff;
  }
  
  .card_color .texto {
    display: flex;
    justify-content: center;
    column-gap: 15px;
  }
  
  .card_color .hasta {
    margin-left: 10px;
    font-size: 16px;
    margin-bottom: 4px;
  }
  
  .card_color .vuelos {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: Nunito-Bold;
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    padding: 0 0px 0 0;
  }
  .texto_under {
    padding: 0 0 0 0px;
  }
  
  .card_color {
    width: 91%;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 100px;
    position: relative;
    padding: 10px 15px;
    background: #3c67af; /* Old browsers */
    background: -moz-linear-gradient(
      left,
      #3c67af 0%,
      #9b007f 50%,
      #ec7a02 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      #3c67af 0%,
      #9b007f 50%,
      #ec7a02 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      #3c67af 0%,
      #9b007f 50%,
      #ec7a02 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c67af', endColorstr='#ec7a02',GradientType=1 ); /* IE6-9 */
  }
  
  .texto_gradiente {
    text-align: center;
    width: 100%;
    display: block;
    padding: 20px 10px;
    font-family: Nunito-Regular;
    font-size: 24px;
    line-height: 28px;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  
  .cnt_gradient {
    margin-top: 14px;
    width: 91%;
    border-radius: 100px;
    border: 2px solid transparent;
    background-image: linear-gradient(
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0)
      ),
      linear-gradient(101deg, #0069b9, #b52c7d, #ff7d00);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 5px 1000px 1px #fff inset;
  }
  
  .text_color_gradient {
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  
  .cn_cuotas > p {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
    margin-top: 14px;
  }
  
  .text_color_gradiante_2 {
    font-family: Nunito-Regular;
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    margin-bottom: 0;
  }
  .txt .txt_center {
    text-align: center;
    margin-top: 14px;
  }
  
  .cont {
    padding: 10px;
    background-position: -198px center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-image: url(https://www.tarjetacencosud.cl/TarjetaMasWEB/html/beneficios_responsive/beneficios/vitamina/images/fdn_card.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    align-items: center;
  }
  
  .cont > p,
  h2 {
    line-height: 28px;
    font-size: 24px;
    margin: 0;
    font-family: Nunito-Bold;
    font-weight: 700;
  }
  .cont > .text_one > span {
    color: #6e137e;
    background: #a83681;
    background: -moz-linear-gradient(left, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    background: -webkit-linear-gradient(
      left,
      #a83681 0%,
      #ea7640 70%,
      #dd4e39 100%
    );
    background: linear-gradient(to right, #a83681 0%, #ea7640 70%, #dd4e39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83681', endColorstr='#dd4e39',GradientType=1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  .cont > .text_one {
    text-align: end;
    width: 37%;
  }
  
  .cont > .text_two {
    width: 50%;
    text-align: center;
    color: #fff;
  }
  .cardd {
    margin-top: 30px;
    width: 90%;
    border-radius: 20px;
    height: 130px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: #3c67af;
    background: -moz-linear-gradient(left, #3c67af 0%, #9b007f 50%, #ec7a02 100%);
    background: -webkit-linear-gradient(
      left,
      #3c67af 0%,
      #9b007f 50%,
      #ec7a02 100%
    );
    background: linear-gradient(to right, #3c67af 0%, #9b007f 50%, #ec7a02 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c67af', endColorstr='#ec7a02',GradientType=1 );
  }
  
  .cn_ofetas_viajes {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    margin-top: 30px;
    gap: 20px;
  }
  
  .cn_ofetas_viajes > .ofertas__viajes_one {
    display: flex;
    flex-direction: column;
  }
  
  .cn_ofetas_viajes > .ofertas__viajes_one > .viajes__link {
    background: linear-gradient(268.68deg, #fd8300 2.73%, #fd5b00 99.3%);
    border-radius: 6px;
    color: #fff;
    padding: 8px;
    margin-top: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 0.8rem;
    line-height: 1.25;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }
  
  .txt > .txt_mutiple_img {
    display: flex;
    justify-content: center;
    margin-top: 14px;
  }
  
  .txt > .txt_mutiple_img > .mutiple_img_cn > img {
    width: 80x;
    height: 80px;
  }
  
  @media (max-width: 400px) {
    .cn_ofetas_viajes {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 100px);
    }
  
    .card_color .hasta {
    font-size: 12px;
    margin-bottom: 4px;
  }
  
  .descuento .dsc_num {
    font-size: 40px;
    line-height: 32px;
  }
  
  .descuento .dsc_porc .porc_uno {
    font-size: 19px;
    line-height: 22px;
  }
  
  .card_color .texto {
    column-gap: 7px;
    padding: 8px;
  }
  
  .card_color .ameba_2 {
    display: none;
  }
  
  .card_color .vuelos {
    font-size: 34px;
    line-height: 33px;
    align-self: end;
  }
  }





/* CAMBIO - AGREGA BANNER ARRIBA */
h1, strong {
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-family: Nunito-Bold !important;
    font-weight: 400  !important;
}
h2 {
    margin-block-start: 0em;
    margin-block-end: 0em;
    font-family: Nunito-SemiBold !important;
    font-weight: 400  !important;
}
.new_ben_hero_cont {
    height: 219px;
    width: 100%;
    background-image: linear-gradient(0deg, #F6F9FC 0%, #FFF 100%);
}
.new_ben_hero {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/7905421292760733-new-ben-hero-desk.webp');
    max-width: 1330px;
    padding: 0px 20px 0px 20px;
    background-repeat: no-repeat;
    background-position: calc(60% + 54px);
    height: 219px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.new_ben_hero h1 {
    max-width: 700px;
    font-size: 40px;
    line-height: 1.2em;
    color: #122E43;
    margin-bottom: 10px;
}
.new_ben_hero h2 {
    font-size: 20px;
    line-height: 1.2em;
    color: #122E43;
    font-family: Nunito-Regular !important;
    font-weight: 400 !important;
}
.cont_bene_home {
    margin-top: 20px;
}
.centra_page .cont_mayor {
    margin-top: 20px;
}

@media only screen and (max-width: 850px) {
    
    .new_ben_hero_cont {
        height: 164px;
        width: 100%;
        background-image: linear-gradient(0deg, #F6F9FC 0%, #FFF 100%);
        position: relative;
    }
    .new_ben_hero_cont::before {
        position: absolute;
        content: '';
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: linear-gradient(263deg, rgba(226, 74, 32, 0.00) 70.68%, #E24A20 115.59%);
        max-width: 320px;
    }
    .new_ben_hero {
        background-image: url("https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/163434153493494-new-ben-hero-mob.webp");
        height: 164px;
        background-size: cover;
        background-position: -20px bottom;
        position: relative;
    }
    .new_ben_hero h1 {
        font-size: 20px;
        margin-left: 80px;
    }
    .new_ben_hero h2 {
        font-size: 13px;
        margin-left: 80px;
        line-height: 1.2em;
    }
    .centra_page .cont_mayor {
        margin-top: 0px;
        gap: 0px !important;
    }
    .cont_mayor .menu_lateral {
        margin-top: 0px;
    }

}
/* /CAMBIO - AGREGA BANNER ARRIBA */

/* CAMBIO - BOTONERA */

/* Overide */
/*
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen,
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen {
    height: 300px !important;
}*/
.cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(1) .imagen, .cont_bene_home .bene_cont_cards.cont_beneficios .bene_card:nth-child(2) .imagen {
    height: auto !important;
    min-height: 159px;
}
 /* /Overide */

.centra_page .cont_mayor {
    flex-direction: column !important;
    width: 100% !important;
    max-width: initial !important;
    margin-top: 0px;
    gap: 10px !important;
}
.cont_mayor .menu_lateral ul {
    flex-flow: row !important;
    justify-content: flex-start;
    align-items: center;
    width: 1280px;
    margin: 0px auto;
    box-shadow: 0px 32px 40px -2px rgba(96, 128, 159, 0) !important;
    gap: 16px;
}
.cont_mayor .menu_lateral {
    position: sticky !important;
    top: 118px;
    z-index: 2;
    background-color: #fff;
    margin-top: 0px;
    padding: 10px 16px 10px 10px;
    height: 102px;
}
.cont_mayor .menu_lateral ul li:first-child {
    margin-top: 0px !important;
}
.cont_mayor .menu_lateral ul::after {
    display: none;
}
.cont_mayor .menu_lateral ul li div span:last-child {
    text-align: center;
    z-index: 1;
}
.cont_mayor .menu_lateral {
    overflow-x: scroll;
    overflow-y: hidden;
}
.cont_mayor .menu_lateral::-webkit-scrollbar {
    display: none;
}
.cont_mayor .menu_lateral ul li.active div span:first-child {
    width: inherit !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    border: 1px solid #EC4A04;
    background: linear-gradient(180deg, #FD8300 0%, #FD5B00 100%);
    box-shadow: 0px -2px 0px 0px #FFA24E inset;

    z-index: -1;
}
.cont_mayor .menu_lateral ul li div span:last-child {
  cursor: pointer;
}
.cont_mayor .menu_lateral ul li.active div span:last-child {
    color: #fff !important;
    z-index: 2;
    cursor: default;
}
.cont_mayor .menu_lateral ul li div {
    position: relative !important;
}
.cont_mayor .menu_lateral ul li:hover{
	background: none;
}
.cont_mayor .menu_lateral ul li:hover div span:first-child {
    width: inherit !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    border: 1px solid #f4f7fa;
    background: #f4f7fa;
    box-shadow: none;

    z-index: -1;
}
.cont_mayor .menu_lateral ul li div span:first-child {
    width: 0px !important;
}
.cont_mayor .menu_lateral ul li.active:hover div span:first-child {
    width: inherit !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    border: 1px solid #EC4A04;
    background: linear-gradient(180deg, #FD8300 0%, #FD5B00 100%);
    box-shadow: 0px -2px 0px 0px #FFA24E inset;
}
.cont_subtitle {
    width: 100%;
    max-width: 1330px;
    padding: 0px 20px;
}
.cont_subtitle h3 {
    font-size: 20px;
    margin: 20px 0px 0px 0px !important;
    font-family: 'Nunito-SemiBold';
}
.bene_retail {
    margin-bottom: 40px;
}

.cont_bene_home .center_bene {
    max-width: 1340px !important;
}
.btnes {
    background-position: center 10px;
    background-repeat: no-repeat;
    padding-left: 16px;
    background-size: 20px;
}
.btn_todos {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/6146288429923039-newbenef-ico-todos-off-1.svg');
}
.active .btn_todos {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/029817514876160356-newbenef-ico-todos-on-1.svg');
}
.btn_panoramas {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/2531085643709976-newbenef-ico-todos-off.svg');
}
.active .btn_panoramas {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/9933037545796082-newbenef-ico-todos-on.svg');
}
.btn_sabores {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/02282477424402174-newbenef-ico-comida-off.svg');
    background-position-y: 10px;
}
.active .btn_sabores {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/23107156255869898-newbenef-ico-comida-on.svg');
}
.btn_viajes {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/9315172994280112-newbenef-ico-viajes-off.svg');
}
.active .btn_viajes {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/8030278802343171-newbenef-ico-viajes-on.svg');
}
.btn_salud {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/9622014620858959-newbenef-ico-salud-off-1.svg');
}
.active .btn_salud {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/6225427425783727-newbenef-ico-salud-on-1.svg');
}
.btn_educacion {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/39885145381446807-newbenef-ico-educacion-off.svg');
}
.active .btn_educacion {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/3000226170299469-newbenef-ico-educacion-on.svg');
}
.btn_seguridad {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/8931426040054276-newbenef-ico-seguridad-off.svg');
}
.active .btn_seguridad {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/1453139049566936-newbenef-ico-seguridad-on.svg');
}
.btn_donaciones {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/3029019393595822-newbenef-ico-donacion-off.svg');
}
.active .btn_donaciones {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/9762964420709734-newbenef-ico-donacion-on.svg');
}

.btn_destacados {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/03511454081303844-newbenef-ico-salud-off.svg');
}
.active .btn_destacados {
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/7514401815496112-newbenef-ico-salud-on.svg');
}

.btn_black {
  background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/803962064282977-newbenef-ico-black-off-1.svg');
}
.active .btn_black {
  background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/3204143400750705-newbenef-ico-black-on-1.svg');
}

.btn_cenco {
  background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/2668514049973598-newbenef-ico-cenco-off.svg');
}
.active .btn_cenco {
  background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/5916108238985378-newbenef-ico-cenco-on.svg');
}

.huincha_momentoblack {
    width: 100% !important;
    max-width: inherit !important;
}
.cont_bnd_benf_puntos {
    margin-bottom: 40px;
    margin-top: 40px;
}
.cont_bene_home .bene_cont_cards {
    padding: 0px 20px;
    display: block !important;
}

.add_snap {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
}
.add_snap li {
    display: inline-block;
    scroll-snap-align: left;
}

@media only screen and (max-width: 1024px) {
    .centra_page .cont_mayor .menu_lateral ul {
        display: flex !important;
        justify-content: flex-start;
        gap: 10px;
    }
    .cont_mayor .menu_lateral .cont_menu_mobile {
        display: none !important;
    }
    .cont_mayor .menu_lateral {
        top: 80px;
    }
    .cont_mayor .menu_lateral ul {
        gap: 0px;
    }
}

@media (max-width: 598px){
    .cont_bene_home {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 992px){
    .cont_bene_home {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 1024px){
    .cont_bene_home {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* /CAMBIO - BOTONERA */


.bene_cont_cards .ctaa_txt {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Nunito-Regular'
}
.bene_cont_cards .ctaa {
    background: linear-gradient(230deg, #0E2536 60.8%, #B3CAE0 106.48%);
    color: #fff;
    padding: 24px 24px 24px 240px;
    font-size: 14px;
    border-radius: 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.bene_cont_cards .ctaa::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-position: center;
    background-image: url('https://staticresourcesfiles.blob.core.windows.net/content/wpub/static/170170658332208-template_beneficio_cine_tarjetas.webp');
    width: 199px; 
    height: 96px;
    left: -14px;
    bottom: 12px;
    z-index: 2;
}
.bene_cont_cards .ctaa::after {
    content: '';
    position: absolute;
    width: 8px;
    top: 2px;
    bottom: 2px;
    left: 0;
    background: linear-gradient(0deg, #FC671F 0%, #A40089 50.2%, #2463B2 95.79%);
    border-radius: 8px 0px 0px 8px / 20px 0px 0px 20px;
    z-index: 1;
}
.bene_cont_cards .ctaa_titulo h3 {
    font-size: 24px;
    line-height: 100%;
    font-family: 'Nunito-ExtraBold' !important;
    margin-block-start: 0em; 
    margin-block-end: 0em;
    color: #fff;
    text-align: left;
}
.bene_cont_cards .ctaa_caracteristicas {
    display: flex;
}
.bene_cont_cards .ctaa_caracteristicas > div {
    width: 107px;
    padding: 0px 4px;
    font-size: 14px;
}
.bene_cont_cards .ctaa_caracteristicas span {
    display: block;
    text-align: center;
    font-family: 'Nunito-SemiBold' !important;
    color: #fff;
}
.bene_cont_cards .ctaa_boton {
    border-radius: 8px;
    max-height: 56px;
    overflow: hidden;
    padding: 16px 32px;
    text-decoration: none;
    
    /* animacion boton */
    background-size: 400% 100%;
    animation: gradient 1s ease-in-out infinite;
    transition: all 400ms;
    position: relative;
    z-index: 2;
}


.bene_cont_cards .ctaa_boton:link, .bene_cont_cards .ctaa_boton:visited {
    font-size: 18px;
    font-family: 'Nunito-Bold';
}
.bene_cont_cards .ctaa_boton:hover, .bene_cont_cards .ctaa_boton:active {
    padding: 16px 32px 20px 32px;
    transform: scale(1.05);
    
    /* animacion boton */
    background-size: 400% 100%;
    animation: gradient 400ms ease infinite;
    display: inline-block;
}

.bene_cont_cards .ctaa_boton::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

.gratiente_1 { color: #FF7323 }
.gratiente_2 { color: #FC6425 }
.gratiente_3 { color: #F4592A }
.gratiente_4 { color: #E84735 }
.gratiente_5 { color: #DC3641 }
.gratiente_6 { color: #D2284F }
.gratiente_7 { color: #C81A5E }
.gratiente_8 { color: #BE0F6E }
.gratiente_9 { color: #AF0080 }
.gratiente_10 { color: #93118D }
.gratiente_11 { color: #7E1896 }
.gratiente_12 { color: #6B20A0 }
.gratiente_13 { color: #532BAC }
.gratiente_14 { color: #3C34B8 }
.gratiente_15 { color: #283EC4 }
.gratiente_16 { color: #1647CF }
.gratiente_17 { color: #004FD9 }

.gratiente_1,
.gratiente_2,
.gratiente_3,
.gratiente_4,
.gratiente_5,
.gratiente_6,
.gratiente_7,
.gratiente_8,
.gratiente_9,
.gratiente_10,
.gratiente_11,
.gratiente_12,
.gratiente_13,
.gratiente_14,
.gratiente_15,
.gratiente_16,
.gratiente_17  {
    font-family: 'Nunito-Bold';
}

.bene_cont_cards .ctaa h3 {
    margin: 0px 0px 0px 0px !important;
}
.bene_cont_cards .ctaa .cta_titulo {
    margin-bottom: 0px !important;
}
.bene_cont_cards .ctaa .cta_caracteristicas {
    margin-bottom: 0px !important;
    justify-content: center !important;
}
.bene_cont_cards .ctaa .cta_boton {
    width: 100% !important;
    background-color: #fff !important;
    text-decoration: none !important;
    text-align: center !important;
    max-width: 300px !important;
    height: 50px !important;
    margin: auto !important;
    line-height: 50px !important;
    border-radius: 10px !important;
    font-size: 17px !important;
}
.bene_cont_cards .ctaa .cta_caracteristicas span {
    font-family: 'Nunito-Regular' !important;
}

@media screen and (max-width:1070px) {
    
    
    .bene_cont_cards .ctaa {
        flex-direction: column;
        padding: 70px 24px 32px 24px;
        min-height: 300px;
        gap: 30px !important;
    }
    .bene_cont_cards .ctaa::before {
        left: auto;
        bottom: auto;
        top: -20px;
        width: 159px;
        height: 76px;
    }
    .bene_cont_cards .ctaa_titulo h3 {
        font-size: 20px;
    }
    .bene_cont_cards .ctaa_caracteristicas > div {
        width: 100px;
    }
    .not_mobile {
        display: none;
    }
}

/* Add de estilo a los nuevos links de las categorias */

.link_style li a {
  text-decoration: none;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  color: #416179;
 
  text-align: center;
   z-index: 1;
  
 }
 .cont_mayor .menu_lateral ul li a {
   overflow: hidden;
   text-decoration: none !important;
 }
 .cont_mayor .menu_lateral ul li a:hover {
   background: #f4f7fa;
   overflow: hidden;
   width: 100%;
 }
 
 .cont_mayor .menu_lateral ul li a span:first-child {
   width: 0px !important;
 }
 .cont_mayor .menu_lateral ul li a span:last-child {
   cursor: pointer;
 }
 .cont_mayor .menu_lateral ul li a span:last-child {
   text-align: center;
   z-index: 1;
 }
 .cont_mayor .menu_lateral ul li a span:last-child {
   font-family: 'Nunito', sans-serif;
   font-size: 13px;
   font-weight: 500;
   color: #416179;
   padding: 43px 0px 12px 0px;
   display: block;
 }
 /* /Add de estilo a los nuevos links de las categorias */

 /*
 .menu_lateral li {flex: 1;}
*/
.cont_mayor .menu_lateral ul li.active a  {
    position: relative;
    width: 100%;
}
.cont_mayor .menu_lateral ul li.active a span:first-child {
    width: inherit !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid #EC4A04;
    background: linear-gradient(180deg, #FD8300 0%, #FD5B00 100%);
    box-shadow: 0px -2px 0px 0px #FFA24E inset;
    z-index: -1;
    
}
.cont_mayor .menu_lateral ul li.active a span:last-child {
  color: #fff !important;
}