/*PUBLILAND FRAMEWORK 2023 */
* {margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; vertical-align: baseline; box-sizing: border-box; text-decoration: none;}
html {box-sizing: border-box; height: -webkit-fill-available; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font: 62.5% "Open Sans", Arial, Helvetica, sans-serif; color: #1D1D1B; background: #fff; line-height: 1; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; display: block}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left;}
td, td {empty-cells: show}
input, select, textarea, button { font: 1em "Open Sans", Arial, Helvetica, sans-serif; color: #1D1D1B; background: #FFF; border: 1px solid #ccc;}
input:focus, textarea:focus, button:focus { outline: none;}
input, select, button { vertical-align: middle}
input[type="radio"], input[type="checkbox"] {border: none; height: auto !important; width: auto !important; background: none;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor: pointer; -webkit-appearance:none;}
textarea {overflow:auto; -webkit-appearance:none; resize: none}
input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0;}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #1D1D1B; opacity: 1}
::-moz-placeholder {color: #1D1D1B; opacity: 1}
:-ms-input-placeholder { color: #1D1D1B;}
ul, ol, li {list-style: none;}
img { vertical-align: top; max-width: 100%; height: auto}
a {text-decoration: none; cursor:pointer; background: transparent;}
a:active, a:hover { outline: 0;}
strong { font-weight: 700;}
em { font-style: italic;}
/*FIN FRAMEWORK*/

/*OVERFLOW MODAL*/
.noscroll {overflow: hidden;}

/*MAIN STRUCTURE*/
.container {margin: 0px auto; width: 100%; max-width: 1270px; padding: 0 16px;}
.full-container {margin: 0px auto; width: 100%; padding: 0 16px;}
.medium-container {margin: 0px auto; width: 100%; max-width: 1062px; padding: 0 16px;}

/*ANIMATIONS*/
html.sr .load-hidden {visibility: hidden;}
/**/

/*HEADER*/
.header {background: rgba(0,22,65,0.9); position: fixed; left: 0; top: 0; width: 100%; z-index: 10; transition: all .3s ease;}
.header__cont {height: 82px; display: flex; align-items: center; justify-content: space-between;}
.hide--header .header {transform: translateY(-100px)}
.noscroll .header {background: #001641;}
/**/
.navigation {display: flex; align-items: center; gap: 38px;}
.lightmode {cursor: pointer; position: relative;}
.lightmode:before {content: ""; display: block; background: url("../images/light-on.svg") no-repeat; width: 31px; height: 31px; position: absolute; left: 1px; top: 1px; opacity: 0; }
.lightmode-on img {opacity: 0;}
.lightmode-on:before {opacity: 1; }
.hamburguer {border: none; background: transparent;  width: 40px; height: 26px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden;}
.hamburguer__line1,
.hamburguer__line2,
.hamburguer__line3 {width: 40px; height: 5px; background: #BFE41A; border-radius: 3px; display: block; transition: all .3s ease;}
.hamburguer.open .hamburguer__line1 {transform: rotate(45deg) translate(10px,5px); width: 34px;}
.hamburguer.open .hamburguer__line2 {opacity: 0;}
.hamburguer.open .hamburguer__line3 {transform: rotate(-45deg) translate(10px,-5px); width: 34px;}
@media screen and (max-width: 767px) {
    .header__cont {height: 70px;}
    .header__cont .logo img {width: 56px;}
    .navigation {gap: 23px;}
    .lightmode img {width: 28px; height: 28px;}
    .lightmode-on:before {width: 28px; height: 28px; background-size: cover; left: 0; top: 0;}
}

/*NAVIGATION*/
.navbar {position: fixed; left: 0; top: 82px; z-index: 11; width: 100%; height: calc(100% - 70px); background: #001641; text-align: center; padding-top: 38px; overflow: auto; display: none; padding-bottom: 38px;}
.navbar__list {width: 100%; max-width: 392px; margin: 0 auto;}
.navbar__item {color: #BFE41A; text-align: center; font-size: 22px; font-weight: 600; line-height: 1.5; border-top: 1px solid #00D9C5; padding: 15px 0;}
.navbar__item:first-child {border-top: none;}
.navbar__item a {color: #BFE41A;}
.navbar .btn {margin-top: 50px;}
@media screen and (max-width: 767px) {
    .navbar {top: 70px; padding-top: 13px;}
    .navbar__item {line-height: 1.3; padding: 16px 0;}
}

/*BOTONES*/
.btn {display: inline-flex; justify-content: center; align-items: center; height: 50px; padding: 0 41px; border-radius: 50px; background: #00D9C5; color: #001641; font-size: 20px; font-weight: 600; line-height: 1.2; position: relative; overflow: hidden; transition: all .6s ease;}
.btn span {position: relative; z-index: 1;}
.btn--violet {background: #7664FF; color: #fff;}
/**/
.btn--to--violet:before {content: ""; background: url("../images/hover-02.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--to--violet:hover:before {transform: translateX(-70%)}
.btn--to--violet:hover {color: #fff;}
/**/
.btn--to--dark:before {content: ""; background: url("../images/hover-03.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--to--dark:hover:before {transform: translateX(-70%)}
.btn--to--dark:hover {color: #fff;}
/**/
.btn--to--cyan:before {content: ""; background: url("../images/hover-01.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--to--cyan:hover:before {transform: translateX(-70%)}
.btn--to--cyan:hover {color: #001641;}
/**/
.btn--violet.btn--to--dark:before {content: ""; background: url("../images/hover-04.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--violet.btn--to--dark:hover:before {transform: translateX(-70%)}
.btn--violet.btn--to--dark:hover {color: #fff;}
/**/
.btn--to--dark.btn--to--violet:before {content: ""; background: url("../images/hover-02.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--to--dark.btn--to--violet:hover:before {transform: translateX(-70%)}
.btn--to--dark.btn--to--violet:hover {color: #fff;}
/**/
.btn--violet.btn--to--dark.btn--to--cyan:before {content: ""; background: url("../images/hover-01.svg") no-repeat; background-size: cover; width: 1500px; height: 51px; position: absolute; left: 0; top: -1px; transform: translateX(0); transition: all .6s ease;}
.btn--violet.btn--to--dark.btn--to--cyan:hover:before {transform: translateX(-70%)}
.btn--violet.btn--to--dark.btn--to--cyan:hover {color: #001641;}
@media screen and (max-width: 500px) {
    .btn {width: 100%; padding: 0;}
}

/*SWIPER RESET*/
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}

/*HERO*/
.hero {background: #001641; position: relative;}
.hero__swiper {overflow: hidden; width: 100%;}
.hero .swiper-slide {height: 856px;}
.hero .container {padding: 0; max-width: 1238px;}
.hero__cont {display: flex; justify-content: space-between; gap: 16px;}
/**/
.hero__slide-1 .hero__image {padding-top: 162px; width: 549px; display: flex; justify-content: flex-end; max-width: 100%; position: relative; overflow: hidden;}
.hero__slide-1 .hero__data {padding-top: 225px; width: 589px; color: #fff; max-width: 100%;}
.hero__slide-1 .hero__text {font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 21px;}
.hero__slide-1 .btn {margin-bottom: 20px;}
.hero__slide-1 .hero__title {color: #BFE41A; font-size: 70px; line-height: 0.95; letter-spacing: -2.1px; width: 475px; max-width: 100%; margin-bottom: 20px;}
.hero__slide-1 .hero__title sup, .hero__slide-2 .hero__title sup {font-size: 24px; position: relative; top: -33px;}
.hero__slide-1 .hero__subtitle {font-size: 24px; text-transform: uppercase; font-weight: 700; width: 372px; max-width: 100%; line-height: 1.4;}
#pinceladas {width: 100%; height: 565px; max-width: 508px; aspect-ratio: 508/565; background: url("../images/pinceladas.webp") no-repeat; background-size: contain; opacity: 1;}
#pinceladas.hide {position: absolute; left: 0; top: 0; opacity: 0;}
#pinceladasdark {position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 565px; max-width: 508px; aspect-ratio: 508/565;}
#pinceladasdark.visible {position: static; opacity: 1;}
/**/
.hero__slide-2 .hero__image {padding-top: 218px; width: 572px; display: flex; justify-content: flex-end; max-width: 100%;}
.hero__slide-2 .hero__data {padding-top: 221px; width: 589px; color: #fff; max-width: 100%;}
.hero__slide-2 .hero__title {color: #BFE41A; font-size: 70px; line-height: 0.95; letter-spacing: -2.1px; width: 548px; max-width: 100%; margin-bottom: 27px;}
.hero__slide-2 .hero__text {font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 27px; width: 525px; max-width: 100%;}
#monedas {width: 100%; height: auto; max-width: 530px; aspect-ratio: 530/460}
/**/
.hero__slide-3 .hero__image {padding-top: 164px; width: 566px; display: flex; justify-content: flex-end; max-width: 100%;}
.hero__slide-3 .hero__data {padding-top: 208px; width: 589px; color: #fff; max-width: 100%;}
.hero__slide-3 .hero__logo {margin-bottom: 16px;}
.hero__slide-3 .hero__title {color: #00D9C5; font-weight: 700; font-size: 28px; line-height: 1.4; width: 475px; max-width: 100%; text-transform: uppercase;}
.hero__slide-3 .hero__text {font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 33px; width: 475px; max-width: 100%;}
#cuotifica {width: 100%; height: 470px; max-width: 522px; aspect-ratio: 522/470}
.hero__slide-3 .hero__text sup { font-size: 18px; position: relative; top: -10px; } /**/
/**/
.hero__slide-4 {padding-top: 160px; overflow: hidden;}
.hero__slide-4 .hero__title {color: #BFE41A; font-size: 60px; line-height: 0.9; letter-spacing: -1.8px; margin-bottom: 56px; text-align: center;}
.hero__slide-4 .beneficios__boxes {display: flex; justify-content: center; align-items: center;}
.hero__slide-4 .beneficios__box--left {background: url("../images/beneficio-box-01.png") no-repeat; width: 471px; height: 318px; text-align: center; padding-top: 60px; position: relative;}
.hero__slide-4 .beneficios__box--left:before {content: ""; display: block; position: absolute; left: -80px; top: -55px; background: url("../images/basket.svg") no-repeat; width: 166px; height: 167px;}
.hero__slide-4 .beneficios__box--left:after {content: ""; display: block; position: absolute; right: -206px; top: -58px; background: url("../images/lineas.svg") no-repeat; width: 340px; height: 165px;}
.hero__slide-4 .beneficios__box--right {background: url("../images/beneficio-box-02.png") no-repeat; width: 471px; height: 317px; text-align: center; padding-top: 60px; position: relative;}
.hero__slide-4 .beneficios__box--right:before {content: ""; display: block; position: absolute; left: -53px; bottom: -32px; background: url("../images/pesos.svg") no-repeat; width: 122px; height: 141px;}
.hero__slide-4 .beneficios__box--right:after {content: ""; display: block; position: absolute; right: -86px; top: -28px; background: url("../images/monedas.svg") no-repeat; width: 152px; height: 128px;}
.hero__slide-4 .beneficios__box-upper-text {color: #fff; font-size: 24px; line-height: 1.1;}
.hero__slide-4 .beneficios__box-title {color: #00D9C5; font-size: 77px; line-height: 1.4; text-transform: uppercase;}
.hero__slide-4 .beneficios__box-subtext {color: #fff; font-size: 26px; line-height: 1.1;}
.hero__slide-4 .beneficios__box-text {color: #fff; font-size: 16px; line-height: 1.4; width: 100%; max-width: 367px; margin: 0 auto;}
.hero__slide-4 .beneficios__plus {color: #fff; font-size: 40px; line-height: 1; padding-left: 16px; padding-right: 20px;}
.hero__slide-4 .beneficios__box--right .beneficios__box-title {color: #7664FF; font-size: 77px; line-height: 1.4;}
.hero__slide-4 .beneficios__box--right .beneficios__box-text {color: #fff; font-size: 16px; line-height: 1.4; width: 100%; max-width: 318px; margin: 0 auto;}
.hero__slide-4 .beneficio__cta {text-align: center; padding-top: 39px;}
@media screen and (max-width: 1150px) {
	.hero__slide-4 .beneficios__box--right {padding-top: 50px;} /**/
    .hero__slide-4 .beneficios__box--left {background-size: contain; width: 391px; height: 264px; padding-top: 50px;}
    .hero__slide-4 .beneficios__box--left:before {left: -24px; top: -36px; width: 106px; height: 118px; background-size: contain;}
    .hero__slide-4 .beneficios__box--left:after {right: -120px; top: -38px; width: 206px; height: 108px; background-size: contain;}
    .hero__slide-4 .beneficios__box-title {font-size: 66px; margin-top: -6px;}
    .hero__slide-4 .beneficios__box-subtext {margin-top: -4px;}
    .hero__slide-4 .beneficios__box-text {font-size: 14px; max-width: 329px; /*margin-top: 13px;*/}
    .hero__slide-4 .beneficios__box--right {background-size: contain; width: 391px; height: 264px;}
    .hero__slide-4 .beneficios__box--right:before {left: -21px; bottom: -36px; width: 68px; height: 80px; background-size: contain;}
    .hero__slide-4 .beneficios__box--right:after {right: -16px; top: -34px; width: 94px; height: 79px; background-size: contain;}
    .hero__slide-4 .beneficios__box--right .beneficios__box-title {font-size: 66px;}
    .hero__slide-4 .beneficios__box--right .beneficios__box-text {font-size: 14px;}
}
@media screen and (max-width: 960px) {
    .hero__slide-4 .beneficios__boxes {flex-direction: column;}
}
@media screen and (max-width: 767px) {
    .hero__slide-4 {padding-top: 115px;}
    .hero__slide-4 .container {padding: 0 16px;}
    .hero__slide-4 .hero__title {font-size: 40px; text-align: left; margin-left: 14px; margin-bottom: 54px;}
    .hero__slide-4 .hero__title strong {display: block; text-align: center;}
    .hero__slide-4 .beneficios__box--left:after {background: url("../images/lineas-mobile.svg") no-repeat; width: 206px; height: 356px; right: -18px; top: -225px;}
    .hero__slide-4 .beneficios__box--right {height: 196px; background: url("../images/beneficio-box-02-mobile.png") no-repeat;}
    .hero__slide-4 .beneficios__plus {padding: 0; margin-top: -13px;}
    .hero__slide-4 .beneficios__box--right {padding-top: 25px;}
	.hero__slide-4 .beneficios__box--right:after {top: -54px;} /**/
}
/**/
.hero__swiper-button {position: absolute; top: 50%; width: 24px; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.hero__swiper-button:hover path {fill: #00D9C5;}
.hero__swiper-button-prev {left: 16px;}
.hero__swiper-button-next {right: 16px; transform: rotate(180deg) translateY(50%);}
.hero__swiper-pagination {position: absolute; left: 0; width: 100%; display: flex; justify-content: center; gap: 25px; z-index: 10;}
.hero__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 62px;}
.hero__swiper-pagination .swiper-pagination-bullet {width: 23px; height: 23px; border-radius: 100%; background: #6642FF; margin: 0; opacity: 1; border: 3px solid transparent;}
.hero__swiper-pagination .swiper-pagination-bullet-active {background: #04DEC6;}
.hero__swiper-pagination .swiper-pagination-bullet:hover {border-color: #00D9C5;}
@media screen and (max-width: 960px) {
    .hero .swiper-slide {height: 1120px;}
    .hero__cont {flex-direction: column;}
    .hero__slide-1 .hero__image,
    .hero__slide-2 .hero__image,
    .hero__slide-3 .hero__image {padding-top: 100px; width: 100%; justify-content: center;}
    .hero__slide-1 .hero__data,
    .hero__slide-2 .hero__data,
    .hero__slide-3 .hero__data {padding-top: 0; width: 100%; text-align: center;}
    .hero__slide-1 .hero__title,
    .hero__slide-2 .hero__title,
    .hero__slide-3 .hero__title {width: 100%;}
    .hero__slide-1 .hero__subtitle {width: 100%;}
    .hero__slide-2 .hero__text,
    .hero__slide-3 .hero__text {width: 100%;}
    .hero__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 30px;}
}
@media screen and (max-width: 767px) {
    .hero .swiper-slide {height: 926px;}
    .hero .full-container {padding: 0;}
    .hero__cont {gap: 0;}
    .hero__data {padding: 0 16px;}
    /**/
    .hero__slide-1 .hero__image,
    .hero__slide-2 .hero__image,
    .hero__slide-3 .hero__image {padding-top: 94px;}
    /**/
    .hero__slide-1 .hero__image {margin-bottom: 24px;}
    .hero__slide-1 .hero__image img {max-width: 374px; width: 100%;}
    .hero__slide-1 .hero__text {font-size: 20px; margin-bottom: 20px;}
    .hero__slide-1 .hero__title sup, .hero__slide-2 .hero__title sup {font-size: 14px; top: -14px; left: 0;}
    .hero__slide-1 .btn {margin-bottom: 16px;}
    .hero__slide-1 .hero__title {font-size: 30px; line-height: 1.2; text-transform: uppercase; margin-bottom: 20px;}
    .hero__slide-1 .hero__title strong {display: block;}
    .hero__slide-1 .hero__subtitle {font-size: 20px;}
    #pinceladas {width: 100%; height: auto; max-width: 374px;}
    #pinceladasdark {width: 100%; height: auto; max-width: 374px;}
    /**/
    .hero__slide-2 .hero__image {margin-bottom: 24px;}
    .hero__slide-2 .hero__title {font-size: 30px; line-height: 1.2; letter-spacing: -0.6px; text-transform: uppercase; margin-bottom: 17px;}
    .hero__slide-2 .hero__text {font-size: 20px; font-weight: 700; width: 345px; max-width: 100%; margin: 0 auto 23px auto;}
    #monedas {width: 100%; height: auto; max-width: 407px;}
    /**/
    .hero__slide-3 .hero__image {margin-bottom: 14px;}
    .hero__slide-3 .hero__image img {max-width: 361px; width: 100%;}
    .hero__slide-3 .hero__logo {width: 314px; margin: 0 auto 32px auto; max-width: 100%}
    .hero__slide-3 .hero__title {font-size: 24px;}
    .hero__slide-3 .hero__text {font-size: 20px;}
	.hero__slide-3 .hero__text sup { font-size: 14px; } /**/
    #cuotifica {width: 100%; height: auto; max-width: 361px;}
    /**/
    .hero__swiper-button {display: none;}
    .hero__swiper-pagination {gap: 20px;}
    .hero__swiper-pagination .swiper-pagination-bullet {width: 19px; height: 19px;}
    .hero__swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {bottom: 50px;}
}

/*ACTIVA*/
.activa {background: #7664FF; padding-top: 84px; padding-bottom: 65px;}
.activa__head {display: flex; justify-content: space-between; gap: 30px;}
.activa__head-text {width: 629px; max-width: 50%; color: #fff;}
.activa__title {font-size: 120px; font-weight: 700; line-height: 1.06; letter-spacing: -3.6px; margin-bottom: 11px;}
.activa__subtitle {font-size: 40px; font-weight: 700; line-height: 1.2;}
.activa__text {font-size: 30px; font-weight: 700; line-height: 1.3;}
.activa__image {width: 550px; max-width: 50%; display: flex; align-items: flex-start;}
#tarjetas {width: 100%; max-width: 550px; height: auto; aspect-ratio: 550/400}
.activa__list {margin-top: 71px; display: grid; grid-template-columns: repeat(6,1fr); column-gap: 20px;}
.activa__item {background: #fff; border-radius: 20px; padding: 20px 11px 30px 11px;}
.activa__item strong {color: #7664FF;}
.activa__icon {display: flex; justify-content: center; align-items: center; height: 60px; margin-bottom: 13px;}
.activa__item-text {color: #6F6F6F; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center;}
.activa__cta {margin-top: 55px; text-align: center;}
.activa .conoce {display: none;}
@media screen and (max-width: 1230px) {
    .activa__item-text br {display: none;}
}
@media screen and (max-width: 1150px) {
    .activa__head-text { max-width: 60%;}
    .activa__image {max-width: 45%; width: 100%;}
    #tarjetas {max-width: 100%;}
    .activa__list {grid-template-columns: repeat(3,1fr); grid-row-gap: 20px;}
}
@media screen and (max-width: 960px) {
    .activa__head {justify-content: flex-start; flex-direction: column;}
    .activa__head-text {max-width: 100%; width: 100%;}
    .activa__image {max-width: 100%; width: 100%;}
}
@media screen and (max-width: 767px) {
    .activa {padding-top: 66px; padding-bottom: 59px;}
    .activa__head {gap: 38px; text-align: center;}
    .activa__title {font-size: 32px; line-height: 1.2; margin-bottom: 0; letter-spacing: normal;}
    .activa__subtitle {font-size: 32px; line-height: 1.2;}
    .activa__text {font-size: 22px; line-height: 1.3;}
    .activa__list {margin-top: 38px; grid-template-columns: 1fr; grid-row-gap: 11px;}
    .activa__item {padding: 20px 24px; display: flex; align-items: center; gap: 20px;}
    .activa__icon {width: 50px; height: auto; flex-shrink: 0; margin-bottom: 0;}
    .activa__item-text {font-size: 18px; text-align: left;}
    .activa__icon-1 {width: 40px;}
    .activa__icon-2 {width: 40px;}
    .activa__icon-3 {width: 41px;}
    .activa__icon-4 {width: 50px;}
    .activa__icon-5 {width: 43px;}
    .activa__icon-6 {width: 38px;}
    .activa__cta {margin-top: 64px;}
    .activa .conoce {display: block; text-align: center; margin-top: 21px; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2;}
}

/*BENEFICIOS*/
.beneficios {position: relative; background: #00D9C5; padding: 31px 0 54px 0; overflow: hidden;}
.beneficios:before {content: ""; display: block; background: url("../images/beneficios-pipe.svg") no-repeat; width: 614px; height: 923px; position: absolute; top: -340px; right: 0; z-index: 0; transition: all .3s ease;}
.beneficios__title {color: #001641; font-size: 120px; font-weight: 700; line-height: 1.44; letter-spacing: -6px; text-transform: uppercase;}
.beneficios__subtitle {text-transform: uppercase; font-size: 40px; line-height: 1.2; font-weight: 600; margin-top: -30px;}
.beneficios__subtitle strong {color: #7664FF;}
.beneficios__cont {margin-top: 30px; display: flex; justify-content: space-between; gap: 16px; }
.beneficios__data {display: flex; gap: 22px; flex-direction: column; align-items:  center; justify-content: center; width: 100%; max-width: 500px;}
.beneficios__text {max-width: 322px; width: 100%; color: #000; font-size: 20px; line-height: 1.2; text-align: center;}
.beneficios__iconos {max-width: 322px; width: 100%; display: flex; justify-content: center; gap: 0 4px; flex-wrap: wrap; flex-shrink: 0;}
.beneficios__block {max-width: 715px; width: 100%; display: flex; flex-direction: column; gap: 28px;}
.beneficios__bienvenida {border-radius: 20px; background: #fff; max-width: 715px; width: 100%; padding: 26px 21px 27px 25px; display: flex; justify-content: space-between; gap: 10px; align-items: center; transition: all .3s ease;}
.beneficios__bienvenida-group {max-width: 364px; width: 100%;}
.beneficios__bienvenida-head {display: flex; align-items: center; gap: 11px;}
.beneficios__bienvenida-title {color: #001641; font-size: 22px; font-weight: 600; line-height: 1.1;}
.beneficios__bienvenida-icon {flex-shrink: 0;}
.beneficios__bienvenida .btn {margin-top: 16px;}
.beneficios__bienvenida-text {width: 100%; max-width: 284px; color: #6F6F6F; font-size: 18px; line-height: 1.3; position: relative;}
.beneficios__bienvenida-text a {text-decoration: underline; font-weight: 700; color: #6642ff; font-size: 16px; display: inline-block; margin-top: 15px; position: static;}
.beneficios__destacados-title {color: #001641; text-transform: uppercase; margin-top: 29px; margin-bottom: 26px; font-weight: 700; line-height: 1.2; text-align: center; font-size: 28px;}
.beneficios__swiper {width: 100%; overflow: hidden; padding-left: 16px;}
.beneficios__swiper .swiper-slide {width: 190px; height: auto; /*height: 181px;*/ background: #fff; filter: drop-shadow(0px 30px 30px rgba(0, 0, 0, 0.08)); border-radius: 20px; padding: 12px 17px;}
.beneficio__logo {height: 60px; width: 100%;}
.beneficio__off {color: #6F6F6F; font-size: 30px; font-weight: 700; /*line-height: 1.5;*/ line-height: 0.8; margin-bottom: 4px; }
.beneficio__title {color: #6F6F6F; font-size: 18px; font-weight: 700; /*line-height: 1.5;*/ line-height: 1.1; }
.beneficio__text {color: #6F6F6F; font-size: 14px; line-height: 1.5;}
.beneficios__swiper-pagination {display: flex; justify-content: center; margin-top: 37px; gap: 20px;}
.beneficios__swiper-pagination .swiper-pagination-bullet {width: 19px; height: 19px; border-radius: 100%; background: #6642FF; margin: 0; opacity: 1;}
.beneficios__swiper-pagination .swiper-pagination-bullet-active {background: #fff;}
.beneficios__footer {margin-top: 29px;}
.beneficios__footer-text {color: #001641; font-size: 20px; line-height: 1.3; text-align: center;}
.beneficios__footer-text strong {display: block;}
.beneficios__cta {margin-top: 25px; text-align: center;}
.beneficios__cta .btn {width: 100%; max-width: 372px;}
@media screen and (max-width: 1300px) {
    .beneficios:before {right: -150px;}
}
@media screen and (max-width: 1220px) {
    .beneficios:before {display: none;}
    .beneficios__data {width: 50%;}
    .beneficios__block {width: 50%;}
    .beneficios__bienvenida {flex-direction: column; align-items: flex-start;}
    .beneficios__bienvenida-text {max-width: 364px;}
}
@media screen and (max-width: 900px) {
    .beneficios__block {width: 57%;}
    .beneficios__data {flex-direction: column; width: 43%;}
    .beneficios__text {max-width: 100%; text-align: center;}
}
@media screen and (max-width: 767px) {
    .beneficios {padding-top: 55px; padding-bottom: 84px;}
    .beneficios__title {font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: normal; text-align: center;}
    .beneficios__subtitle {margin-top: 0; font-size: 32px; line-height: 1.2; text-align: center;}
    .beneficios__subtitle strong {color: #7664FF; display: block;}
    .beneficios__cont {margin-top: 49px; flex-direction: column; gap: 55px;}
    .beneficios__data {width: 100%; gap: 26px;}
    .beneficios__text {order: 2; max-width: 330px; margin: 0 auto;}
    .beneficios__swiper-pagination {display: none;}
    .beneficios__iconos {order: 1; max-width: 100%; gap: 6px 10px;}
    .beneficios__icon img {width: 110px;}
    .beneficios__bienvenida {width: 100%; padding: 40px 16px 106px 16px; gap: 15px; position: relative;}
    .beneficios__bienvenida-group {max-width: 100%;}
    .beneficios__bienvenida-head {flex-direction: column; gap: 26px;}
    .beneficios__block {width: 100%;}
    .beneficios__bienvenida-icon img {width: 76px;}
    .beneficios__bienvenida-title {font-size: 26px; text-align: center; font-weight: 700; color: #7664FF;}
    .beneficios__bienvenida-title strong {font-weight: 400; color: #001641;}
    .beneficios__bienvenida-text {text-align: center; max-width: 100%;}
    .beneficios__bienvenida .btn {margin-top: 0; left: 16px; bottom: 26px; position: absolute; width: calc(100% - 32px);}
    .beneficios__destacados-title {margin-top: 65px; margin-bottom: 27px; font-size: 26px;}
    .beneficios__swiper .swiper-slide {width: 241px; height: auto; padding: 15px 20px 30px 20px; /*height: 240px;*/ /*padding: 20px 27px;*/}
    .beneficio__logo {height: auto;}
    .beneficio__logo img {height: 90px; width: 100%; object-fit: contain;}
    .beneficio__off {font-size: 32px;}
    .beneficio__title {font-size: 20px;}
    .beneficio__text {font-size: 16px;}
    .beneficios__footer {margin-top: 54px;}
    .beneficios__footer-text {margin: 0 auto; width: 100%; max-width: 300px;}
    .beneficios__cta {margin-top: 35px;}
}
@media screen and (max-width: 380px) {
    .beneficios__swiper-pagination {gap: 10px;}
}

/*APP*/
.app {position: relative; padding: 107px 0 78px 0; background: #7664FF; overflow: hidden;}
.app:before {content: ""; display: block; background: url("../images/app-bg.svg") no-repeat right top; width: 100%; height: 856px; top: 0; right: 0; position: absolute; z-index: 0;}
.app__title {color: #fff; font-size: 82px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: -4.1px;}
.app__subtitle {display: none;}
.app__grid {margin-top: 93px; display: flex; gap: 63px; position: relative;}
.app__phone {width: 400px;}
.app__cont {padding-top: 30px;}
.app__cont-title {color: #fff; font-size: 40px; font-weight: 700; line-height: 1.2; width: 100%; max-width: 435px;}
.app__cont-pmovil {margin-top: 38px;}
.app__cont-apps {margin-top: 16px; display: flex; gap: 12px;}
.app__cont-apps a {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 185px; height: 60px; border-radius: 20px; background: #fff; transition: all .3s ease;}
.app__cont-apps a:hover {box-shadow: 1px 4px 11px 5px rgba(0, 0, 0, 0.2);}
.app__cont-cta {margin-top: 91px;}
/**/
.app__phone-canvas {border-radius: 20px; background: linear-gradient(180deg, #00D9C5 0%, #473C99 100%); height: 444px; display: flex; justify-content: center; align-items: flex-end; position: relative; overflow: hidden; min-width: 337px;}
.app__phone-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
.app__phone-bg .hidebg {visibility: hidden}
#phonebg {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 1;}
#phonebg1 {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 2;}
#phonebg2 {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 3;}
#phonebg3 {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 4;}
#phonebg4 {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 5;}
#phonebg5 {width: 100%; max-width: 400px; height: 100%; aspect-ratio: 400/444; position: absolute; left: 0; top: 0; z-index: 6;}
.app__phone-image {position: relative;}
.app__swiper-container {width: 100%; overflow: hidden; position: absolute; top: 43px; left: 0; z-index: 2;}
.app__swiper {width: 301px; margin: 0 auto; overflow: hidden;}
.app__swiper-pagination {margin-top: 41px; display: flex; justify-content: center; gap: 21px;}
.app__swiper-pagination .swiper-pagination-bullet {width: 19px; height: 19px; border-radius: 100%; background: #001641; margin: 0; opacity: 1; border: 3px solid transparent;}
.app__swiper-pagination .swiper-pagination-bullet-active {background: #04DEC6;}
.app__swiper-pagination .swiper-pagination-bullet:hover {border-color: #00D9C5;}
/**/
.app__slide-head {color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; padding-top: 19px; padding-left: 29px; position: relative;}
.app__slide-head:before {content: ""; display: block; background: url("../images/cellphone-arrow-icon.svg") no-repeat; width: 10px; height: 17px; position: absolute; left: 12px; top: 18px;}
.app__slide-head:after {content: ""; display: block; background: url("../images/cellphone-home-icon.svg") no-repeat; width: 23px; height: 22px; position: absolute; right: 19px; top: 15px;}
.app__slide-title {color: #7664FF; font-size: 20px; font-weight: 700; line-height: 1.3; text-align: center; max-width: 261px; margin: 50px auto 0 auto;}
.app__slide-text {color: #6F6F6F; font-size: 19px; line-height: 1.3; text-align: center; max-width: 261px; margin: 0 auto;}
.app__slide-image {text-align: center;}
.app__slide-list {display: flex; flex-direction: column; gap: 12px; width: 236px; margin: 30px auto 0 auto;}
.app__slide-list li {border-radius: 20px; border: 1px solid #969696; background: #fff; height: 53px; display: flex; align-items: center; justify-content: center;}
.app__slide-2 .app__slide-image {margin-top: 31px;}
.app__slide-3 .app__slide-image {margin-top: 69px;}
.app__slide-4 .app__slide-image {margin-top: 30px;}
.app__slide-5 .app__slide-image {margin-top: 75px;}
.app__slide-6 .app__slide-image {margin-top: 80px;}
@media screen and (max-width: 1270px) {
    .app:before {display: none;}
}
@media screen and (max-width: 900px) {
    .app__grid {gap: 16px;}
}
@media screen and (max-width: 800px) {
    .app__cont-cta .btn {padding: 0; width: 100%;}
}
@media screen and (max-width: 767px) {
    .app {padding-top: 67px; padding-bottom: 55px;}
    .app__title {font-size: 36px; line-height: 1.1; letter-spacing: normal; text-align: center;}
    .app__subtitle {display: block; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.3; margin-top: 9px; text-align: center;}
    .app__grid {flex-direction: column; gap: 0; margin-top: 43px;}
    .app__phone {width: 100%;}
    .app__swiper-pagination {margin-top: 32px;}
    .app__cont {padding-top: 43px; display: flex; flex-direction: column;}
    .app__cont-title {display: none;}
    .app__cont-pmovil {margin-top: 49px; order: 2;}
    .app__cont-apps {order: 3;}
    .app__cont-cta {margin-top: 0; order: 1;}
    #phonebg,
    #phonebg1,
    #phonebg2,
    #phonebg3, 
    #phonebg4, 
    #phonebg5 {width: 400px; height: 444px;}
}

/*RENDIR*/
.rendir {background: #001641; position: relative; padding-top: 93px; padding-bottom: 80px; overflow: hidden;}
.rendir:before {content: "inversiones inversiones inversiones"; opacity: .3; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; font-size: 150px; font-weight: 700; letter-spacing: 7.5px; text-transform: uppercase; position: absolute; left: 0; bottom: -20px; white-space: nowrap;}
.rendir:after {content: ""; background: url("../images/rendir_bg.svg") no-repeat left bottom; background-size: cover; width: 100%; height: 500px; position: absolute; left: 0; bottom: 0;}
.rendir__heading {display: flex; justify-content: space-between;}
.rendir__head-title {color: #BFE41A; font-size: 120px; font-weight: 700; line-height: 1.06; letter-spacing: -6px; width: 100%; max-width: 754px;}
.rendir__head-subtitle {color: #fff; font-size: 48px; font-weight: 700; line-height: 1.3;}
.rendir__head-subtitle sup {font-size: 24px; position: relative; top: -18px;}
.rendir__image {width: 100%; max-width: 340px;}
#plata {width: 100%; max-width: 340px; height: 415px; aspect-ratio: 340/415;}
.rendir__cont {margin-top: 82px; display: flex; justify-content: center; gap: 6.8%;}
.rendir__item--left {width: 100%; max-width: 560px;}
.rendir__item--right {width: 100%; max-width: 512px;}
.rendir__item-head {display: flex; align-items: center; gap: 28px;}
.rendir__item-icon {flex-shrink: 0;}
.rendir__item-title {color: #BFE41A; font-size: 26px; text-transform: uppercase; font-weight: 700; line-height: 1.15; max-width: 268px;}
.rendir__item-text {margin-top: 25px; color: #fff; font-size: 18px; line-height: 1.3;}
.rendir__item-text p { margin-bottom: 25px;}
.rendir__item-text p:last-child {margin-bottom: 0;}
.rendir__cta {text-align: center; margin-top: 24px;}
@media screen and (max-width: 960px) {
    .rendir__heading {flex-direction: column; text-align: center; gap: 40px;}
    .rendir__head-title {max-width: 100%;}
    .rendir__image {max-width: 100%;}
    #plata {max-width: 100%; height: 415px;}
}
@media screen and (max-width: 767px) {
    .rendir {padding-top: 58px; padding-bottom: 86px;}
    .rendir:before,
    .rendir:after {display: none;}
    .rendir__heading {gap: 29px;}
    .rendir__head-title {font-size: 36px; line-height: 1.3; letter-spacing: normal;}
    .rendir__head-subtitle {font-size: 36px; line-height: 1.2;}
    .rendir__head-subtitle sup {font-size: 18px;}
    .rendir__cont {flex-direction: column; gap: 52px; margin-top: 22px;}
    .rendir__item-head {flex-direction: column; gap: 24px;}
    .rendir__item-title {text-align: center; line-height: 1.15;}
    .rendir__item-text {text-align: center; font-size: 20px; line-height: 1.15;}
    .rendir__cta {margin-top: 52px;}
	.rendir__item--left, .rendir__item--right { max-width: 100%; } /* nuevo */
}

/*CLUB*/
.club {position: relative; background: #F89C33; padding-top: 52px; padding-bottom: 76px; overflow: hidden;}
.club:before {content: "club patagonia"; opacity: .3; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; font-size: 150px; font-weight: 700; text-transform: uppercase; position: absolute; left: 0; bottom: -40px; white-space: nowrap;}
.club__title {color: #fff; font-size: 120px; font-weight: 700; text-transform: uppercase; line-height: 1.2; letter-spacing: -6px}
.club__cont {margin-top: 33px; display: flex; justify-content: space-between;}
.club__cont:after {content: ""; width: 400px; height: 250px; background: #001641; position: absolute; top: -70px; right: -150px; transform: rotate(45deg);}
.club__cards {display: flex; gap: 12px;}
.club__card {width: 159px; border-radius: 20px; padding: 23px 6px 20px 6px; align-self: flex-start; text-align: center; min-height: 233px;}
.club__card-icon {height: 54px; margin-bottom: 11px; display: flex; justify-content: center; align-items: center;}
.club__card-title {font-size: 20px; font-weight: 700; line-height: 1.1;}
.club__card-text {margin-top: 9px; font-size: 17px; line-height: 1.1;}
.club__card-01 {background: #7664FF; color: #fff;}
.club__card-02 {background: #00D9C5; color: #001641;}
.club__card-03 {background: #BFE41A; color: #001641;}
.club__image {width: 100%; max-width: 421px; position: relative;}
#club {position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); width: 100%; max-width: 170px; height: auto; aspect-ratio: 170/180;}
.club__subtitle {width: 100%; max-width: 289px; color: #fff; font-size: 24px; font-weight: 700; line-height: 1.5; text-decoration: underline;}
.club__subtitle a {color: #fff;}
.club__subtitle a:hover {color: #001641; text-decoration: underline;}
.club__categorias {border-radius: 20px; background: #fff; padding: 22px 32px 22px 32px; margin-top: 38px;}
.catagorias__title {color: #001641; font-size: 26px; line-height: 1.53; text-transform: uppercase;}
.categorias__todas {display: flex; justify-content: space-between; gap: 20px;}
.categorias__list {display: flex; gap: 20px; margin-top: 11px;}
.categorias__subtitle {color: #001641; font-size: 22px; font-weight: 700; line-height: 1.5; width: 100%; max-width: 331px;}
.categorias__cta {margin-top: 52px; text-align: center;}
@media screen and (max-width: 1180px) {
    .club__cont:after {display: none;}
    .club__cont {flex-direction: column-reverse;}
    .club__title {text-align: center;}
    .club__subtitle {max-width: 100%; text-align: center;}
    .club__image {max-width: 100%; text-align: center; margin-top: 37px;}
    #club {bottom: -100px;}
    .club__cards {justify-content: center; margin-top: 150px;}
    .club__categorias {margin-top: 37px;}
    .categorias__todas {flex-direction: column-reverse;}
    .catagorias__title {text-align: center;}
    .categorias__subtitle {text-align: center; max-width: 100%;}
    .categorias__list {justify-content: center;}
}
@media screen and (max-width: 767px) {
    .club {padding-top: 68px; padding-bottom: 84px;}
    .club:before {display: none;}
    .club__title {color: #fff; font-size: 36px; letter-spacing: normal;}
    .club__subtitle {margin-top: 14px; font-size: 20px; line-height: 1.2;}
    .club__cards {margin-top: 130px; gap: 18px; flex-direction: column;}
    .club__card {display: flex; gap: 22px; align-items: center; width: 100%; min-height: 100%; padding: 15px 25px;}
    .club__card-icon {width: 54px; flex-shrink: 0;}
    .club__card-cont {text-align: left;}
    .club__card-text {margin-top: 0; line-height: 1.2;}
    .club__categorias {margin-top: 45px; border-radius: 0; padding: 0; background: transparent; position: relative;}
    .categorias__todas {gap: 0;}
    .catagorias__title {color: #fff; font-size: 26px; line-height: 1.53; position: absolute; top: 210px; width: 100%;}
    .categorias__subtitle {color: #fff; font-size: 22px; line-height: 1.5; margin: 0 auto; max-width: 370px; padding-bottom: 100px;}
    .categorias__subtitle strong {font-size: 36px; line-height: 1.3; display: block;}
    .categorias__list {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 17px; background: #fff; border-radius: 20px; padding: 25px 7px; margin-top: 12px;}
    .categorias__item {text-align: center;}
    .categorias__cta {margin-top: 55px;}
}

/*FAQ*/
.faq {padding-top: 149px; padding-bottom: 84px; background: #F8F8F8; position: relative;}
.faq:before {content: ""; display: block; background: url("../images/club-bg.svg") no-repeat; width: 387px; height: 315px; position: absolute; left: 0; top: -160px;}
.faq__title {text-align: center; color: #001641; font-size: 32px; font-weight: 700; text-transform: uppercase; line-height: 1.2;}
.faq__container {margin-top: 35px;}
.faq__item {border-bottom: 1px solid #00D9C5; padding-bottom: 15px;}
.faq__question {color: #000; padding-left: 50px; font-size: 18px; line-height: 1.2; margin-top: 15px; position: relative; cursor: pointer;}
.faq__question:before {content: ""; background: url("../images/faq-arrow.svg") no-repeat; width: 18px; height: 12px; position: absolute; left: 13px; top: 8px; display: block; transition: all .3s ease;}
.faq__item.js-open .faq__question:before {transform: rotate(180deg); filter: grayscale(100) brightness(0);}
.faq__content {color: #000; font-size: 18px; line-height: 1.2; padding-top: 15px; display: none;}
.faq__content p {margin-bottom: 20px;}
.faq__content p:last-child {margin-bottom: 0;}
.faq__cta {margin-top: 64px; text-align: center;}
@media screen and (max-width: 1050px) {
    .faq:before {left: -10%; top: -180px;}
}
@media screen and (max-width: 950px) {
    .faq:before {left: -15%; top: -180px;}
}
@media screen and (max-width: 767px) {
    .faq {padding-top: 62px; padding-bottom: 52px;}
    .faq:before {display: none;}
    .faq__title {font-size: 36px;}
    .faq__container {margin-top: 18px;}
    .faq__question {font-size: 20px;}
    .faq__content {font-size: 20px;}
    .faq__question {margin-top: 21px;}
    .faq__item {padding-bottom: 21px;}
}

/*LEGALES*/
.legales {background: #001641; color: #fff; padding: 53px 0;}
.legales p {text-align: justify; font-size: 8px; margin-bottom: 15px; line-height: 1.5;}
.legales p:last-child {margin-bottom: 0;}
.legales h3 {font-size: 26px; font-weight: 700; line-height: 1.5; margin-bottom: 15px;}

/*PAGINA BENEFICIOS*/
.beneficios__page {background: #00D9C5;}
/**/
.hero-beneficios {position: relative; overflow: hidden; display: flex;}
.hero-beneficios:before {content: "BENEFICIOS"; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; font-size: 140px; line-height: 1.68; font-weight: 700; text-transform: uppercase; position: absolute; left: 526px; top: -6px; white-space: nowrap;}
.hero-beneficios:after {position: absolute; top: 0; right: 0; content: ""; display: block; background: url("../images/beneficios_bg.svg") no-repeat right top; width: 221px; height: 531px;}
.hero-beneficios__image {padding-top: 25px; width: 100%; max-width: 526px;}
.hero-beneficios #beneficios {width: 100%; max-width: 480px; height: auto; aspect-ratio: 480/524}
.hero-beneficios__data {width: 100%; max-width: 706px; padding-top: 241px;}
.hero-beneficios__title {color: #fff; font-size: 60px; font-weight: 700; line-height: 1.2; text-transform: uppercase;}
@media screen and (max-width: 1350px) {
    .hero-beneficios:after {display: none;}
}
@media screen and (max-width: 1050px) {
    .hero-beneficios {align-items: center;}
    .hero-beneficios:before {display: none;}
    .hero-beneficios__data {padding-top: 100px;}
}
@media screen and (max-width: 900px) {
    .hero-beneficios__title {font-size: 40px;}
}
@media screen and (max-width: 767px) {
    .hero-beneficios {align-items: flex-start; flex-direction: column;}
    .hero-beneficios__image {max-width: 100%;}
    .hero-beneficios__data {padding: 0 16px; text-align: center;}
    .hero-beneficios__title {border-radius: 20px; background: #7664FF; padding: 22px 15px; font-size: 24px;}
}
/**/
.beneficios__listado {margin-top: 41px;}
.beneficios__listado-title {color: #001641; text-align: center; font-size: 28px; font-weight: 700; line-height: 1.2; margin-bottom: 30px;}
.beneficios__grid {width: 100%; max-width: 822px; margin: 0 auto; display: flex; flex-direction: column; gap: 17px;}
.beneficios__grid-row {display: flex; gap: 20px;}
.beneficio__item {width: 190px; border-radius: 20px; background: #fff; padding: 11px 9px 21px 15px; position: relative; transition: all .3s ease;}
.beneficio__item:hover {box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.08);}
.beneficio__item--x2 {width: 400px;}
.beneficio__cont {display: flex; gap: 26px; justify-content: space-between;}
.beneficio__item-description {position: relative; padding-bottom: 36px; min-height: 150px;}
.beneficio__item-description + .beneficio__item-description {padding-right: 7px;}
.beneficio__item-off {color: #6F6F6F; font-size: 32px; font-weight: 700; /*line-height: 1.5;*/ line-height: 1; }
.beneficio__item-title {color: #6F6F6F; font-size: 18px; font-weight: 700; /*line-height: 1.5;*/ line-height: 1.2; }
.beneficio__item-text {color: #6F6F6F; font-size: 14px; line-height: 1.5;}
.beneficio__item-text sup { font-size: 0.65em; position: absolute; margin-left: 2.5px; } /* nuevo */
.beneficio__show-modal {color: #969696; font-size: 16px; font-weight: 700; line-height: 1.2; position: absolute; bottom: 0; left: 0;}
.beneficios__listado-footer {text-align: center; padding-bottom: 85px; margin-top: 79px;}
.beneficios__listado-text {color: #001641; font-size: 20px; line-height: 1.3;}
.beneficios__listado-text strong {display: block;}
.beneficios__listado-footer .btn {margin-top: 49px;}
@media screen and (max-width: 767px) {
    .beneficios__listado-title {display: none;}
    .beneficios__listado {margin-top: 30px;}
    .beneficios__grid-row {flex-wrap: wrap; gap: 20px 4%;}
    .beneficio__item {width: 48%;}
    .beneficio__item--x2 {width: 100%;}
    .beneficios__listado-footer {margin-top: 66px;}
    .beneficios__listado-text {margin: 0 auto; max-width: 340px; text-align: center;}
    .beneficios__listado-footer .btn {margin-top: 32px;}
}
/**/
.modal__beneficio {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 30; display: none;}
.modal__inner {display: flex; width: 100%; height: 100%; overflow: auto; align-items: center; justify-content: center;}
.modal__card {width: 100%; max-width: 798px; background: #fff; border-radius: 20px; position: relative; max-height: 90vh;}
.modal__close {position: absolute; top: 19px; right: 20px; width: 18px; background: #fff; border: none;}
.modal__close:before {content: ""; display: block; width: 18px; height: 18px; background: url("../images/modal-close.svg") no-repeat;}
.modal__body {padding: 47px 70px;}
.modal__title {color: #001641; font-size: 22px; font-weight: 700; line-height: 1.2; margin-bottom: 31px;}
.modal__content {color: #6F6F6F; font-size: 16px; line-height: 1.3; max-height: 70vh; overflow-x: auto;}
.modal__content p {margin-bottom: 20px;}
.modal__content p:last-child {margin-bottom: 0;}
@media screen and (max-width: 800px) {
    .modal__inner {align-items: flex-start; padding: 16px;}
    .modal__body {padding: 52px 27px 27px 27px;}
    .modal__title {text-align: center; font-size: 26px; margin-bottom: 44px;}
    .modal__content {font-size: 18px;}
}

/*PATAGONIA UNIVERSITARIA*/
.universitaria__page {background: #00D9C5;}
.universitaria {position: relative; padding-top: 182px;}
.universitaria__bg {display: flex; justify-content: flex-end; width: 100%; position: absolute; left: 0; top: 0; padding-top: 125px; z-index: -1; line-height: 0;}
#universitaria {width: 100%; max-width: 800px; height: 815px; aspect-ratio: 800/815}
.universitaria__title {color: #001641; font-size: 90px; font-weight: 700; line-height: 0.9; letter-spacing: -2.7px;}
.universitaria__subtitle {color: #001641; font-size: 90px; line-height: 0.9; letter-spacing: -2.7px;}
.universitaria .btn {margin-top: 62px;}
.universitaria__list {margin-top: 65px; display: flex; gap: 14px;}
.universitaria__item {width: 263px; border-radius: 20px; background: #001641; padding: 32px 19px 19px 19px; min-height: 260px; text-align: center;}
.universitaria__item-title {color: #BFE41A; font-size: 26px; font-weight: 700; line-height: 1.2;}
.universitaria__item-text {color: #fff; font-size: 20px; line-height: 1.2;}
.universitaria__item-text span {text-transform: uppercase;}
.universitaria__item a {display: block; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.3; text-decoration: underline; margin-top: 28px;}
.universitaria__item a:hover {color: #CFF61E;}
@media screen and (max-width: 1150px) {
    .universitaria__bg {padding-top: 172px;}
    #universitaria {max-width: 600px; height: auto;}
}
@media screen and (max-width: 1050px) {
    .modal__universitaria .modal__content {gap: 47px;}
    .universitaria__bg {padding-top: 273px;}
    #universitaria {max-width: 500px;}
}
@media screen and (max-width: 900px) {
    .universitaria__bg {padding-top: 290px;}
}
@media screen and (max-width: 767px) {
    .universitaria {padding-top: 70px; padding-bottom: 35px;}
    .universitaria__bg {position: static; padding-top: 0; padding-bottom: 20px;}
    .universitaria__title {font-size: 34px; line-height: 1.3; letter-spacing: normal; text-align: center}
    .universitaria__subtitle {font-size: 34px; line-height: 1.3; letter-spacing: normal; text-align: center;}
    .universitaria .btn {margin-top: 38px;}
    .universitaria__list {margin-top: 37px; gap: 19px; flex-direction: column;}
    .universitaria__item {width: 100%; min-height: 221px;}
    .universitaria__item-title {font-size: 30px;}
    .universitaria__item-text {font-size: 24px;}
    .universitaria__item a {font-size: 24px; line-height: 1.2;}
}
/**/
.modal__universitaria {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 30; display: none;}
.modal__universitaria .modal__card {width: 100%; max-width: 1092px; background: #fff; border-radius: 20px; position: relative;}
.modal__universitaria .modal__card:before {content: ""; display: block; background: url("../images/universitaria_top.svg") no-repeat; width: 250px; height: 100px; position: absolute; left: 0; top: 0; z-index: 0; border-radius: 20px;}
.modal__universitaria .modal__card:after {content: ""; display: block; background: url("../images/universitaria_bottom.svg") no-repeat right bottom; width: 250px; height: 100px; position: absolute; right: 0; bottom: 0; z-index: 0; border-radius: 20px;}
.modal__universitaria .modal__inner {align-items: flex-start; padding: 16px;}
.modal__universitaria .modal__close {top: 18px; right: 34px;}
.modal__universitaria .modal__close:before {width: 29px; height: 29px; background: url("../images/close-modal.svg") no-repeat;}
.modal__universitaria .modal__body {padding: 32px 47px 27px 47px;}
.modal__universitaria .modal__title {font-size: 24px; margin-bottom: 30px; text-align: center;}
.modal__universitaria .modal__content {display: flex; justify-content: center; gap: 72px;}
.universitaria__espacios {width: 100%; max-width: 433px;}
.universitaria__espacios-item {padding: 20px 0; border-top: 1px solid #A3A3A3;}
.universitaria__espacios-item:first-child {border-top: none;}
.universitaria__espacios-item__title {color: #001641; font-size: 20px; font-weight: 600; line-height: 1.2;}
.universitaria__espacios-item__text {color: #A3A3A3; font-size: 10px; font-weight: 600; line-height: 1.2;}
@media screen and (max-width: 767px) {
    .modal__universitaria .modal__body {padding: 47px;}
    .modal__universitaria .modal__content {flex-direction: column; gap: 0;}
    .universitaria__espacios:first-child {border-bottom: 1px solid #A3A3A3;}
}

/*DARK MODE*/
.darkmode .header,
.darkmode .navbar,
.darkmode.noscroll .navbar,
.darkmode .hero,
.darkmode .activa,
.darkmode .beneficios,
.darkmode .app,
.darkmode .rendir,
.darkmode .club,
.darkmode .faq,
.darkmode.universitaria__page,
.darkmode.beneficios__page {background: #000;}
/**/
.darkmode .beneficios__title {color: #BFE41A;}
.darkmode .beneficios__subtitle {color: #7664FF;}
.darkmode .beneficios__destacados-title {color: #BFE41A;}
.darkmode .beneficios__footer-text {color: #fff;}
/**/
.darkmode .faq__title {color: #00D9C5;}
.darkmode .faq__question {color: #fff;}
.darkmode .faq__content {color: #fff;}
.darkmode .faq__item.js-open .faq__question:before {filter: grayscale(100) brightness(100);}
/**/
.darkmode .universitaria__title {color: #BFE41A;}
.darkmode .universitaria__subtitle {color: #BFE41A;}
.darkmode .universitaria__item {background: #7664FF;}
/**/
.darkmode .beneficios__text {color: #fff;}
.darkmode .hero-beneficios__title {color: #BFE41A;}
.darkmode .beneficios__listado-title {color: #00D9C5;}
.darkmode .beneficios__listado-text {color: #fff;}
/**/
.darkmode .app__swiper-pagination .swiper-pagination-bullet {background: #6642FF;}
.darkmode .app__swiper-pagination .swiper-pagination-bullet-active {background: #04DEC6;}
.darkmode .app__swiper-pagination .swiper-pagination-bullet:hover {border-color: #00D9C5;}
/**/
.darkmode .club__subtitle a:hover {color: #BFE41A; text-decoration: underline;}