:root {
	--secundaria: 'Open Sans', sans-serif;
	--marble: 13px;
	--pingpong: 15px;
	--squash: 18px;
	--golf: 20px;
	--pool: 50px;
	--handball: 32px;
	--tenis: 38px;
	--futbol: 46px;
	--jupiter: 7rem;

	--azul: #0039A6;
	--violeta: #863DFF;
	--violetaLight: #F3ECFF;
	--verde: #009245;
	--naranja: #FF8120;
	--gris: #E9E9E9;
	--gris-claro: #fafafa;
	--gris-oscuro: #5B5B5B;
	--negro: #222;
	--blanco: #FFF;
}

@font-face {
	font-family: Directo;
	src: url(/assets/fonts/Cocogoose-Pro-Regular.woff);
}

@font-face {
	font-family: DirectoLight;
	src: url(/assets/fonts/Cocogoose-Pro-Light.woff);
}

@font-face {
	font-family: DirectoSemiLight;
	src: url(/assets/fonts/Cocogoose-Pro-Semilight.woff);
}

body {
	font-size: var(--pingpong);
	background-color: var(--blanco);
	color: var(--azul);
}

.oculto {
	display: none;
}

/* MOBILE */

.container-100 {
	padding: 80px 24px;
	margin: 0px auto 0px;
	width: -webkit-fill-available;
}

.container-100_header {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

.container-text {
	padding: 0px 24px;
	margin: 0px auto 24px;
	width: -webkit-fill-available;
	;
}

.container-footer {
	padding: 40px 24px;
	margin: 0px auto 0px;
	width: -webkit-fill-available;
}

/* FONTS */

h1 {
	font-family: Directo;
	font-size: var(--handball);
	line-height: 125%;
}

h2 {
	font-family: Directo;
	font-size: var(--pool);
	line-height: 125%;
}

h3 {
	font-family: Directo;
	font-size: var(--pool);
	line-height: 125%;
	margin-bottom: 40px;
}

h4 {
	font-family: Directo;
	font-size: var(--pool);
	line-height: 150%;
}

h5 {
	font-family: DirectoSemiLight;
	font-size: var(--squash);
	line-height: 150%;
}

h6 {
	font-family: DirectoLight;
	font-size: 14px;
	line-height: 150%;
}

.font-xxl {
	font-family: DirectoSemiLight;
	font-size: var(--jupiter);
	line-height: 150%;
}

p {
	font-family: var(--secundaria);
	font-size: var(--pingpong);
	line-height: 150%;
}

a {
	font-family: inherit;
	text-decoration: none;
	color: inherit;
}

button {
	font-family: DirectoLight;
	font-size: 14px;
	line-height: 150%;
}

header {
	height: 56px;
}

.ayuda-respuesta strong{
	font-weight: 900;
	font-size: var(--pingpong);
}

.fw-900{
	font-weight: 900!important;
}

.text-justify{
	text-align: justify;
}

.viotela{
	color: var(--violeta);
}

.bold {
	font-family: DirectoSemiLight;
}


.header {
	padding: 60px 0px;
	margin-top: 60px;
	min-height: 340px;
}

.headerSection {
	width: 100%;
}

.grid-header {
	display: flex;
	align-items: flex-start;
	/* margin: 0px 24px; */
}

.logo {
	z-index: 99;
	position: fixed;
	top: 16px;
	left: 24px;
	max-width: 120px;
}

.logo-directo__header {
	width: 100%;
}

.navegacion,
.iniciar {
	display: none;
}

.header-mobile {
	display: block;
	background-color: var(--blanco);
	position: fixed;
	width: 100%;
	height: 56px;
	z-index: 3;
}

.nav--secondary-border {
	display: none;
}

nav span {
	color: inherit;
}

.pHero {
	padding: 24px 24px;
	margin-top: 64px;
}

/* Image */

.img-desktop {
	display: none;
}

.img-mobile {
	display: block;
	object-fit: cover;
	object-position: center;
}

.efectivo {
	background-image: url(/assets/images/hero-mobile--clientes--efectivo.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.cuotasSinInteres {
	background-image: url(/assets/images/hero-mobile--cuotas.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.efectivo h1 {
	font-size: var(--tenis);
	color: var(--blanco);
}

.efectivo h3 {
	font-size: var(--pool);
	color: var(--blanco);
}

.asistencias {
	background-image: url(/assets/images/hero-mobile--para-vos--asistencias.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.suma-tu-comercio {
	background-image: url(/assets/images/hero-desktop--clientes--comercios-adheridos-s-texto.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.quienes-somos {
	background-image: url(/assets/images/hero-mobile--quienes-somos--equipo.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
}

.comercio {
	background-image: url(/assets/images/header-mobile_comercios.png);
	background-position: center;
}

.cuotas {
	background-image: url(/assets/images/header-mobile_cuotas.png);
	background-position: center;
}

/* MENU MOBILE */

.menu-toggle {
	position: absolute;
	top: 20px;
	right: 24px;
	z-index: 3;
	width: 24px;
	height: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.menu-toggle span {
	width: 100%;
	height: 2px;
	background-color: var(--negro);
	z-index: 4;
	transition: all .2s ease;
	transform-origin: center;
}

.mobile-main {
	background-color: var(--blanco);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(100%);
	z-index: 2;
	transition: transform 0.5s ease;
	text-align: center;
	display: flex !important;
}

.mobile-main-nav {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 80px 24px;
	text-align: left;
	width: -webkit-fill-available;
}

.mobile--nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	gap: 24px;
	margin-bottom: 36px;
}

.mobile--nav--link {
	font-family: DirectoSemiLight;
	font-size: var(--pingpong);
	color: var(--azul);
	text-decoration: none;
	border-bottom: 2px solid var(--gris);
	padding-bottom: 6px;
}
.mobile--nav--link:hover{
	color: #fff;
	background-color: var(--azul);
}

.mobile--nav--link.active {
	border-bottom: 2px solid var(--violeta) !important;
}

.nav-item button {
	border-radius: 0px !important;
	background-color: var(--blanco);
}

.mobile--nav--content li {
	margin-bottom: 24px;
	list-style: none;
}

.mobile--nav--content--link a {
	font-size: var(--golf);
	color: var(--azul);
	font-family: 'DirectoLight';
}

.tab-pane {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mobile--nav--secondary {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 24px;
	gap: 24px;
}

.mobile--nav--secondary-link {
	padding: 0 24px 6px 24px;
}

.mobile--nav--secondary-link--active {
	border-bottom: 2px solid var(--azul);
}

.mobile--nav--secondary-link--inactive {
	border-bottom: 2px solid var(--gris-claro);
}

.mobileNav {
	margin-bottom: 24px;
	list-style: none;
}

.mobileMainButton {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.mobileNavTitle {
	list-style: none;
	color: var(--violeta);
	font-family: 'DirectoLight';
	font-size: var(--golf);
}

.mobileNavAccess {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 16px;
}

.mobileNavAccessButton {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	border-radius: 8px;
	background-color: var(--violetaLight);
	font-size: var(--pingpong);
}

li a {
	font-size: var(--golf);
	color: var(--azul);
}

.open {
	transform: translateX(0);
}

.btnSquareLine,
.btnSquare {
	width: 100%;
	text-align: center;
}

.servicios {
	flex-direction: column;
}

.serviciosMediosPago {
	flex-direction: column;
}

.hero,
.servicios {
	padding: 40px 0;
}

.heroTitle,
.servicios__title {
	width: auto;
}

.heroTitleXL {
	font-size: var(--futbol);
}

.heroImage {
	align-items: baseline;
	height: auto;
}

.heroImagePosition {
	display: none;
}

.heroLegales {
	padding: 42px 0px 24px;
	margin-bottom: 24px;
}

.sectionIzquierda {
	flex-basis: auto;
}

.modulo {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 64px 0;
}

.moduloDestacado {
	flex-direction: column;
	padding: 24px;
	text-align: center;
}

.itemDestacado {
	position: absolute;
    top: 0px;
    right: 0px;
    padding: 8px 16px;
    background-color: var(--violeta);
    color: var(--blanco);
	font-family: DirectoLight;
    font-size: 0.85rem;
    border-radius: 0px 8px 0px 8px;
}

.itemDestacadoPosition {
	position: relative;
}

.comercios-grupo {
	display: flex;
	flex-direction: column;
	gap: 120px;
}

.comerciosFeatures {
	flex-basis: auto;
	grid-template-columns: 1fr;
	grid-row-gap: 24px;
}

.comerciosTitle {
	flex-basis: auto;
	padding: 0 24px;
}

.comerciosTitle h2,
.comerciosTitle p {
	color: var(--blanco) !important;
}

.sliderDesktop {
	display: none;
}

/* MENU MOBILE -- AYUDA */

.container-ayuda_hero {
	padding: 48px 24px;
	margin: 0px auto 0px;
	width: -webkit-fill-available;
}

.container-ayuda {
	background-color: var(--gris-claro);
	padding: 24px;
	border: 1px solid var(--gris);
	margin-bottom: 48px;
}

.container-ayuda h6 {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.container-ayuda span {
	font-size: 28px !important;
}

.menu-mobile_ayuda {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 12px;
}

.menu-mobile_ayuda h6 {
	text-decoration: underline;
}

.container-ayuda_preguntas {
	display: flex;
	flex-direction: column;
	gap: 48px;
	padding: 0 24px;
}

/* MAIN CONTAINER */

/* FLEX */

.mobile--flex-column {
	flex-direction: column;
}

.mobile--flex-50 {
	flex-basis: 100%;
	border-radius: 16px;
	gap: 24px;
}

.mobile--flex-50-none {
	display: none;
}

/* GRID */

.grid-25 {
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.grid-center {
	grid-template-columns: 75%;
}

/* MODULES */

.moduleFeaturesItems,
.moduleComercioFeatures,
.modulePagoFeatures,
.moduleGroupBrandsItem {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.moduleFeatures {
	gap: 20px
}

.moduleGroupBrandsItem,
.modulePagoTitle,
.moduleFeaturesTitle {
	padding: 0;
}

.moduleFeaturesItems div {
	text-align: center;
}

.moduleCuotas {
	background-position: left;
}

.moduleEfectivo {
	background-position: top;
}

.moduleCuotas,
.moduleComercio,
.moduleEfectivo,
.modulePagoFeaturesItem,
.modulePagoFeaturesItemOutline {
	padding: 36px 24px;
	text-align: left;
	align-items: center;
}

.moduleComercioFeaturesItems {
	align-items: center;
	padding: 36px 24px;
	background-color: var(--violetaLight);
	border-radius: 16px;
}

.modulo-companias {
	padding: 40px 0px;
	gap: 24px;
}

.modulo-companias-grilla {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: center;
}

.modulo-companias-grilla img {
	padding: 20px;
}

.moduleImage img {
	border-radius: 8px;
}

.grid1column,
.grid2column {
	grid-template-columns: 1fr;
}

.moduleList li {
	font-size: var(--pingpong);
}

.moduleListLegal {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	font-size: var(--marble);
	font-family: var(--secundaria);
	color: var(--gris-oscuro);
}

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

.module100 h4 {
	text-align: center;
	font-size: var(--squash);
	word-break: break-word;
}

.footer-nav {
	flex-direction: column;
}

.footer-nav_item {
	gap: 16px;
}

.footerLegalItem {
	flex-direction: column;
}

.footerLegalLogos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 35%;
	gap: 24px;
	height: auto;
}

.footerCompany p {
	font-size: 10px;
}

/* MODULE 2 y 3 */

.module3columns,
.module2columns {
	grid-template-columns: 1fr;
	row-gap: 24px;
}

.module4columns {
	grid-template-columns: repeat(3, 1fr);
}

.card100 {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 48px 0;
}

.cardButton {
	flex-direction: column;
}

.module {
	flex-direction: column;
}

.moduleLarge {
	flex-basis: auto;
}

.moduleCard {
	padding: 12px 16px;
}

.redesPago {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 16px;
	row-gap: 16px;
}

.moduleColumnThree {
	flex-basis: auto;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	grid-column-gap: 24px;
	grid-row-gap: 24px;
}

.moduleSpace {
	padding: 32px 0;
}

.moduleHeaderEspecial {
	display: flex;
	flex-direction: column;
	padding-top: 64px;
	height: auto;
}

.moduleLegalesHeader {
	padding: unset;
}

.moduleLegales {
	margin-top: 16px;
	margin-bottom: 16px;
}

.listLegales a {
	font-size: var(--pingpong);
}

.module60 {
	width: auto;
}

.module40 {
	width: auto;
}

.module-rating {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 180px;
	gap: 12px;
	padding: 24px;
	text-align: center;
}

/* BACKGROUNDS */

.bgCorners {
	border-radius: 0px 0px 42px 42px;
	margin-top: 64px;
}

/* BUTTON */

.boton {
	width: 100%;
	max-width: none;
}

.btnLarge {
	margin-top: 64px;
	padding: 16px 0;
	width: 100%;
}

.btn_medium {
	padding: 16px 24px;
	width: 100%;
}

.btnDesktop {
	display: none;
}

.btnMobile {
	display: block;
}

/* IMAGES */

.hero__image {
	display: none;
}

.mediosPago>img {
	width: 80%;
}

/* FORMS */

form {
	padding: 0;
}

.form-control {
	font-family: 'DirectoSemiLight';
	font-size: var(--marble);
}
form label{
	font-family: 'DirectoSemiLight';
}

.formGrid {
	display: flex;
	flex-direction: column;
}

.formThanks {
	flex-direction: column;
	padding: 64px 0 24px;
}

.formFlexModule {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
}

/* FOOTER */

.footerEmpresa,
.footerLegales {
	display: flex;
	flex-direction: column;
}

.footerEmpresaLogo {
	margin-bottom: 24px;
}

.footerLegales {
	text-align: left;
	gap: 24px;
}

.footerSocial {
	margin-bottom: auto;
}

.footerEmpresaCol1,
.footerEmpresaCol2,
.footerEmpresaCol3 {
	margin-bottom: 48px;
}

.footer_lista {
	gap: 8px;
}

.footer_item {
	margin-top: 16px;
}

.footerLegalesLinks {
	display: flex;
	flex-direction: column;
}

.footerEmpresaCol4 {
	gap: 24px;
	width: 100%;
}

.legales_links__distancia {
	margin-bottom: 16px;
	padding-right: 0px;
	line-height: 1.5;
}

.legales_links__division {
	border: none;
}

.headerSingle {
	margin-top: 60px;
	padding: 30px 0;
}

.bodySingle {
	padding: 30px 0;
}

p.legalText,
.legalTextList li {
	font-size: var(--marble);
	letter-spacing: -0.035em;
}

.gridTable {
	grid-template-columns: 1fr;
}

.gridTableItem {
	gap: 8px;
}

.header100 {
	padding: 0px 24px;
}

.card100Right {
	padding: 40px 0px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	text-align: left;
	gap: 48px;
	width: 100%;
	/* margin-left: auto; */
}

.footerLegalLogos img {
	height: auto;
}

.p48-0bottom {
	padding: 24px;
}

/* FAQS */

.container-faqs {
	padding: 80px 24px;
	margin: 0px auto 0px;
	width: -webkit-fill-available;
}

/* BUTTON */

.button--mobile--main {
	height: 52px;
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	border: 1px solid #FFFFFF00;
	background-color: var(--azul);
	color: var(--blanco);
	border-radius: 96px;
	line-height: 0;
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button--hero {
	display: flex;
	justify-content: center;
	margin-top: -40px;
}

.button--hero--desktop {
	display: none;
}

.container-hero h1 {
	font-size: var(--pool);
}

.container-hero h4 {
	font-size: var(--pingpong);
}

.material-symbols-rounded {
	font-size: 50px !important;
	color: var(--violeta);
}

/* FLEX */

.flex {
	display: flex;
}

.flexColumn {
	flex-direction: column;
}

/* Gap */

.g80 {
	gap: 80px !important;
}

.g40 {
	gap: 40px !important;
}

.gExtraExtraSmall {
	gap: 16px;
}

.gExtraSmall {
	gap: 24px;
}

.gSmall {
	gap: 48px;
}

.gExtraLarge {
	gap: 120px;
}

/* Color */

.azul {
	color: var(--azul);
}

.blanco {
	color: var(--blanco);
}

.verde {
	color: var(--verde);
}

.gris {
	color: var(--gris);
}

.grisOscuro {
	color: var(--gris-oscuro);
}

.violeta {
	color: var(--violeta);
}

.naranja {
	color: var(--naranja);
}

/* Backgrounds */

.bg-blanco {
	background-color: var(--blanco);
}

.bg-gris {
	background-color: var(--gris);
}

.bg-gris-claro {
	background-color: var(--gris-claro);
}


.bgVioleta {
	background-color: var(--violeta);
}

.bgVioletaLight {
	background-color: var(--violetaLight);
}

.bg-azul {
	background-color: var(--azul);
}

.bgCeleste {
	background-color: var(--celeste);
}

.bgCeruleo {
	background-color: var(--ceruleo);
}

.bg-naranja {
	background-color: var(--naranja);
}

/* Padding */

.p48 {
	padding: 48px;
}

.p48-0bottom {
	padding: 48px 48px 0px 48px;
}

.pb-xxsmall {
	padding-bottom: 12px;
}

.pb-xsmall {
	padding-bottom: 24px;
}

.pb-small {
	padding-bottom: 48px;
}

.pHero {
	padding: 80px 120px;
	margin-top: 120px;
}

.pt-xsmall {
	padding-top: 24px;
}

.pt-small {
	padding-top: 48px;
}

.p-hero {
	padding: 48px 24px;
}

/* Footer */

footer h6 {
	font-family: Directo;
	color: var(--gris-oscuro);
	margin-bottom: 10px;
}

footer p,
footer a {
	font-family: DirectoLight;
	font-size: var(--marble);
	color: var(--gris-oscuro);
	text-decoration: none;
}
footer li{
	margin-bottom: 10px;
}
footer li a {
	line-height: 150%;
}
.footer-nav {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.footer-nav_group {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 36px;
}

.footer-social {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 36px;
}

.footer-social_icons{
	width: auto;
	height: 20px;
}

.container-footer_legal {
	background-color: var(--gris-claro);
}

.footer-legal div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-legal div:nth-child(1) {
	margin-bottom: 24px;
}

.footer-legal_logos img {
	object-fit: contain;
	width: 50vw;
	height: 40px;
}

hr {
	border: 0.5px solid var(--gris);
}

.container-footer-company {
	background-color: var(--violeta);
	padding: 24px;
	margin: 0px auto 0px;
	width: -webkit-fill-available;
}

.container-footer-company p {
	font-family: var(--secundaria);
	font-size: var(--marble);
	color: var(--blanco);
}

.container-footer-company a {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 16px;
}

.legalTextList li {
	list-style-position: inside;
	color: var(--negro);
	font-family: var(--secundaria);
	font-size: var(--pingpong);
	margin: 4px 0;
}

/* Botones */

button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	border-radius: 48px;
	border: none;
	cursor: pointer;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.buttonWide {
	max-width: none;
}

.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 96px;
	line-height: 0;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-xl {
	height: 48px;
	padding: 0 24px;
	background-color: var(--azul);
	color: var(--blanco);
	font-size: var(--pingpong);
	font-family: 'DirectoSemiLight';
	letter-spacing: 0.25px;
	white-space: nowrap;
}

.button-l {
	height: 44px;
	padding: 0 24px;
	background-color: var(--azul);
	color: var(--blanco);
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	letter-spacing: 0.25px;
	white-space: nowrap;
}

.button-md-secondary {
	height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	border: 1px solid #FFFFFF00;
	background-color: var(--blanco);
	color: var(--naranja);
	border-radius: 96px;
	line-height: 0;
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-md-secondary:hover {
	border: 1px solid var(--blanco);
	background-color: #FFFFFF00;
	color: var(--blanco);
}

.button-md-icon {
	height: 48px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px 0px 24px;
	gap: 8px;
	border-radius: 96px;
	line-height: 0;
	background-color: var(--azul);
	color: var(--blanco);
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	letter-spacing: 0.25px;
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-md-icon:hover,
.button-s:hover {
	background-color: var(--violeta);
}

.button-md-icon:active {
	background-color: var(--violetaLight);
	border: 1px solid var(--azul);
	color: var(--azul);
}

.button-md-line {
	height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	border: 1px solid var(--azul);
	border-radius: 96px;
	background-color: #FFFFFF00;
	color: var(--azul);
	line-height: 0;
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-md-line:hover {
	background-color: var(--violetaLight);
	border: 1px solid var(--azul);
}

.button-md-icon-line {
	height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0 16px 0px 24px;
	box-shadow: var(--azul) 0px 0px 0px 1px;
	border-radius: 96px;
	background-color: #FFFFFF00;
	color: var(--azul);
	line-height: 0;
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-md-icon-line {
	&:hover {
		background-color: var(--violetaLight);
		box-shadow: var(--violeta) 0px 0px 0px 1px;
		color: var(--violeta);
	}

	&:hover span {
		transform: rotate(180deg);
		color: var(--violeta);
	}
}


.button-md-icon-line:hover span {
	transform: rotate(180deg);
	color: var(--violeta);
}

.button-md-white {
	height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	background-color: var(--blanco);
	color: var(--azul);
	border-radius: 96px;
	line-height: 0;
	justify-content: center;
	font-size: var(--marble);
	font-family: 'DirectoSemiLight';
	transition-duration: 300ms;
	transition-timing-function: ease-in-out;
}

.button-md-white:hover {
	background-color: var(--violeta);
	color: var(--blanco);
}

.button-modal {
	height: 52px;
	background-color: var(--azul);
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	border-radius: 12px;
	line-height: 0;
	justify-content: center;
	font-size: 1rem;
	font-family: 'DirectoSemiLight';
	width: 100%;
	color: var(--blanco);
}

.button-modal:hover {
	color: var(--blanco);
	text-decoration: none;
}

.button-s {
	font-size: var(--marble);
    padding: 0px 12px;
    height: 36px;
	background-color: var(--azul);
	color: var(--blanco);
	font-family: 'DirectoSemiLight';
	letter-spacing: 0.25px;
	white-space: nowrap;
}

/* GRID */

.grid {
	display: grid;
}

.grid-100 {
	grid-template-columns: 1fr;
}

.grid-50 {
	grid-template-columns: 1fr 1fr;
}

.grid-33 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-25 a,
.border-logos {
	border: 1px solid var(--gris);
	background-color: var(--blanco);
	border-radius: 12px;
	text-align: center;
}
.border-logos img{
	height: 160px;
	width: auto;
	object-fit: contain;
	text-align: center;
}
.grid-center {
	grid-template-columns: 55%;
}

.grid-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	text-align: center;
}

.center {
	text-align: center;
}

.ayuda-respuesta {
	padding: 24px;
	background-color: var(--violetaLight);
	border-radius: 12px;
	margin-bottom: 12px;
}

.ayuda-respuesta p {
	color: var(--negro);
	margin-top: 8px;
}

.ayuda-respuesta a {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 24px !important;
	width: 100%;
}

.ayuda-respuesta h5 {
	font-family: DirectoLight;
	font-size: var(--pingpong);
	color: var(--negro);
	text-decoration: none;
}

.ayuda-respuesta span {
	font-size: 28px !important;
}

.container-ayuda_desktop {
	display: none;
}

.rotar {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}

.rotar.abajo {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.container-50 {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.container-50 h3 {
	margin-bottom: 24px;
}

.container-50 img {
	height: 240px;
	object-fit: cover;
	border-radius: 12px;
}

.container-comprar {
	display: flex;
	flex-direction: column;
	gap: 32px;
	flex-basis: 50%;
	background-color: var(--gris-claro);
	padding: 36px;
	border-radius: 12px;
	text-align: center;
}

.container-comprar h5 {
	text-align: center;
}

.lista {
	text-align: left;
	font-family: var(--secundaria);
}

.lista span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--violetaLight);
	color: var(--violeta);
	font-size: var(--pingpong);
	font-family: 'DirectoSemiLight';
	margin-right: 8px;
}

.lista div {
	margin-bottom: 24px;
}

.container-comprar_icon {
	font-size: 64px !important;
	text-align: center;
}

.caracteristica {
	text-align: center;
}

.card-medios-de-pago {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 24px;
}

.container-sacar-prestamo {
	display: grid;
	gap: 48px;
}

#col3 {
	height: max-content;
	justify-self: center;
}

.button--mobile--efectivo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.container-asistencias {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

.asistencias-item {
	padding: 16px;
	background-color: var(--blanco);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	border: 1px solid var(--gris);
}

.asistencias-item img {
	border-radius: 8px;
	height: 160px;
	object-fit: cover;
}

.asistencias-item h5 {
	font-family: 'Directo';
}

.asistencias-item li {
	list-style: inside disc;
	margin-bottom: 8px;
	vertical-align: middle;
	font-family: var(--secundaria);
	font-size: var(--pingpong);
	line-height: 140%;
}

.container-ecommerce {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.ecommerce-item {
	background-color: var(--blanco);
	padding: 24px;
	border-radius: 12px;
}

.grid-ecommerce {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	padding: 24px;
	margin: 24px 0;
}

.ecommerce-item h4 {
	font-family: Directo;
	font-size: var(--golf);
	line-height: 150%;
	color: var(--violeta);
}

.container-50_side a {
	margin-top: 24px;
}

.container-50_side {
	flex: 1 1 50%;
}

.pop {
	background-color: var(--azul);
	color: var(--blanco);
	padding: 48px;
	border-radius: 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hero--text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	padding: 0 24px;
	margin: 0 auto;
	height: 100%;
}

.hero--text--xxl {
		display: flex;
		flex-direction: row;
		align-items: anchor-center;
		gap: 24px;
}

.module3columns--item {
	background-color: #F3ECFF;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    border-radius: 12px;
}

@media (min-width: 768px) {}

@media (min-width: 1024px) {

	.container-nav {
		padding: 0px 0px;
		margin: 0px auto 0px;
		width: 1280px;
	}

	.mobile-main {
		display: none;
	}

	.header-mobile {
		display: none;
	}

	.nav--secondary {
		display: flex;
	}

	.navegacion,
	.iniciar {
		display: flex;
	}

	.logo {
		position: unset;
		max-width: 140px;
	}

	.container-100 {
		padding: 80px 0px;
		margin: 0px auto 120px;
		width: 1120px;
	}

	.container-text {
		padding: 0px 120px;
		margin: 0px auto 48px;
		width: 1440px;
	}

	.container-footer {
		padding: 80px 0px;
		margin: 0px auto 0px;
		width: 1280px;
	}

	.container-faqs {
		padding: 80px 320px;
		margin: 0px auto 48px;
		width: 1440px;
	}

	.pHero {
		padding: 120px 120px;
		margin-top: 120px;
	}

	.footerNav02 {
		display: flex;
		justify-content: flex-end;
		column-gap: 40px;
		width: 100%;
		flex: 3;
	}

	h1 {
		font-family: Directo;
		font-size: var(--futbol);
		line-height: 125%;
	}

	h2 {
		font-family: DirectoSemiLight;
		font-size: var(--tenis);
		line-height: 125%;
		margin-bottom: 36px;
	}

	h3 {
		font-family: DirectoSemiLight;
		font-size: var(--handball);
		line-height: 125%;
		margin-bottom: 36px;
	}

	h4 {
		font-family: Directo;
		font-size: var(--pool);
		line-height: 150%;
	}

	h5 {
		font-family: DirectoSemiLight;
		font-size: var(--golf);
		line-height: 150%;
	}

	h6 {
		font-family: DirectoLight;
		font-size: var(--pingpong);
		line-height: 150%;
	}

	p {
		font-family: var(--secundaria);
		font-size: var(--pingpong);
		line-height: 150%;
	}

	a:hover {
		text-decoration: none;
	}

	nav ul {
		display: flex;
		list-style: none;
		gap: 24px;
	}

	nav span {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		color: var(--azul);
		line-height: 1;
		text-decoration: none;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}

	nav span:hover {
		color: var(--violeta);
	}

	.typeDestacado {
		font-weight: 700;
	}

	.typeSubrayado {
		text-decoration: underline;
	}

	.directo {
		font-family: Directo;
	}

	.sliderMobile {
		display: none;
	}

	.sliderDesktop {
		display: block;
	}

	/* Margin Top */

	.mLargeTop {
		margin-top: 140px;
	}

	/* Margin Bottom */

	.m0bottom {
		margin-bottom: 0px !important;
	}

	.mExtraSmallbottom {
		margin-bottom: 24px;
	}

	.mSmallbottom {
		margin-bottom: 48px;
	}

	.mb-m {
		margin-bottom: 80px;
	}

	.mLargeBottom {
		margin-bottom: 120px;
	}

	/* Width */

	.w100 {
		width: 100%;
	}

	/* Border Radius */

	.br-right {
		border-radius: 0px 16px 16px 0px;
	}

	.br-left {
		border-radius: 16px 0px 0px 16px;
	}

	.br48 {
		border-radius: 48px;
	}

	/* Icons/Symbols */

	.material-symbols-rounded {
		font-size: 50px !important;
		color: var(--violeta);
	}

	/* Type variables */

	.semiLight {
		font-family: DirectoSemiLight;
	}

	.regular {
		font-family: Directo;
	}

	/* Small text */

	.textSmall {
		font-size: var(--pingpong);
	}

	.tenis {
		font-size: var(--tenis);
	}

	.linkDestacado {
		font-size: var(--pool);
		color: var(--azul);
		font-weight: 700;
	}

	.textIcon {
		font-size: inherit !important;
	}

	/* Margenes */

	.marginRight {
		margin-right: 10px;
	}

	.marginUnset {
		margin: inherit !important;
	}

	.margin-auto {
		margin: 0 auto;
	}

	/* HEADER */

	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		background-color: #fff;
		box-sizing: border-box;
		box-shadow: 0 4px 8px rgb(0 0 0 / 8%);
		width: 100%;
		height: 120px;
	}

	.main-container {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 24px;
	}

	.mainContainer50 {
		max-width: 640px;
		margin: 0 auto;
	}

	.grid-header {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 80px;
	}

	.logo {
		grid-area: logo;
		align-self: center;
	}

	.logo--nav {
		display: flex;
		gap: 36px;
	}

	.nav--secondary {
		display: grid;
		grid-template-columns: 1fr 1fr 100%;
		grid-template-areas: "nav--secondary-comercios nav--secondary-paravos";
		align-items: center;
		height: 40px;
		column-gap: 24px;
	}

	.nav--secondary-border {
		display: block;
		border-bottom: 2px solid #f3f4f6;
	}

	.nav--secondary-link {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		color: var(--azul);
		display: flex;
		padding: 18px 0px 6px;
		border-bottom: 2px solid #FFFFFF00;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}

	.nav--secondary-link--active {
		border-bottom: 2px solid #0039A6;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}

	.nav--secondary-link--active:hover,
	.nav--secondary-link--inactive:hover {
		border-bottom: 2px solid #863DFF;
	}

	.nav--secondary-comercios {
		min-width: max-content;
	}

	.nav--secondary-paravos {
		min-width: max-content;
	}

	.navegacion {
		grid-area: navegacion;
		display: flex;
		align-items: center;
		gap: 36px;
		/* justify-content: space-between; */
	}

	.iniciar {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		gap: 24px;
		justify-self: end;
	}

	/* The dropdown container */
	.navDropdown {
		position: relative;
		display: inline-block;
	}

	/* Dropdown button */
	.navDropdown .buttonDropdown {
		display: flex;
		gap: 8px;
		border: none;
		outline: none;
		color: var(--violeta);
		background-color: inherit;
		/* Important for vertical align on mobile phones */
		margin: 0;
		/* Important for vertical align on mobile phones */
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
	}

	/* Dropdown content (hidden by default) */
	.navDropdownContent {
		position: absolute;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
		top: 100%;
		display: none;
		background-color: var(--violetaLight);
		padding: 18px;
		border-bottom: 1px solid var(--azul);
		border-left: 1px solid var(--azul);
		border-right: 1px solid var(--azul);
		border-radius: 0px 0px 24px 24px;
		margin-top: 18px;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}

	.nav--submenu {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 36px;
		background: #FFFFFF;
		width: 1000px;
		padding: 48px;
		border-radius: 0px 0px 16px 16px;
	}

	/* Links inside the dropdown */
	.navDropdownContent a {
		float: none;
		color: var(--bs-heading-color);
		padding: 12px 16px;
		text-decoration: none;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
		text-align: left;
		font-family: DirectoSemiLight;
	}

	/* Add a grey background color to dropdown links on hover */
	.navDropdownContent a:hover {
		color: var(--violeta);
	}
	
	.navDropdownContent h6{
		width: 110px;
		font-weight: 600;
	}

	.navDropdownContent .material-symbols-rounded{
		font-size: 40px !important;
        margin-right: 10px;
	}

	.show {
		display: block;
	}

	/* HEADER */

	.header {
		/*
		display: flex;
		*/
		flex-direction: column;
		width: 100%;
		min-height: 500px;
		gap: 40px;
		padding: 120px 0 120px 0;
		margin-top: 80px;
	}

	.headerSection {
		display: flex;
		flex-direction: column;
		width: 50%;
		gap: 36px;
	}

	.headerText {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.headerSingle {
		margin-top: 90px;
		background-color: var(--azul);
		padding: 60px 0;
		margin-bottom: 0px;
	}

	.headerTitle {
		margin: 42px 0px;
	}

	.bodySingle {
		padding: 90px 0;
	}

	.efectivo {
		background-image: url(/assets/images/hero-desktop--clientes--efectivo.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		width: 100%;
	}

	.asistencias {
		background-image: url(/assets/images/hero--para-vos--asistencias.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 640px;
		width: 100%;
	}

	.comercio {
		background-image: url(/assets/images/header_comercios.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.suma-tu-comercio {
		background-image: url(/assets/images/hero-mobile--clientes--comercios-adheridos-s-texto.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 640px;
		width: 100%;
	}

	.vender-hoy {
		background-image: url(/assets/images/comercio--vender-hoy.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 640px;
		width: 100%;
	}

	.cuotas {
		background-image: url(/assets/images/header_cuotas.jpg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.cuotasSinInteres {
		background-image: url(/assets/images/hero--para-vos--cuotas.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		width: 100%;
	}

	.quienes-somos {
		background-image: url(/assets/images/hero--quienes-somos--equipo.webp);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
		width: 100%;
	}

	.generica {
		background-color: var(--violetaLight);
	}

	.headerBanner {
		position: fixed;
		top: 0;
		background: #f6f6f6;
		height: 24px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 0 auto;
	}

	/* Navegacion */

	a.navLinks {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		line-height: 100%;
		letter-spacing: 0em;
		text-decoration: none;
		cursor: pointer;
		color: var(--azul);
	}

	a.navSubLinks {
		font-family: var(--primaria);
		font-size: var(--squash);
		font-weight: 100;
		color: var(--gris-oscuro);
		display: flex;
		padding: 16px 20px;
	}

	a.navSubLinks:hover {
		background-color: var(--celeste);
	}

	/* Header Mobile */

	.header-mobile {
		display: none;
		z-index: 99;
	}

	.mobile-main {
		display: none;
	}

	/* Hero */

	.hero,
	.servicios {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 90px;
		padding: 72px 0;
	}

	.heroTitle,
	.servicios__title {
		width: 40%;
	}

	.heroTitleXL {
		font-size: 4rem;
	}

	.heroSubtitleWhite {
		font-family: var(--primaria);
		font-size: var(--golf);
		font-weight: 300;
		line-height: 1.3;
		color: var(--blanco);
	}

	.heroImage {
		position: relative;
		height: 75vh;
	}

	.heroImagePosition {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	/* Section */

	.sectionIzquierda {
		flex-basis: 45%;
	}

	.sectionDerecha {
		flex-basis: 45%;
	}

	/* Image */

	.img-mobile {
		display: none;
	}

	/* Module */
	/* Module */
	/* Module */

	/* Module Cuotas */

	.moduleCuotas {
		width: 100%;
		height: 360px;
		background-image: url(/assets/images/header_004.jpg);
		background-position: center;
		background-repeat: no-repeat;
		padding: 48px 50% 48px 48px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 8px;
	}

	.moduleFeatures {
		display: flex;
		flex-direction: column;
		gap: 80px;
	}

	.moduleFeaturesTitle {
		text-align: center;
		padding: 0 80px;
	}

	.moduleFeaturesItems {
		display: grid;
		flex-direction: row;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		column-gap: 24px;
	}

	/* Module Comercio */

	.moduleComercio {
		background-color: var(--violetaLight);
		padding: 48px 50% 48px 48px;
		display: flex;
		flex-direction: column;
		gap: 40px;
		margin-bottom: 40px;
	}

	.moduleComercioInv {
		padding: 48px 50% 48px 48px;
		display: flex;
		flex-direction: column;
		gap: 40px;
		margin-bottom: 40px;
	}

	.moduleComercioTitle {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.moduleComercioFeatures {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 40px;
	}

	.moduleComercioFeaturesItems {
		display: flex;
		flex-direction: column;
		gap: 8px;
		flex-basis: 25%;
		text-wrap: balance;
	}

	.moduleComercioFeaturesItems h6 {
		font-family: DirectoSemiLight;
		color: var(--azul);
	}

	/* Module Efectivo */

	.moduleEfectivo {
		width: 100%;
		background-image: url(/assets/images/header_003.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding: 80px 50% 80px 48px;
	}

	.moduleEfectivoTitle {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 8px;
	}

	/* Module Pago */

	.modulePago {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.modulePagoTitle {
		display: flex;
		flex-direction: column;
		text-align: center;
		gap: 16px;
		padding: 0 80px;
	}

	.modulePagoFeatures {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 36px;
	}

	.modulo-centro {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 50%;
		margin: 0 auto;
		align-items: center;
	}

	.modulo-centro h2 {
		text-align: center;
	}

	.modulePagoFeaturesItemOutline {
		border: 1.5px solid var(--violetaLight);
		padding: 48px;
		border-radius: 24px;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.modulePagoFeaturesItemTitle {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 24px;
	}

	.modulePagoFeaturesItemTitle h3 {
		color: var(--azul);
	}

	/* Module Group */

	.moduleGroup {
		padding: 80px 0px;
		display: flex;
		flex-direction: column;
		gap: 40px;
	}

	.moduleGroup h3 {
		text-transform: none;
	}

	.moduleGroupBrands {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.moduleGroupBrandsItem {
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		align-items: center;
		column-gap: 36px;
	}

	.moduleGroupBrandsItem img {
		height: 32px;
		justify-self: center;
	}

	.lifegroup {
		width: 100% !important;
		height: 100% !important;
	}

	.brandGestion {
		height: 28px !important;
	}

	/* Module 3 Columns */

	.module2columns {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 40px;
		margin-bottom: 40px;
	}

	.module2columnsRow {
		row-gap: 40px;
	}

	.module3columns {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 40px;
	}

	.module4columns {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.module50 {
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: center;
	}

	.module50Center {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		gap: 24px;
	}

	.module50Center li {
		font-family: DirectoLight;
		font-size: var(--marble);
		color: var(--gris-oscuro);
		text-decoration: none;
		margin-bottom: 8px;
	}

	.module50Item {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}

	.module50Column {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.module50List {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	/* Cards */

	.card01 {
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 24px;
	}

	.cardButtonandText {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 16px;
	}

	.card100 {
		padding: 80px 0px;
		display: flex;
		flex-direction: column;
		gap: 48px;
		width: 50%;
	}

	.card100Right {
		padding: 80px 0px;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		text-align: end;
		gap: 48px;
		width: 50%;
		margin-left: auto;
	}

	.cardButton {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		gap: 40px;
	}

	.cardText {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	/* FLEX */

	.flexColumnSpaceBetween {
		flex-direction: column;
		justify-content: space-between;
	}

	.flexRowSpaceBetween {
		flex-direction: row;
		justify-content: space-between;
	}

	.flex-50 {
		flex-basis: 50%;
	}

	.flex-basis-third {
		flex-basis: 33.3%;
	}

	.flex-basis-quarter {
		flex-basis: 25%;
	}

	/* TEXT */

	.txtCenter {
		text-align: center;
	}

	.moduleList li {
		font-family: DirectoLight;
		font-size: var(--pingpong);
		line-height: 150%;
		padding-bottom: 16px;
	}

	.moduleListLegal {
		display: flex;
		flex-direction: row;
		gap: 8px;
		align-items: center;
		font-size: var(--marble);
		font-family: var(--secundaria);
		color: var(--gris-oscuro);
	}

	.moduleListLegal span {
		font-size: 16px !important;
		color: var(--gris-oscuro);
	}

	/* Image */

	.moduleImage img {
		border-radius: 24px;
		width: 100%;
		height: 240px;
		object-fit: cover;
	}

	.module100 h4 {
		text-align: center;
		font-family: 'DirectoLight';
		color: var(--azul);
		line-height: 150%;
	}

	/* POSITION */

	.pCenter {
		align-items: center;
	}

	/* DE ACÁ PARA ABAJO ES TODO CÓDIGO ANTERIOR */
	/* DE ACÁ PARA ABAJO ES TODO CÓDIGO ANTERIOR */
	/* DE ACÁ PARA ABAJO ES TODO CÓDIGO ANTERIOR */
	/* DE ACÁ PARA ABAJO ES TODO CÓDIGO ANTERIOR */

	.modulo {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 110px 0;
	}

	.comerciosTitle {
		flex-basis: 35%;
	}

	.comerciosFeatures {
		flex-basis: 60%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 40px;
		grid-row-gap: 40px;
	}

	.moduleColumnThree {
		flex-basis: 60%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 40px;
		grid-row-gap: 40px;
	}

	.comerciosIconos {
		display: flex !important;
		justify-content: center;
		align-items: center;
		color: #1F951F;
		background-color: #EEFFEE;
		border-radius: 60px;
		margin-bottom: 8px;
	}

	.moduloDestacado {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 280px;
	}

	.moduloDestacadoText {
		font-family: var(--primaria);
		font-size: var(--tenis);
		font-weight: 500;
		line-height: 1.1;
		color: var(--blanco);
	}

	.module {
		display: flex;
		justify-content: space-between;
		/* align-items: flex-start; */
		padding: 72px 0;
	}

	.moduleCenter {
		display: flex;
		justify-content: flex-start;
		padding-top: 60px;
	}

	.moduleSpace {
		padding: 64px 0;
	}

	.moduleLarge {
		flex-basis: 80%;
	}

	.moduleListItem {
		margin-bottom: 48px;
	}

	.moduleListSubtitle {
		font-size: var(--golf);
		font-weight: 700;
	}

	.moduleTitle {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-basis: 30%;
	}

	.moduleColumn {
		flex-direction: column;
	}

	.moduleColumnText {
		margin-bottom: 24px;
		text-align: center;
	}

	.moduleCard {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		background-color: #fff;
		border: 1px solid rgba(232, 232, 232, .7);
		border-radius: 16px;
		box-shadow: 0 2px 4px #00000014;
		position: relative;
		transition: all .2s ease-in-out;
		width: 100%;
		height: 100%;
		padding: 24px 34px;
	}

	.moduleCardSingle {
		display: flex;
		column-gap: 16px;
	}

	.highlight {
		border-bottom: 1px solid var(--violeta);
		color: var(--violeta);
		padding: 4px 0px;
	}

	.highlight:hover {
		background-color: var(--violeta);
		color: var(--blanco);
	}

	.moduleCardAnchor {
		align-self: center;
		padding-top: 16px;
	}

	.moduleSmallLink {
		display: flex;
		align-items: baseline;
	}

	.moduleGap {
		display: flex;
		flex-direction: column;
		row-gap: 16px;
	}

	.moduleLegalesHeader {
		display: flex;
		flex-direction: column;
		padding: 0 120px;
		row-gap: 24px;
	}

	.moduleLegales {
		display: flex;
		flex-direction: column;
		row-gap: 12px;
		margin-bottom: 64px;
	}

	.moduleVideo {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}

	.moduleVideoIframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.moduleHeaderEspecial {
		display: flex;
		align-items: center;
		height: 100vh;
		padding-top: 90px;
	}

	.moduleDetalle {
		margin-top: 24px
	}

	.module60 {
		width: 60%;
	}

	.module40 {
		width: 40%;
	}

	.img123 {
		width: 30%;
	}

	.divider {
		border-bottom: 1px solid #E8E8E8;
	}

	.moduleAfiche {
		display: flex;
		flex-direction: row;
		gap: 24px;
	}

	/* Forms */

	.formThanksText {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		width: calc(100% - 20%);
		row-gap: 24px;
	}

	/* List */

	.listLegales {
		display: flex;
		flex-direction: column;
		row-gap: 16px;
	}

	.listLegales li {
		font-size: var(--pingpong);
	}

	/* Iconos */
	/* fa-2xs */

	.icon-sm {
		font-size: 18px !important;
	}

	.icon-md {
		font-size: 24px !important;
	}

	.icon-lg {
		font-size: 36px !important;
	}

	.iconSmall {
		width: 32px;
		height: 32px;
	}

	/* fa-lg */
	.iconLarge {
		width: 48px;
		height: 48px;
	}

	.button--mobile--main {
		display: none;
	}

	.button--hero {
		display: none;
	}

	.button--hero--desktop {
		display: block;
	}

	.modal-body {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.boton {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		max-width: fit-content;
	}

	.btnRounded {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		line-height: 100%;
		text-decoration: none;
		border: 1px solid var(--azul);
		border-radius: 48px;
		padding: 16px 32px;
		cursor: pointer;
		transition-duration: 300ms;
		transition-timing-function: ease-in-out;
	}

	.btnSquare {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		line-height: 100%;
		text-decoration: none;
		border-radius: 4px;
		background-color: var(--azul);
		padding: 16px 32px;
		color: var(--blanco);
		border: none;
		cursor: pointer;
		transition-duration: 300ms;
		transition-timing-function: ease-in
	}

	.btnSquareLine {
		font-family: DirectoSemiLight;
		font-size: var(--pingpong);
		line-height: 100%;
		text-decoration: none;
		border-radius: 4px;
		padding: 14px 32px;
		color: var(--azul);
		border: 1.5px solid var(--azul);
		cursor: pointer;
		transition-duration: 300ms;
		transition-timing-function: ease-in
	}

	.btn_small {
		padding: 16px 40px;
	}

	.btn_medium {
		margin-top: 20px;
		padding: 16px 60px;
	}

	.btnHeader {
		padding: 16px 60px;
	}

	.btnLarge {
		margin-top: 30px;
		padding: 16px 90px;
	}

	.btnLine {
		background-color: transparent;
		border: 1.5px solid var(--azul);
		color: var(--azul);
	}

	btnLine:hover {
		color: var(--blanco);
	}

	.btnWhite {
		background-color: var(--blanco);
	}

	.btnGreen {
		background-color: var(--verde);
	}

	.btnBlue {
		background-color: var(--azul);
	}

	.btn:hover {
		background-color: var(--azul);
		box-shadow: 0px 0px 0px 4px #C5E0FD;
	}

	.btn:hover a {
		color: var(--blanco) !important;
	}

	.btnContacto {
		font-family: var(--secundaria);
		font-size: var(--squash);
		color: var(--blanco)
	}

	.btnMobile {
		display: none;
	}

	/* Sections */
	/* MediosPago */

	.serviciosMediosPago {
		display: flex;
		/* align-content: center; */
		/* justify-content: center; */
	}

	.mediosPago {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 0 auto;
		flex-basis: 35%;
	}

	.footerEmpresa,
	.footer_bcra {
		display: flex;
		justify-content: space-between;
		padding-bottom: 36px;
	}

	.footerEmpresaLogo {
		margin-bottom: 40px;
	}

	.footerLogo {
		width: 45%;
	}

	.footerAfip {
		display: flex;
		height: max-content;
		text-align: left;
	}

	.footerAfipText {
		font-size: var(--marble);
		margin-left: 16px;
	}

	.fa-brands {
		margin-right: 32px;
		font-size: 18px;
	}

	.footer_lista {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.footerListaColumna {
		padding-top: 48px;
	}

	.footerLegales {
		display: flex;
		justify-content: space-between;
		padding-top: 36px;
		border-top: 1px solid #e8e8e8;
		text-align: center;
	}

	.legales_links__division {
		border-right: 1px solid #333333;
	}

	.legales_links__distancia {
		margin-bottom: 16px;
		margin-right: 16px;
		padding-right: 16px;
		line-height: 1.5;
	}

	:where(footer.footerEmpresaLegales) p {
		color: #5b5b5b;
	}

	:where(footer.footerEmpresaLegales) a {
		color: #5b5b5b;
	}

	.footerEmpresaCol4 {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.botonLegales {
		background-color: #CEE6FF;
		padding: 24px;
		border-radius: 16px;
		text-align: center;
		width: 100%;
	}

	a.botonesLegalesLink {
		color: #004489;
		font-size: var(--squash);
		line-height: 1;
	}

	/* FORMS */

	form {
		display: flex;
		flex-direction: column;
		padding: 36px;
		gap: 16px
	}

	.form-control,
	select {
		font-family: 'DirectoSemiLight';
		font-size: var(--pingpong);
		border: none;
		border-radius: 8px;
		height: 48px;
		padding: 0px 16px;
		width: 100%;
	}
	.form-control::placeholder {
		color: gray;
		opacity: 0.5; /* Firefox */
	  }
	  

	label {
		display: none;
	}
	.form-step label{
		display: block;
		font-family: DirectoLight;
        font-size: var(--pingpong);
		margin-left: 10px;
	}	

	select {
		color: var(--gris-oscuro);
	}

	.formGrid {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		/* grid-template-rows: repeat(4, 1fr); */
		gap: 16px;
	}

	.formFlex {
		display: flex;
		flex-direction: column;
		row-gap: 16px;
		align-items: end;
	}

	.formThanks {
		display: flex;
		align-items: center;
		padding: 90px 0 24px;
	}

	.formFlexCenter {
		display: flex;
		flex-direction: column;
		row-gap: 24px;
		align-items: center;
	}

	.formFlexModule {
		display: flex;
		column-gap: 48px;
		padding-top: 12px;
	}

	.formCheckbox {
		display: flex;
		align-self: center;
	}

	.formCheckboxItem {
		margin-left: 24px;
	}

	.formCheckboxText {
		font-family: var(--primaria);
		font-size: var(--squash);
	}

	.formCheckboxText label {
		display: inline;
		color: var(--azul);
		font-size: var(--pingpong);
		font-family: 'DIRECTOLIGHT';
	}

	/* FORMS :: INPUT */

	input[type=text],
	input[type=email],
	input[type=number],
	input[type=tel] {
		border: 1px solid var(--gris-oscuro);
	}

	input[type=text]:focus,
	input[type=email]:focus,
	input[type=number]:focus {
		border: 1px solid (var(--azul));
	}


	input::placeholder {
		color: var(--gris-oscuro);
	}

	:where(input, textarea):focus {
		color: var(--violeta);
		background-color: var(--blanco);
		border-color: var(--violeta) !important;
		box-shadow: 0 0 0 2px #CEE6FF !important;
	}

	:where(input, textarea):focus-visible {
		outline: none;
	}

	textarea {
		padding: 16px !important;
		height: 120px !important;
	}

	textarea[type=text] {
		border: 1px solid var(--gris-oscuro);
	}

	/* Imagenes */

	.imgBcra {
		width: 75%;
	}

	.imgCnv {
		width: 50%;
	}

	/* SLIDER COMERCIOS */
	/* SLIDER COMERCIOS */
	/* SLIDER COMERCIOS */

	.wrapper {
		/*
		max-width: 1100px;
		width: 100%;
		*/
		position: relative;
	}

	.wrapper span {
		top: 0;
		bottom: 0;
		margin: auto 0;
		height: 50px;
		width: 50px;
		cursor: pointer;
		font-size: 24px !important;
		position: absolute;
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
		transform: translateY(-50%);
		transition: transform 0.1s linear;
	}

	.wrapper :where(.prevCarousel, .nextCarousel) {
		display: flex !important;
		justify-content: center;
		align-items: center;
	}

	.wrapper span:active {
		transform: translateY(-50%) scale(0.85);
	}

	.wrapper span:first-child {
		left: -22px;
	}

	.wrapper span:last-child {
		right: -22px;
	}

	.wrapper .carousel {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% / 4));
		justify-content: center;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 80px;
		border-radius: 8px;
		scroll-behavior: smooth;
		scrollbar-width: none;
		margin: 80px 0px;
	}

	.carousel6columns {
		grid-auto-columns: calc((100% / 6)) !important;
	}

	.carousel::-webkit-scrollbar {
		display: none;
	}

	.carousel.no-transition {
		scroll-behavior: auto;
	}

	.carousel.dragging {
		scroll-snap-type: none;
		scroll-behavior: auto;
	}

	.carousel.dragging .card {
		cursor: grab;
		user-select: none;
	}

	.carousel :where(.card, .img) {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.carousel .card {
		scroll-snap-align: start;
		list-style: none;
		background: #fff;
		cursor: pointer;
		flex-direction: column;
		border-radius: 8px;
		gap: 24px;
	}

	.carousel .card .img {
		height: 100%;
		width: 100%;
		border: 2px solid var(--violetaLight);
		border-radius: 24px;
	}

	.carousel .card h2 {
		font-weight: 500;
		font-size: 1.56rem;
		margin: 30px 0 5px;
	}

	.carousel .card span {
		color: #6A6D78;
		font-size: 1.31rem;
	}

	.card h6 {
		display: none;
	}

	/* TABLE */

	.gridTable {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 24px;
		margin: 24px 0px;
	}

	.gridTableItem {
		flex-direction: column;
		display: flex;
		justify-content: space-between;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		border-radius: 8px;
		border: 1px solid var(--violetaLight);
	}

	tr {
		border-bottom: 1px solid var(--gris);
	}

	th {
		background-color: var(--violeta);
		color: var(--blanco);
		padding: 8px 0px;
		font-family: var(--secundaria);
		font-size: var(--marble);
	}

	td {
		padding: 8px;
		font-size: var(--marble);
		font-family: var(--secundaria);
	}

	.header100 {
		height: 100vh;
		background-color: var(--violetaLight);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	/* COLLAPSE */

	details {
		user-select: none;
	}

	details>summary span.icon {
		width: 24px;
		height: 24px;
		transition: all 0.3s;
		margin-left: auto;
	}

	details[open] summary span.icon {
		transform: rotate(180deg);
	}

	summary {
		display: flex;
		cursor: pointer;
	}

	summary::-webkit-details-marker {
		display: none;
	}

	/* FAQS */

	.faqs--individual {
		border-bottom: 1px solid var(--gris);
		padding-bottom: 24px;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.lista span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: var(--violetaLight);
		color: var(--violeta);
		font-size: var(--golf);
		font-family: 'DirectoSemiLight';
	}

	.mobile--flex-column {
		flex-direction: row;
	}

	.faqs--border {
		border-bottom: 1px solid var(--gris);
		padding: 12px;
	}

	.container-ayuda_hero {
		padding: 120px 0px;
		margin: 120px auto 0px;
		width: -webkit-fill-available;
		width: 1120px;
	}

	.container-ayuda_completo {
		display: grid;
		grid-template-columns: 20% auto;
		column-gap: 48px;
		width: 1120px;
		margin: 80px auto 0px;
		margin: 120px auto 0px;
		padding: 120px 0px;
	}

	.container-ayuda {
		display: none;
	}

	.container-ayuda_desktop {
		display: block;
	}

	.menu-desktop_ayuda h6 {
		font-size: var(--pingpong);
		border: 1px solid var(--gris);
		border-radius: 8px;
		margin-bottom: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		padding: 12px;
		width: 140px;
		background-color: var(--blanco);
	}

	.menu-desktop_ayuda h6:hover {
		background-color: var(--violetaLight);
	}

	.categoria--titulo {
		font-size: var(--golf);
		margin-bottom: 24px;
	}

	.modulo-companias-grilla {
		grid-template-columns: repeat(10, 1fr);
		gap: 32px;
	}

	.modulo-companias-grilla img {
		padding: 0px;
	}

	.modulo-companias {
		padding: 80px 0px;
	}

	.footer-nav {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}

	.footer-nav_menu {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 48px;
	}

	.img-desktop {
		display: block;
	}

	.mobile--flex-50-none {
		display: block;
	}

	.grid-25 {
		grid-template-columns: repeat(6, 1fr);
		gap: 24px;
	}

	.container-hero {
		width: 1120px;
		height: 400px;
		margin: 0px auto 0px;
		border-radius: 12px;
	}

	.lista {
		display: flex;
		flex-direction: row;
		gap: 24px;
	}

	.lista div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		font-family: var(--secundaria);
		font-size: var(--pingpong);
		line-height: 140%;
		flex: 1 1 33.3%;
	}

	.container-comprar {
		display: flex;
		flex-direction: column;
		gap: 32px;
		flex-basis: 50%;
		background-color: var(--gris-claro);
		padding: 36px;
		border-radius: 12px;
	}

	.container-comprar h5 {
		text-align: center;
	}

	.container-50 {
		display: flex;
		flex-direction: row;
		gap: 80px;
		align-items: center;
	}

	.container-50_l-side {
		display: flex;
		flex-direction: column;
		gap: 16px;
		flex: 1 1 50%;
	}

	.container-50_r-side {
		flex: 1 1 50%;
	}

	.container-50_r-side img {
		height: 460px;
		object-fit: cover;
		border-radius: 12px;
	}

	.caracteristica {
		display: flex;
		flex-direction: row;
		gap: 16px;
		flex: 1 1 50%;
	}

	.caracteristica .material-symbols-rounded {
		font-size: 50px !important;
	}

	.container-footer_legal {
		background-color: var(--gris-claro);
	}

	.footer-legal {
		padding: 40px 0px;
		margin: 0px auto 0px;
		width: 1280px;
	}

	.footer-legal div {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px;
	}

	.footer-company_item {
		width: 1280px;
		margin: 0px auto 0px;
	}

	.footer-legal_logos img {
		width: auto;
	}

	.container-50_side img {
		height: 420px;
		object-fit: cover;
		border-radius: 12px;
	}

	.container-comprar_icon {
		font-size: 64px !important;
	}

	.caracteristica {
		text-align: left;
	}

	.button-icon-nav {
		font-size: 24px !important;
		color: var(--blanco);
	}

	.button-icon-nav--azul {
		font-size: 24px !important;
		color: var(--azul);
	}

	.card-medios-de-pago {
		padding: 0px 0px;
		gap: 24px;
		width: 50%;
		text-align: center;
		margin: 0 auto;
	}

	.button-xl .button-l:hover {
		background-color: var(--violeta);
	}

	.container-sacar-prestamo {
		display: grid;
		grid-template-rows: repeat(2, 1fr);
		grid-template-columns: repeat(2, 1fr);
		gap: 80px;
	}

	#col1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	#col2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	#col3 {
		grid-area: 2 / 1 / 3 / 3;
		height: max-content;
		justify-self: center;
	}

	.button--mobile--efectivo {
		display: none;
	}

	.container-asistencias {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 48px;
	}

	.asistencias-item {
		padding: 16px;
		background-color: var(--blanco);
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		gap: 24px;
		border: 1px solid var(--gris);
	}

	.asistencias-item img {
		border-radius: 8px;
		height: 160px;
		object-fit: cover;
	}

	.asistencias-item h5 {
		font-family: 'Directo';
	}

	.asistencias-item li {
		list-style: inside disc;
		margin-bottom: 8px;
		vertical-align: middle;
		font-family: var(--secundaria);
		font-size: var(--pingpong);
		line-height: 140%;
	}

	.modulo-centro {
		display: flex;
		flex-direction: column;
		gap: 24px;
		width: 50%;
		margin: 0 auto;
		align-items: center;
	}

	.modulo-centro h4 {
		font-family: 'DirectoLight';
		font-size: var(--golf);
		text-align: center;
		white-space-collapse: preserve-breaks;
	}

	.slider-shadow {
		padding-bottom: 12px;
		box-shadow: inset 0px -6px 12px 5px rgb(0 0 0 / 5%);
		background-color: var(--gris-claro);
	}

	.grid-ecommerce {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 120px;
		padding: 24px;
	}

	.ecommerce-item {
		padding: 48px;
	}

	.ecommerce-item p {
		width: 800px;
		margin: 0 auto;
	}

	.hero--text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 24px;
		padding: 0 80px;
		margin: 0 auto;
		height: 100%;
	}

	.container-hero h1 {
		font-size: var(--handball);
		width: 50%;
	}

	.container-hero h4 {
		font-size: var(--golf);
	}

	.button-faqs {
		display: flex;
		justify-content: center;
		margin-top: 32px;
	}
}

@media (min-width: 992px) {
    .ctm-lg-2 .col-lg-2 {
        flex: 0 0 auto;
        width: 14.666667%;
        margin: 10px;
    }
	.px-desktop-5{
		padding: 20px 60px;
	}
	.mySwiper{
		padding: 0 10%;
		width: 90%;
	}
	.mySwiper .swiper-wrapper{
		margin: 0 10%;
	}
	.main-faq{
		padding-top: 120px;
	}
}

.swiper-button-next{
	right: 0!important;
}
.swiper-button-prev{
	left: 0!important;
}
.pulse {
	animation: pulse-animation 6s infinite;
}

@keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px #f3ecff;
	}
	100% {
	  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
  }
  
.row-numbers h3{
	width: 50px;
	height: 50px;
	margin: auto;
	padding-top: 7px;
	border-radius: 50%;
	background-color: #f3ecff;
}
.p-relative{
	position: relative;
}
.p-img-proposito{
	position: relative;
	bottom: -48px;
}
.nav-tabs{
	display: flex;
	flex-direction: column;
	border-bottom: 0;
}
.nav-link{
	margin-bottom: 10px!important;
	border: 1px solid lightgray!important;
	border-radius: 10px!important;
}
#nav-tab{
	position: sticky;
	top: 130px;
}
.logo-btn{
	height: 16px;
	width: auto;
}
.btn-login{
	background-color: #ECECEC99;
	padding: 50px;
	border-radius: 30px;
}
.btn-login h2{
	font-weight: 600;
}
.ttl-orange{
	color: #FF8120;
}
.ttl-blue{
	color: #0039A6;
}
.btn-access-cuotas,
.btn-access-cuatro{
	font-family: 'Directo';
	font-size: 25px;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.btn-access-cuatro{
	background-color: #0039A6;
}

.btn-access-cuotas,
.bg-orange{
	background-color: #FF8120;
}
.btn-access-cuotas:hover,
.btn-access-cuatro:hover{
	transform: scale(1.5);
	box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}
@media(max-width: 1080px){
	body{
		overflow-x: hidden;
	}
	#nav-tab {
		position: relative;
		top: 0;
	}
	.nav-faqs{
		display: flex;
		justify-content: space-between;
		overflow-x: auto;
		height: 60px;
		margin-bottom: 20px;
	}
	.nav-faqs .nav-link{
		flex-basis: 50%;
  		flex-shrink: 0;
		margin-right: 10px;
	}
	h1, h2, h3,
	.row-numbers h3,
	.container-hero h1{
		font-size: 32px;
		font-weight: 400;
	}
}
@media (min-width: 1260px) and (max-width: 1280px){
	.nav--secondary-border{
		padding: 0 10px;
	}
	.grid-header{
		padding: 0 15px;
	}
}
.logos-swiper{
	height: 120px;
}
@media(max-width: 1080px){
	.logos-swiper{
		display: block;
	}
	.modulo-companias-grilla{
		display: none;
		visibility: hidden;
	}
}
@media(min-width: 1081px){
	.logos-swiper{
		display: none;
	}
	.modulo-companias-grilla{
		visibility: visible;
	}
}
.logos-swiper .swiper-wrapper{
	height: 200px;
}
.logos-swiper .swiper-wrapper .swiper-slide{
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logos-swiper .swiper-slide img{
	height: 100px;
	width: auto;
	object-fit: contain;
	padding: 20px;
}
.logos-swiper .swiper-slide{
	border: none;
	background: transparent;
}
.is-invalid {
    border-color: red;
}
.results-item,
.results-item-img .p-relative,
.results-item-img img {
	cursor: default!important;
}

.ayuda-respuesta ul{
	padding-left: 20px;
}
.phone_number{
	display: flex;
	justify-content: center;
	align-items: center;
}
.phone_number a{
	color: #863DFF;
	line-height: 55px;
	font-size: 32px;
	text-decoration: underline;
}
.italic{
	font-style: italic;
}