@font-face {
	font-family: 'GT Walsheim Pro';
	src: url("../fonts/gt-walsheim-pro-bold-webfont.woff2") format("woff2"),url("../fonts/gt-walsheim-pro-bold-webfont.woff") format("woff");
	font-weight: bold;
	font-style: normal
}

@font-face {
	font-family: 'GT Walsheim Pro';
	src: url("../fonts/gt-walsheim-pro-light-webfont.woff2") format("woff2"),url("../fonts/gt-walsheim-pro-light-webfont.woff") format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'GT Walsheim Pro';
	src: url("../fonts/gt-walsheim-pro-medium-webfont.woff2") format("woff2"),url("../fonts/gt-walsheim-pro-medium-webfont.woff") format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'GT Walsheim Pro';
	src: url("../fonts/gt-walsheim-pro-regular-webfont.woff2") format("woff2"),url("../fonts/gt-walsheim-pro-regular-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

html, body {
	scroll-behavior: smooth;
	scroll-padding: 6rem;
	overflow-x: hidden;
	font-size: 14px
}

@media (min-width: 768px) {
	html, body {
		font-size: 16px
	}
}

@media (min-width: 992px) {
	html, body {
		font-size: 18px
	}
}

@media (min-width: 1200px) {
	html, body {
		font-size: 18px
	}
}

@media screen and (min-width: 1366px) {
	.container {
		max-width: 1300px
	}
}

@media (max-width: 991.98px) {
	main {
		margin-top: 40px
	}
}

body {
	color: #666666;
	font-family: 'GT Walsheim Pro';
	padding-right: 0 !important;
	padding-top: 2rem
}

h1, h2 {
	color: #333333;
	font-weight: 700
}

@media (min-width: 1200px) {
	h1 {
		font-size: 3.55556rem
	}

	h3 {
		font-size: 1.33333rem;
		line-height: 1.5
	}

	h4 {
		font-size: 1.22222rem
	}
}

a {
	color: #8b9f22
}

	a:hover {
		color: #546015
	}

	a.button {
		color: #fff;
		display: inline-block;
		background-color: #8b9f22;
		padding: 0.6rem 3rem;
		border-radius: 3em;
		transition: opacity 0.5s;
		text-decoration: none
	}

		a.button.big {
			padding-left: 5rem;
			padding-right: 5rem
		}

		a.button:hover {
			opacity: 0.8
		}

img {
	max-width: 100%
}

input:not([type='submit']), textarea, select {
	border: none;
	background: none;
	border-bottom: 1px solid currentColor;
	color: inherit;
	width: 100%;
	margin-bottom: 2rem;
	padding-bottom: 0.2rem;
	outline: none
}

input[type='submit'] {
	color: #fff;
	display: inline-block;
	background-color: #8b9f22;
	padding: 0.6rem 3rem;
	border-radius: 3em;
	transition: opacity 0.5s;
	text-decoration: none;
	border: none;
	outline: none
}

	input[type='submit']:hover {
		opacity: 0.8
	}

ul.check-list {
	list-style: none;
	padding-left: 0;
	margin-top: 2rem
}

	ul.check-list li {
		margin-bottom: 1.5rem;
		position: relative;
		padding-left: 2rem
	}

		ul.check-list li h4 {
			font-weight: 700
		}

		ul.check-list li::before {
			content: '';
			display: block;
			height: 22px;
			width: 18px;
			background-image: url(../img/check.svg);
			background-size: contain;
			background-repeat: no-repeat;
			position: absolute;
			top: 0.2rem;
			left: 0
		}

.contacto-wpp {
	font-size: 2rem;
	color: #8b9f22;
	font-weight: 700;
	display: inline-block
}

	.contacto-wpp a {
		text-decoration: none
	}

.msg-wrapper {
	padding: 1rem;
	border: 2px solid #8b9f22;
	border-radius: 5px
}

.form-message {
	overflow: hidden;
	margin-top: 1.5rem;
	display: none
}

form .loading-msg {
	display: flex;
	align-items: center;
	margin-top: 0.5rem
}

	form .loading-msg .loading-circle {
		width: 40px;
		height: 40px;
		animation: rotate 3s linear infinite
	}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	-webkit-animation-delay: 1s;
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes autofill {
	0%, 100% {
		color: inherit;
		background: transparent
	}
}

button:focus {
	outline: none
}

.navbar-brand img {
	height: 55px
}

@media (max-width: 1199.98px) {
	.navbar {
		box-shadow: 0px 0px 5px rgba(0,0,0,0.2)
	}

	.navbar-nav {
		padding: 1rem 0 0;
		display: block;
		font-size: 1.5rem
	}

	.navbar-brand img {
		height: 40px
	}
}

header .navbar .navbar-nav .nav-link {
	color: #333;
	font-weight: normal;
	border-top: 1px solid lightgrey;
	padding: 1rem
}

@media (min-width: 1200px) {
	header .navbar .navbar-nav .nav-link {
		border-top: none;
		padding: 0 1rem
	}
}

header .navbar .navbar-nav a.wpp {
	background: #8b9f22;
	font-weight: 700;
	color: #fff;
	border-radius: 40px;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: 0.5rem;
	transition: opacity 0.5s;
	white-space: nowrap
}

	header .navbar .navbar-nav a.wpp:hover {
		opacity: 0.8;
		color: #fff
	}

header .navbar .navbar-nav li.active {
	background: #faf8f5
}

@media (min-width: 1200px) {
	header .navbar .navbar-nav li::after {
		content: '';
		display: block;
		height: 2px;
		margin: 0.5rem auto;
		background: #c1b8a2;
		bottom: -13px;
		width: 0;
		transition: width 0.5s
	}

	header .navbar .navbar-nav li.active {
		background: none
	}

		header .navbar .navbar-nav li.active::after {
			width: 100%
		}
}

.navbar-toggler {
	position: absolute;
	top: 20px;
	right: 1rem;
	border: none;
	outline: none
}

	.navbar-toggler .line {
		width: 25px;
		background-color: #8b9f22;
		height: 3px;
		display: block;
		margin-bottom: 4px;
		transition: transform 0.5s, opacity 0.5s;
		transform-origin: center
	}

	.navbar-toggler[aria-expanded='true'] .line:first-child {
		transform: rotate(45deg) translate(6px, 5px)
	}

	.navbar-toggler[aria-expanded='true'] .line:nth-child(2) {
		transform: scale(0);
		opacity: 0
	}

	.navbar-toggler[aria-expanded='true'] .line:last-child {
		transform: rotate(-45deg) translate(5px, -4px)
	}

footer {
	padding: 5rem 0;
	background-color: #1a1919
}

@media (max-width: 767.98px) {
	footer {
		padding: 3rem 0
	}
}

footer a {
	color: inherit;
	transition: color 0.5s
}

	footer a:hover {
		color: #ececec;
		text-decoration: none
	}

footer .footer-nav {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid gray;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	text-align: center
}

@media (min-width: 992px) {
	footer .footer-nav {
		grid-template-columns: 1fr 4fr 1fr
	}
}

@media (max-width: 767.98px) {
	footer .footer-nav {
		grid-template-columns: 1fr;
		justify-content: center;
		justify-items: center;
		margin-bottom: 2rem;
		padding-bottom: 2rem
	}
}

footer .footer-nav .navbar .nav-link {
	color: #c4c4c4;
	font-size: 1.1rem
}

footer .footer-nav img {
	width: 100px
}

footer .contacto-wpp {
	font-size: 1.2rem;
	color: inherit;
	flex-shrink: 0
}

@media (min-width: 992px) {
	footer .contacto-wpp {
		text-align: right
	}
}

footer .contact-info {
	display: flex;
	align-items: center;
	font-size: 1.1rem;
	text-align: center;
	flex-direction: column
}

@media (min-width: 992px) {
	footer .contact-info {
		flex-direction: row;
		text-align: left
	}
}

@media (max-width: 767.98px) {
	footer .contact-info {
		flex-wrap: wrap;
		flex-direction: column;
		font-size: 1.3rem
	}

		footer .contact-info .partners {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			align-items: center;
			justify-items: center;
			margin: 2rem 0
		}

			footer .contact-info .partners img {
				object-fit: contain
			}
}

footer .contact-info img {
	opacity: 0.5;
	margin-left: 0.5rem;
	margin-right: 0.5rem
}

footer .contact-info .socials a {
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	display: inline-block;
	border-radius: 1rem;
	color: inherit
}

	footer .contact-info .socials a:hover {
		color: #ececec
	}

	footer .contact-info .socials a + a {
		margin-left: 0.5rem
	}

.colophon {
	background: #000;
	text-align: center;
	padding: 0.5rem 0
}

	.colophon a {
		color: inherit
	}

a.wpp.floating {
	display: none
}

@media (max-width: 1199.98px) {
	a.wpp.floating {
		position: fixed;
		display: block;
		bottom: 10px;
		right: 10px;
		font-size: 0;
		border-radius: 50%;
		padding: 1rem;
		background: #8b9f22;
		color: white
	}

		a.wpp.floating i {
			font-size: 25px
		}
}

.hero {
	background-image: linear-gradient(45deg, rgba(0,0,0,0.5), transparent),url(../img/portada3.jpg);
	background-size: cover;
	color: #fff;
	padding-top: 5rem;
	position: relative;
	background-position: 70% 50%
}

	.hero .container {
		min-height: 85vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: 5rem;
		position: relative
	}

@media (max-width: 767.98px) {
	.hero .container {
		min-height: 60vh
	}
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(2,2,2,0.2);
	display: block
}

@media (max-width: 767.98px) {
	.hero {
		padding-top: 5rem
	}
}

.hero.mifactoring {
	min-height: 110vh;
	background-image: linear-gradient(45deg, rgba(0,0,0,0.5), transparent),url(../img/mifactoring-hero.jpg)
}

.hero.mifinanzas .container {
	align-items: flex-start
}

.hero h1 {
	color: inherit;
	max-width: 800px;
	margin-bottom: 1rem
}

.hero h3 {
	color: inherit;
	max-width: 650px
}

.hero .button {
	margin-top: 2rem;
	align-self: flex-start
}

.hero .awards {
	position: absolute;
	bottom: 3rem;
	display: grid;
	align-items: center;
	grid-gap: 1rem;
	grid-template-columns: 1fr 1fr;
	width: calc(100% - 30px);
	min-height: unset;
	padding: 0
}

@media (min-width: 768px) {
	.hero .awards {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		width: unset
	}
}

.hero .awards img {
	margin: auto;
	display: block
}

.stats {
	padding: 3rem 0 3rem 0;
	text-align: center
}

	.stats h3 {
		font-size: 1rem;
		margin-bottom: 2rem;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto
	}

	.stats.dark {
		background-color: #333;
		color: #fff
	}

		.stats.dark .number {
			color: #fff
		}

	.stats.mifactoring {
		padding: 5rem 0
	}

@media (max-width: 767.98px) {
	.stats.mifactoring h2 img {
		display: block;
		margin-top: 1rem;
		margin-left: auto;
		margin-right: auto
	}
}

.stats p {
	margin-bottom: 0
}

	.stats p:last-child {
		color: #333;
		font-size: 22px;
	}

.stats .number {
	font-size: 2.5rem;
	color: #333;
	line-height: 1;
	margin: 0.7rem 0
}

	.stats .number small {
		font-size: 0.5em
	}

@media (max-width: 767.98px) {
	.stats .number {
		font-size: 2rem
	}
}

.stats i[class*='fa-'] {
	color: #b99d64;
	font-size: 3rem;
	margin-bottom: 0.5rem
}

.productos {
	padding: 6rem 0
}

	.productos h3 {
		font-weight: normal
	}

	.productos .row {
		margin-bottom: 3rem
	}

	.productos .cheques, .productos .facturas {
		position: relative;
		overflow: hidden
	}

	.productos .productos-img {
		position: absolute;
		right: 0;
		width: 50%;
		top: -3rem;
		height: 80%;
		z-index: -1;
		opacity: 0.5
	}

		.productos .productos-img img {
			width: 100%;
			object-fit: contain;
			object-position: right
		}

		.productos .productos-img.left {
			right: auto;
			left: 0
		}

.contacto {
	background-color: #ececec;
	padding: 7rem 0;
	background-image: url(../img/contacto-bg.jpg);
	background-size: cover
}

@media (max-width: 767.98px) {
	.contacto .floating-icon {
		transform: translateX(-70%) translateY(-60%)
	}
}

.contacto h2 {
	color: inherit
}

.contacto .container {
	background-color: #333;
	border-radius: 5px;
	color: #fff;
	position: relative
}

.contacto form {
	color: #fff
}

	.contacto form input:not([type='submit']), .contacto form textarea {
		width: 100%
	}

.contacto.mifinanzas .container {
	padding: 4rem 5rem
}

.contacto.mifactoring {
	background-image: url(../img/factoring-contacto.jpg)
}

	.contacto.mifactoring .row > div {
		padding: 5rem 3rem;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: start
	}

		.contacto.mifactoring .row > div:first-child {
			background-color: #444;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px
		}

	.contacto.mifactoring .floating-icon {
		left: 3rem;
		transform: translateY(-35%)
	}

.floating-icon {
	position: absolute;
	left: 5rem;
	top: 0;
	transform: translateY(-50%)
}

#nosotros {
	padding: 6rem 0;
	position: relative
}

	#nosotros h3 {
		font-size: 1rem;
		margin-bottom: 1rem
	}

@media (max-width: 767.98px) {
	#nosotros {
		padding: 4rem
	}
}

#nosotros .lines-overlay {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-15%, -50%);
	max-width: 50%
}

#carouselEquipo .carousel-indicators {
	position: relative;
	justify-content: center;
	align-items: center
}

	#carouselEquipo .carousel-indicators li {
		background-color: #e5e5e5;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		cursor: pointer;
		transition: opacity 0.5s
	}

		#carouselEquipo .carousel-indicators li + li {
			margin-left: 15px
		}

		#carouselEquipo .carousel-indicators li:hover {
			opacity: 0.7
		}

		#carouselEquipo .carousel-indicators li.active {
			background-color: #8b9f22
		}

#carouselEquipo .carousel-control-prev, #carouselEquipo .carousel-control-next {
	position: static;
	width: auto;
	display: inline-block;
	margin-left: 0.5rem;
	margin-bottom: 1rem
}

#carouselEquipo .carousel-control-next-icon {
	background-image: url(../img/right-arrow.svg);
	width: 25px
}

#carouselEquipo .carousel-control-prev-icon {
	background-image: url(../img/right-arrow.svg);
	width: 25px;
	transform: rotate(180deg)
}

#prensa {
	padding: 6rem 0;
	background-color: #faf8f5
}

@media (max-width: 767.98px) {
	#prensa h2 {
		text-align: center
	}
}

#prensa h3 {
	font-weight: 700;
	color: #333;
	margin-bottom: 1rem
}

#prensa .noticias-grid .noticia-destacada {
	background-color: #333;
	color: #fff;
	align-items: center
}

	#prensa .noticias-grid .noticia-destacada h3 {
		font-size: 2rem;
		font-weight: 800;
		color: inherit
	}

	#prensa .noticias-grid .noticia-destacada .destacada-thumbnail {
		background-image: url(../img/fintech-micheque.jpg);
		align-self: stretch
	}

@media (max-width: 767.98px) {
	#prensa .noticias-grid .noticia-destacada .destacada-thumbnail {
		height: 250px
	}
}

#prensa .noticias-grid .content {
	padding: 3rem
}

#prensa .noticias-grid .fecha {
	margin-top: 1rem;
	display: inline-block
}

#prensa .noticias-grid .img-fuente {
	float: right;
	margin-left: 1rem
}

#prensa .noticias {
	margin-top: 5rem
}

	#prensa .noticias .noticia-inner {
		padding: 2rem 2rem 4.25rem 2rem;
		background-color: #fff;
		height: 100%;
		position: relative
	}

#prensa .noticia-link {
	text-align: right;
	margin-top: 0.5rem;
	position: absolute;
	width: 100%;
	right: 2rem;
	bottom: 3rem
}

@media (max-width: 991.98px) {
	#prensa .noticia-link {
		position: static
	}
}

#prensa .noticia-link a {
	font-weight: 700;
	vertical-align: middle;
	text-decoration: none;
	transition: color 0.5s
}

	#prensa .noticia-link a:hover::after {
		transform: translateX(5px)
	}

	#prensa .noticia-link a::after {
		content: '';
		display: inline-block;
		width: 22px;
		height: 22px;
		background-image: url(../img/flecha.svg);
		background-size: cover;
		margin-left: 0.5rem;
		vertical-align: top;
		margin-top: 0.4rem;
		transition: transform 0.5s
	}

#partners {
	padding: 5rem 0;
	background-color: #c1b8a2
}

	#partners .partners-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 1fr;
		align-items: center;
		justify-items: center;
		gap: 1rem
	}

@media (max-width: 767.98px) {
	#partners .partners-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

#partners .partners-grid img {
	mix-blend-mode: multiply;
	max-height: 75px;
	filter: grayscale(1)
}

#invertir {
	padding: 7rem 0;
	background-image: url(../img/inversores4.jpg);
	background-size: cover
}

	#invertir .block {
		background-color: #333;
		color: #fff;
		border-radius: 5px;
		padding: 5rem 3rem;
		position: relative
	}

	#invertir .button {
		width: 90%;
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
		font-size: 1.25rem
	}

	#invertir .floating-icon {
		left: 3rem
	}

.nosotros-slider {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem
}

@media (max-width: 767.98px) {
	.nosotros-slider {
		grid-template-columns: 1fr
	}
}

.slider-member {
	margin: 0
}

	.slider-member img {
		border-radius: 5px;
		margin-bottom: 1rem;
		width: 100%
	}

	.slider-member h4 {
		font-size: 1.5rem;
		columns: #333;
		font-weight: 700;
		margin-bottom: 0
	}

	.slider-member .expertise {
		color: #8b9f22
	}

#modalInversores .modal-title {
	color: #b99d64;
	font-size: 1.75rem;
	margin-top: 1rem
}

#modalInversores p {
	color: #000
}

@media (min-width: 576px) {
	#modalInversores .modal-dialog {
		max-width: 450px
	}
}

#modalInversores .modal-content {
	padding: 1rem
}

#modalInversores form {
	margin-top: 1.5rem
}

	#modalInversores form input[type='submit'] {
		width: 100%;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		font-size: 1.5rem
	}

.hero-form {
	border-radius: 25px
}

	.hero-form h4 {
		color: #666
	}

	.hero-form input:not([type=submit]), .hero-form textarea {
		border-color: #c4c4c4
	}

	.hero-form input[type=file] {
		border: none;
		display: none
	}

	.hero-form .file-input {
		position: relative;
		margin-bottom: 0.5rem
	}

		.hero-form .file-input label {
			display: flex;
			cursor: pointer;
			align-items: center;
			color: #7c7c7d
		}

			.hero-form .file-input label:hover::before {
				opacity: 0.7
			}

			.hero-form .file-input label::before {
				content: "";
				display: block;
				width: 35px;
				height: 35px;
				background-image: url(../img/plus-circle.svg);
				background-size: contain;
				margin-right: 1rem;
				transition: opacity 0.5s
			}

		.hero-form .file-input.ready label::before {
			background-image: url(../img/check-circle.svg)
		}

		.hero-form .file-input.loading label::before {
			animation: rotate 3s linear infinite;
			background-image: url(../img/loading-circle.svg)
		}

	.hero-form .add-file-input {
		display: flex;
		cursor: pointer;
		align-items: center;
		margin-bottom: 1.5rem
	}

		.hero-form .add-file-input::before {
			content: "";
			display: block;
			width: 35px;
			height: 35px;
			background-image: url(../img/plus.svg);
			background-size: contain;
			margin-right: 1rem;
			transition: opacity 0.5s
		}

.factoring-como-funciona {
	padding: 5rem 0 5rem 0;
	text-align: center;
	background-color: #FAF8F5
}

	.factoring-como-funciona .button {
		box-shadow: 0px 14px 24px rgba(0,0,0,0.15);
		font-size: 1.2rem
	}

	.factoring-como-funciona h3 {
		padding: 0 12%;
		font-weight: 400
	}

		.factoring-como-funciona h3 strong {
			color: #333
		}

.factoring-pasos {
	margin-top: 3rem
}

	.factoring-pasos h3 {
		margin-top: 1.5rem;
		margin-bottom: 0;
		line-height: 1.2
	}

@keyframes rotate {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}
/*# sourceMappingURL=styles.css.map */