@font-face {
	font-family: "metropolisBold";
	src: url(../fonts/metropolis-bold.woff2) format("woff2"), url(../fonts/metropolis-bold.woff) format("woff");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "metropolisSemiBold";
	src: url(../fonts/metropolis-semiBold.otf);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "metropolisMedium";
	src: url(../fonts/metropolis-medium.otf);
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "metropolisRegular";
	src: url(../fonts/metropolis-regular.otf);
	font-weight: 400;
	font-style: normal;
}
:root {
	--main-blue: #17375e;
	--main-blue2: #1b5180;
	--main-orange: #ff7f00;
	--main-orange-dark: #cc4900;
	--main-white: #fff;
	--main-gray: #d9d9d9;
	--main-gray2: #bfbfbf;
	--main-gray3: #a6a5a1;
	--cFilterOrange: invert(60%) sepia(100%) saturate(2840%) hue-rotate(0) brightness(120%) contrast(100%);
	--cFilterBlue: invert(50%) sepia(15%) saturate(2000%) hue-rotate(180deg) brightness(40%) contrast(100%);
	--cFilterWhite: invert(100%) sepia(100%) saturate(0%) hue-rotate(0) brightness(100%) contrast(100%);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
body {
	color: var(--main-blue);
	overflow-x: hidden;
	font-family: "metropolisRegular";
	font-size: 16px;
	position: relative;
}
header {
	height: 64px;
	position: fixed;
	width: 100%;
	z-index: 8;
}
.header.down {
	background-color: var(--main-white);
	box-shadow: 0 0 12px 0 rgb(0 0 0 / 0.4);
	height: 64px;
}
.logo img {
	height: auto;
	max-width: 170px;
}
.header.down .dropdown-menu-item p,
.header.down .navLinkIn {
	font-size: 14px;
}

.header.down .dropdown-menu-item_language a {
	font-size: 14px;
}
.header.down .dropdown-menu-item_language a:first-child {
	margin-top: 0;
}
.header.down .dropdownMenuTitle a {
	margin-top: 0;
}
.navbarIn {
	height: 112px;
}
.navbarNav {
	flex-direction: row;
	gap: 32px;
}
.nav-header,
.nav-menu {
	align-items: center;
	display: flex;
}
.nav-header {
	justify-content: space-between;
	position: relative;
	height: 100%;
	background-color: var(--main-white);
	z-index: 10;
}
.nav-menu li {
	margin: 0 16px;
}
.navLinkIn {
	color: var(--main-blue);
	font-size: 16px;
}
.dropdown-toggle::after {
	display: none;
}
.dropdownMenuTitle {
	color: var(--main-blue);
	font-family: "metropolisBold";
	text-transform: uppercase;
}
.text-orange {
	color: var(--main-orange);
}

.dropdownMenuTitle:hover {
	color: var(--main-orange);
}
.dropdownMenuTitle.active {
	background: none;
	color: var(--main-orange);
}
.dropdownMenuSubTitle {
	color: var(--main-blue);
	text-transform: uppercase;
	margin-top: 8px;
}
.navbarInContent {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.dropdownMenuIn {
	border: 0.5px solid #ebebeb;
	border-radius: 5px;
	box-shadow: 0 3px 6px #00000029;
	padding: 12px;
}
.dropdownMenuIn .dropdown-item:hover {
	background: #fff0;
	color: var(--main-orange);
	font-family: "metropolisSemiBold";
}
.navbarTogglerIcon {
	background-color: var(--main-blue);
	border-radius: 2px;
	display: block;
	height: 3px;
	position: relative;
	width: 16px;
}
.navbarTogglerIcon:before {
	content: "";
	background-color: var(--main-blue);
	border-radius: 2px;
	left: 0;
	height: 3px;
	position: absolute;
	top: -9px;
	width: 24px;
}
.navbarTogglerIcon:after {
	content: "";
	background-color: var(--main-blue);
	border-radius: 2px;
	bottom: -9px;
	left: 0;
	height: 3px;
	position: absolute;
	width: 24px;
}
.nav-menu button:hover,
.nav-menu li a.active-nav {
	color: var(--main-orange);
	font-weight: 600;
}
.nav-menu-ul a {
	color: var(--main-blue);
	font-size: 18px;
}

.btn-login {
	background: url(./../images/icon/incontrol-logo2.svg);
	background-position: center left;
	background-color: #f4f4f4;
	border-radius: 26px;
	color: #fff0;
	display: inline-block;
	height: 35px;
	transition: all 0.4s;
	width: 135px;
}
.btn-login:hover {
	background-position-x: 132px;
	background-color: var(--main-blue);
}
.boxMenuRight {
	align-items: center;
	display: flex;
	justify-content: center;
	gap: 25px;
}
.navbarMovil {
	display: none;
}
.navbarDesktop {
	display: flex;
	width: 100%;
}
.offCanvasDesktop {
	flex-direction: row;
	visibility: visible;
}
.offCanvasDesktop.show:not(.hiding) {
	transform: translateX(0);
}
.offCanvasDesktop.show {
	visibility: visible;
}
.dropdown-menu-k {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.dropdown-menu-k .icon-arrow-bottom,
.dropdown-wb .icon-arrow-bottom {
	font-size: 6px;
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
div.dropdown-content-k {
	background-color: #fff;
	box-shadow: 0 3px 6px #0000000a;
	border: 0.5px solid #fff;
	border-radius: 9px;
	display: none;
	left: -10px;
	margin-top: 40px;
	padding: 14px;
	position: absolute;
	width: max-content;
	z-index: 1;
}

/* Flecha superior */
.dropdown-content-k::before {
	content: "";
	position: absolute;
	top: -10px;
	left: 30px; /* ajusta este valor según la posición del botón */
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
}
.dropdown-content-k a {
	line-height: 12px;
	font-size: 16px;

	color: var(--main-blue);
	cursor: pointer;
}
.dropdown-content-k a.active {
	color: var(--main-orange);
	font-family: "metropolisSemiBold";
}
.dropdown-content-k a:hover,
.dropdown-menu-k:hover p,
.navLinkIn:hover {
	color: var(--main-orange);
}
.dropdown-menu-k:hover .dropdown-content-k {
	display: flex;
	flex-direction: column;
}
.dropdown-menu-k:hover .dropdownContentFlex {
	display: flex;
	gap: 48px;
	flex-direction: row;
	z-index: 10;
}

.dropdown-menu-item p,
.dropdown-menu-item a {
	color: var(--main-blue);
	font-size: 14px;
	position: relative;
}

.dropdown-menu-item {
	position: relative;
}

/* Flecha inicial */
.dropdown-menu-item span::before {
	content: "";
	background-image: url(./../images/icon/arrow.svg);
	background-size: contain;
	background-repeat: no-repeat;

	right: -16px;
	top: 16px;
	width: 8px;
	height: 5px;
	display: inline-block;
	transform: rotate(0deg);
	transform-origin: center center;
	transition: transform 0.3s ease;
}

.dropdownMenuLanguage .dropdownSubMenu {
	display: contents;
}

.title-header:hover {
	padding: 40px 0px 38px 0px;
}

/* Al hacer hover en el contenedor, rota suavemente */
.dropdown-menu-item:hover span::before {
	transform: rotate(180deg);
}

/* Ampliamos el área hover sin afectar visualmente */
.dropdown-menu-item::after {
	content: "";
	position: absolute;
	top: 0;
	right: -32px;
	width: 32px;
	height: 100%;
}

.header.down .dropdown-menu-item span::before {
	top: 16px;
}
.dropdown-menu-item:hover span::before {
	filter: var(--cFilterOrange);
	transform: rotate(180deg);
	top: 14px;
}
.header.down .dropdown-menu-item:hover span::before {
	top: 16px;
}
.dropdown-content-k a {
	font-size: 14px;
	line-height: 18px;
}
.dropdownMenuTitle a {
	margin-top: 0;
}
.dropdown-menu-item_language a {
	margin-top: 0;
}
.dropdown-menu-item_language a:first-child {
	line-height: 25px;
}
.dropdownMenuLanguage {
	min-width: max-content;
}
.navbarDesktop .navbar-nav {
	align-items: center;
	gap: 50px;
	margin-left: 40px;
}

.sBanner {
	background-color: #084084;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 87vh;
	position: relative;
}
.sBanner2 {
	position: relative;
	background-color: #ebeff3; /* Color de fondo */
	overflow: hidden;
	height: 87vh;
}

.sBanner2::before {
	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	border-radius: 50%;
	background: radial-gradient(circle at top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
}

.sBanner2::after {
	content: "";
	position: absolute;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	background: radial-gradient(circle at bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 70%);
}

.sBanner2::before {
	top: -100px;
	left: -100px;
}

.sBanner2::after {
	bottom: -100px;
	right: -100px;
}

.sBannerContainer {
	align-items: center;
	display: flex;
	height: 89%;
	padding-top: 7rem;
	position: relative;
	z-index: 1;
}
.sBannerContainer2 {
	align-items: center;
	display: flex;
	height: 89%;
	padding-top: 9rem;
	position: relative;
	z-index: 1;
}
.backgroundVideo {
	border-bottom: solid 1px #084084;
}

.titleBanner {
	color: var(--main-white);
	font: 72px/72px "metropolisRegular";
	letter-spacing: -1.8px;
	max-width: 620px;
}
.titleBanner2 {
	color: var(--main-blue);
	font: 47px/47px "metropolisRegular";
	letter-spacing: -1.8px;
	max-width: 620px;
}
.titleBannerOrange {
	color: var(--main-orange);
}
.subtitleBanner {
	color: var(--main-white);
	font-size: 16px;
	margin-top: 20px;
}
.subtitleBanner2 {
	color: var(--main-blue);
	font-size: 20px;
	margin-top: 20px;
}

.logos-container {
	margin-top: 50px;
	display: flex;
	justify-content: center;
}

.logos-grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
}

.logos-row {
	display: flex;
	justify-content: center;
	gap: 40px;
	align-items: center;
}

.logos-row img {
	width: 100px; /* Ajusta el tamaño según necesites */
	height: auto;
}

.titleMain {
	font: 40px/46px "metropolisSemiBold";
}
.subTitleMain {
	font: 18px "metropolisSemiBold";
	letter-spacing: 2.5px;
	margin-bottom: 52px;
	text-transform: uppercase;
}
.cWhite {
	color: var(--main-white);
}
.cBlue {
	color: var(--main-blue);
}
.cOrange {
	color: var(--main-orange);
}
.boxBtn {
	margin-top: 48px;
}
.boxBtn2 {
	margin-top: 35px;
}

.btnMain {
	align-items: center;
	border-radius: 26px;
	border: solid 2px;
	display: flex;
	font: 21px "metropolisSemiBold";
	justify-content: center;
	height: 42px;
	text-align: center;
	transition: all 0.3s;
	width: 210px;
	font-size: 16px;
}
.btnMainOne {
	background-color: var(--main-white);
	border-color: var(--main-orange);
	color: var(--main-orange);
}

.btnHeader {
	background-color: var(--main-orange);
	color: var(--main-white);
	border-color: var(--main-orange);
	width: 135px;
	font: 16px "metropolisRegular";
	border-radius: 26px;
	height: 35px;
}
.btnIcons {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	background-color: rgb(244, 244, 244);
	color: var(--main-blue);
	transition: all 0.3s;
	width: 35px;

	border-radius: 10px;
	height: 35px;
	margin: auto;
}
.btnIcons .bi-plus {
	font: 25px "metropolisSemiBold";
}
.btnIcons:hover {
	background-color: var(--main-blue);
	color: var(--main-white);
	border-color: var(--main-blue);
}
.btnHeader:hover {
	background-color: var(--main-orange);
	color: var(--main-white);
	border-color: var(--main-orange);
}
.btnMainOne:hover {
	background-color: var(--main-orange);
	color: var(--main-white);
}
.btnMain:hover .iconChevronServices {
	margin-left: 4px;
}
.btnMainTwo {
	border-color: var(--main-white);
	color: var(--main-white);
}
.btnMainFooter {
	background-color: var(--main-white);
	color: var(--main-orange);
	border-color: var(--main-white);
}
.btnMainFooter:hover {
	background-color: var(--main-orange);
	border-color: var(--main-orange);
	color: var(--main-white);
}
.iconChevron {
	stroke: var(--main-orange);
	height: 16px;
	vertical-align: bottom;
	width: 16px;
}
.btnMainOne:hover .iconChevron,
.btnMainFooter:hover .iconChevron {
	stroke: var(--main-white);
}

.iconChevronServices {
	transition: margin 0.3s;
	position: relative;
	top: 0.5px;
	vertical-align: middle;
}
i.iconChevronServices::before {
	font-size: 14px;
	font-weight: 600 !important;
}
.btnMaxContent {
	padding: 0 24px;
	width: max-content;
}
.carouselServices .owl-theme .owl-nav.disabled + .owl-dots,
.carouselBlog .owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 30px;
}
.carouselBank .owl-theme .owl-dots .owl-dot.active span,
.carouselBank .owl-theme .owl-dots .owl-dot:hover span,
.carouselBlog .owl-theme .owl-dots .owl-dot.active span,
.carouselSolutions .owl-theme .owl-dots .owl-dot.active span {
	background-color: var(--main-blue);
}
.carouselBlog .owl-theme .owl-dots .owl-dot span,
.carouselSolutions .owl-theme .owl-dots .owl-dot span {
	background: #fff0;
	border: solid 1px var(--main-blue);
}
.scrollToTopBtn {
	bottom: 120px;
	cursor: pointer;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	transform: translateY(100px);
	transition: all 0.5s;
}
.scrollToTopBtnAlt {
	bottom: 0;
}
.showBtn {
	opacity: 1;
	transform: translateY(0);
}
.footer .containerK {
	position: relative;
}
.sServices {
	background-color: #084084;
	padding-bottom: 60px;
	padding-top: 60px;
}
.sServices2 {
	background-color: var(--main-white);
	padding-bottom: 60px;
	padding-top: 60px;
}
.titleServices {
	font: 32px/38px "metropolisSemiBold";
	margin: 0 auto 26px;
	max-width: 1252px;
}
.textServices {
	font-size: 20px;
	margin: auto;
	text-align: center;
}
.carouselServices {
	margin: 0px auto 0;
	max-width: 1560px;
}
.cardServices {
	border-radius: 20px;
	max-width: 352px;
	padding: 32px 18px 36px 26px;
	position: relative;
	transition: all 0.3s ease-in-out;
	width: 100%;
}
.cardServices::before {
	background: linear-gradient(140deg, #fedecc -50%, #238ffc 100%);
	bottom: 0;
	content: "";
	top: 0;
	left: 0;
	border-radius: 20px;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: all 0.5s;
	z-index: -1;
}
.cardServices:hover::before {
	opacity: 1;
}
.cardServices:hover .cardServicesButton {
	background-color: var(--main-white);
	color: var(--main-blue);
}
.cardServices:hover .cardServicesButton:hover {
	color: var(--main-orange);
}
.cardServices:hover .cardServicesBody {
	margin-top: 26px;
	margin-bottom: 45px;
}
.cardServices:hover .cardServicesBody .cardServicesTitle {
	color: var(--main-white);
}
.cardServicesFigure {
	height: 100px;
	max-width: 165px;
}
.cardServicesFigure img {
	width: fit-content !important;
	height: 100px;
}
.cardServicesBody {
	margin-top: 36px;
	margin-bottom: 30px;
	transition: all 0.3s;
}
.cardServicesTitle {
	color: var(--main-orange);
	font: 31px/37px "metropolisSemiBold";
	letter-spacing: -1.47px;
	margin-bottom: 16px;
}
.cardServicesTitlePad {
	max-width: 232px;
}
.cardServicesCopy {
	color: var(--main-white);
	font: 16px/24px "metropolisRegular";
}
.cardServicesButton {
	border-radius: 30px;
	border: solid 2px var(--main-white);
	color: var(--main-white);
	display: flex;
	height: 40px;
	gap: 2px;
	padding: 8px 18px;
	text-align: center;
	width: 125px;
	font-size: 14px;
}
.cardServices:hover .iconChevronServices {
	stroke: var(--main-blue);
}
.cardServices:hover .cardServicesButton:hover .iconChevronServices {
	stroke: var(--main-orange);
}
.sChooseUs {
	padding: 100px 0;
}
.ChooseUsContent {
	padding-left: 142px;
}
.ChooseUsFlex {
	display: grid;
	grid-template-columns: repeat(2, 335px);
	gap: 70px 80px;
	justify-content: end;
}
.cardChooseUs {
	color: var(--main-blue);
}
.cardChooseUsTitle {
	color: var(--main-orange);
	font: 110px/110px "metropolisBold";
}
.cardChooseUsSubtitle {
	font: 30px/30px "metropolisRegular";
	margin-bottom: 24px;
}
.cardChooseUsCopy {
	font: 16px/19px "metropolisRegular";
}
.cardChooseUsCopyEsp {
	width: 362px;
}
.cardChooseUsCopyEspTwo {
	width: 376px;
}
.cardChooseUsCopyEng {
	width: 300px;
}
.cardChooseUsCopyEngTwo {
	width: 344px;
}
.sBlog {
	background-color: #ebeff3;
	padding: 100px 0;
}
.carouselBlog {
	margin: 0 auto 0;
	max-width: 1320px;
}
.cardBlog {
	display: block;
}
.cardBlog:hover {
	cursor: pointer;
}
.cardBlog:hover .cardBlogTitle {
	color: var(--main-orange);
}
.cardBlog:hover .cardBlogFigure img {
	transform: scale(1.15);
}
.cardBlogFigure {
	border-radius: 20px;
	height: 240px;
	overflow: hidden;
}
.cardBlogFigure img {
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
	width: 100%;
}
.cardBlogBody {
	padding-top: 32px;
}
.cardBlogTitle {
	color: var(--main-blue);
	font: 25px/25px "metropolisSemiBold";
	margin-bottom: 16px;
}
.cardBlogCopy {
	color: var(--main-blue);
	font: 16px/19px "metropolisRegular";
	padding-right: 16px;
}
.sHelpYou {
	background-color: #084084;
	color: var(--main-white);
	padding: 50px 0;
}
.footer {
	background-color: #084084;
	color: var(--main-white);
}
.footerOne {
	display: flex;
	gap: 160px;
}
.boxFooterColumn {
	width: 100%;
}
.footerFlex {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.footerTitle {
	font: 48px/48px "metropolisSemiBold";
	letter-spacing: -0.9px;
	margin-bottom: 16px;
}
.footerText {
	font: 16px/19px "metropolisRegular";
}
.boxFooterLogo {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}
.footerLogo {
	max-width: 198px;
}
.footerLogo img {
	width: 160px;
}
.footerCertificate {
	max-width: 180px;
}
.footerCertificate img {
	width: 150px;
}
.footerItemTitle {
	text-transform: uppercase;
	font-size: 14px;
}
.footerTwo {
	border-top: solid 1px rgb(255 255 255 / 0.5);
	padding: 20px 0 30px;
}
.footerGridTwo {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.footerTwoUl {
	align-items: center;
	display: flex;
	gap: 72px;
	height: 32px;
}
.footerTwoUl a {
	color: var(--main-white);
}
.footerTwoUl a:hover {
	color: var(--main-orange);
}
.footerTwoCopyright {
	font-size: 10px;
	text-align: end;
}
.accordionFooter {
	display: flex;
	gap: 150px;
}
.accordionFooter.accordion-flush > .accordion-item {
	border-bottom: 0;
}
.accordionFooter .accordionItem {
	background-color: #084084;
	border: none;
	color: var(--main-white);
	width: 100%;
}
.accordionFooter .accordion-body {
	padding: 20px 0;
}
.accordionFooter .accordionItem:not(:first-of-type) {
	border: none;
}
.accordionFooter .accordionItem {
	width: max-content;
}
.accordionItemBlog a {
	color: var(--main-white);
}
.accordionItemBlog .accordion-body {
	display: block;
	padding: 0;
}
.accordionItemBlog .footerLinkTitle {
	margin: 0;
}
.accordionItemSocial {
	margin-bottom: 1rem;
}
.accordionItemSocial .footerLinkTitle {
	margin-bottom: 21px;
}
.accordionFooter .accordion-header {
	display: none;
}
.accordionFooter .accordionButton {
	background-color: #084084;
	color: var(--main-white);
	font: 20px "metropolisBold";
	text-transform: uppercase;
	pointer-events: none;
}
.accordionFooter .accordionButton:focus {
	box-shadow: none;
}
.accordionFooter .accordionButton:not(.collapsed) {
	background-color: #084084;
	color: var(--main-white);
}
.accordionFooter .accordionBody {
	margin-bottom: 32px;
}
.accordionFooter .accordionBodyUl li {
	margin-bottom: 10px;
}
.accordionFooter .accordionBodyUl a {
	color: var(--main-white);
	font-size: 14px;
}
.accordionFooter .accordionBodyUl a:hover {
	color: var(--main-orange);
	cursor: pointer;
}
.accordionBodyflex {
	display: flex;
	gap: 40px;
	line-height: 20px;
}
.footerLinkTitle {
	font: 14px/19px "metropolisBold";
	margin-bottom: 20px;
	text-transform: uppercase;
}
ul.footerTwoUl {
	font-size: 14px;
}
.boxDBlock {
	display: none;
}
.offcanvasFooter {
	padding: 6rem 2rem;
}
.sBannerMain {
	background-color: #084084;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--main-white);
	height: 600px;
}
.containerKTwo {
	padding: 0;
}
.containerKThree {
	max-width: 1000px;
}
.subtitleBannerServicesMain {
	font: 16px/22px "metropolisSemiBold";
	letter-spacing: 2.5px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.subtitleBannerServices {
	font: 32px/42px "metropolisMedium";
	margin-bottom: 24px;
}
.figureBannerServices {
	margin-bottom: 30px;
	max-width: 80px;
}
.figureBannerServices img {
	filter: var(--cFilterWhite);
	height: 100%;
	width: 100%;
}
.titleBannerServicesMain,
.titleBannerServices {
	font: 40px/48px "metropolisSemiBold";
	margin-bottom: 32px;
	max-width: 1176px;
}
.titleBannerServicesMain {
	max-width: 1318px;
}
.titleBannerServices {
	margin-bottom: 8px;
}
.copyBannerServices,
.copyBannerAbout {
	font: 16px/22px "metropolisRegular";
	max-width: 1085px;
}
.copyBannerAboutW900 {
	max-width: 900px;
}
.copyBannerAboutW920 {
	max-width: 920px;
}
.copyBannerLeadership {
	max-width: 1285px;
}
.copyBannerLeadershipEsp {
	max-width: 1190px;
}
.titleBannerServicesMainEng {
	max-width: 1176px;
}
.sectionServices {
	padding: 210px 0 90px;
}
.containerServicesBody {
	margin: auto;
	max-width: 1320px;
	position: relative;
	z-index: 4;
}
.sectionServicesOdd {
	background-color: #f3f3f3;
}
.sectionServicesBilling,
.sectionServicesAgreement,
.sectionServicesInterchange,
.sectionServicesIncontrol {
	position: relative;
}
.sectionServicesBilling::before,
.sectionServicesAgreement::before,
.sectionServicesInterchange::before,
.sectionServicesIncontrol::before {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.02;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.sectionServicesBilling::before {
	content: "";
	background: url(./../images/icon/icon_network_billing.svg) no-repeat;
	background-size: 50%;
	background-position: center right;
}
.sectionServicesAgreement::before {
	content: "";
	background: url(./../images/icon/icon_network_agreement_advisory.svg) no-repeat;
	background-size: 40%;
	background-position: center right;
}
.sectionServicesInterchange::before {
	content: "";
	background: url(./../images/icon/icon_interchange.svg) no-repeat;
	background-size: 44%;
	background-position: center right;
}
.sectionServicesIncontrol::before {
	content: "";
	background: url(./../images/icon/icon_incontrol.svg) no-repeat;
	background-size: 40%;
	background-position: center right;
}
.titleServicesMain {
	color: var(--main-blue);
	font: 32px/38px "metropolisSemiBold";
	letter-spacing: -0.66px;
	margin-bottom: 28px;
	max-width: fit-content;
}
.copyServicesMain {
	color: var(--main-blue);
	font: 16px/22px "metropolisMedium";
	margin-bottom: 32px;
}
.linkServices {
	display: block;
	position: relative;
	max-width: fit-content;
}
.linkServices:hover .titleServicesMain {
	color: var(--main-orange);
}
.linkServices:hover .iconServicesMain {
	filter: var(--cFilterOrange);
}
.iconServicesMain {
	left: 0;
	position: absolute;
	top: -120px;
	height: 80px;
}
.boxBtnBg {
	margin-top: 32px;
}
.btnMainBg {
	background-color: var(--main-orange);
	border: none;
	color: var(--main-white);
	position: relative;
}
.btnMainBg:hover {
	background-color: #ff860e;
}
.btnMainBg .iconChevron {
	stroke: var(--main-white);
}
.tabsServices .tabsLink {
	border-radius: 10px 10px 0 0;
	border: none;
	color: var(--main-blue);
	font: 16px/22px "metropolisSemiBold";
	margin-right: 4px;
	padding: 12px 16px;
	position: relative;
}
.tabsServices .tabsLink.active {
	color: var(--main-orange);
	border-bottom: solid 3px var(--main-orange);
}
.tabsServices .tabsLink.active img {
	filter: var(--cFilterOrange);
}
.tabsServices .tabsLink.active {
	color: var(--main-orange);
	border-bottom: solid 3px var(--main-orange);
}
.tabsServices .tabsLink.active img {
	filter: var(--cFilterOrange);
}
.tabsLink img {
	height: 24px;
	margin-right: 8px;
	width: 20px;
}
.tabContent {
	border-radius: 0 0 20px 20px;
	color: var(--main-blue);
	padding: 60px 54px;
}
.boxTabsOdd .tabContent {
	background-color: var(--main-white);
}
.boxTabsEven .tabContent {
	background-color: #f4f4f4;
}
.boxTabsEven .tabsLink.active {
	background-color: #f4f4f4;
}
.tabContentFlex {
	align-items: flex-start;
	display: flex;
	gap: 48px;
}

.tabContentTitle {
	font: 24px/30px "metropolisSemiBold";
	margin-bottom: 10px;
}
.tabContentCopy {
	font: 16px/20px "metropolisRegular";
}
.tabContentImg {
	width: 80%;
}
.tabContentImg img {
	width: 100%;
}
.tabContentFlex-img {
	align-items: center;
}

.sServicesFeature {
	padding: 90px 0;
}
.servicesFeatureHead {
	color: var(--main-blue);
	margin-bottom: 80px;
}
.titleServicesFeature {
	font: 32px/38px "metropolisSemiBold";
	margin: 0 auto 10px;
	text-align: center;
}
.titleServicesFeatureBilling {
	max-width: 748px;
}
.titleServicesFeatureAgreement {
	max-width: 1140px;
}
.titleServicesFeatureInterchange {
	max-width: 980px;
}
.titleServicesFeatureIncontrol {
	font-size: 57px;
	padding: 0 3px;
}
.titleServicesFeatureIntercambio {
	max-width: 1148px;
}
.subtitleServicesFeature {
	font: 24px/30px "metropolisRegular";
	text-align: center;
}
.servicesFeatureBody {
	margin: auto;
	max-width: 1260px;
}
.servicesFeaturesFlex {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.boxServicesFeature {
	color: var(--main-blue);
	max-width: 504px;
}
.boxServicesFeature562 {
	max-width: 562px;
}
.boxServicesFeature336 {
	max-width: 336px;
}
.boxServicesFeature529 {
	max-width: 529px;
}
.boxServicesFeature404 {
	max-width: 404px;
}
.boxServicesFeature460 {
	max-width: 460px;
}
.boxFeatureImg {
	filter: var(--cFilterOrange);
	height: 60px;
}
.boxFeatureTitle {
	font: 32px/38px "metropolisSemiBold";
	margin: 10px 0;
}
.boxFeatureTitleThree {
	font: 32px/38px "metropolisSemibold";
}
.boxFeatureTitleTwo {
	font: 32px/38px "metropolisSemibold";
}
.boxFeatureSubtitle {
	font: 24px/30px "metropolisSemibold";
}
.boxBtnTwo {
	margin-top: 24px;
}
.cardServicesFeature {
	background-color: #f3f3f3;
	border-radius: 25px;
	color: var(--main-blue);
	padding: 32px 40px;
	max-width: 639px;
}
.cardFeatureTitle {
	font: 32px/38px "metropolisBold";
	color: var(--main-orange);
	margin-bottom: 8px;
}
.cardFeatureTitleTwo {
	font: 24px/30px "metropolisBold";
	margin-bottom: 20px;
}
.cardFeatureTitleVentaja {
	max-width: 490px;
}
.cardFeatureSubtitle {
	font: 24px/30px "metropolisRegular";
	margin-bottom: 20px;
}
.cardFeatureCopy {
	font: 16px/22px "metropolisRegular";
}
.contentBenefit {
	background-color: #084084;
	border-radius: 40px 40px 0 0;
	padding: 60px 120px;
}
.contentBenefitHead {
	margin: 0 auto 36px;
	max-width: 702px;
}
.contentBenefitHead960 {
	max-width: 960px;
}
.contentBenefitHead780 {
	max-width: 780px;
}
.contentBenefitHeadTwo {
	margin-left: 0;
	max-width: 760px;
}
.subtitleBenefit {
	color: var(--main-orange);
	font: 18px/24px "metropolisSemiBold";
	letter-spacing: 2.4px;
	margin-bottom: 15px;
	text-align: center;
	text-transform: uppercase;
}
.titleBenefit {
	color: var(--main-white);
	font: 32px/38px "metropolisSemiBold";
	text-align: center;
}
.titleBenefit700 {
	max-width: 700px;
	margin: auto;
}
.contentBenefitBody {
	display: flex;
	justify-content: space-between;
}
.cardBenefit {
	color: var(--main-white);
	max-width: 308px;
}
.cardBenefit380 {
	max-width: 380px;
}
.cardBenefit322 {
	max-width: 322px;
}
.cardBenefit370 {
	max-width: 370px;
}
.cardBenefit414 {
	max-width: 414px;
}
.cardBenefit377 {
	max-width: 377px;
}
.cardBenefitTwo {
	max-width: 540px;
}
.cardBenefitTwo500 {
	max-width: 500px;
}
.cardBenefitTwo520 {
	max-width: 520px;
}
.cardBenefitTwo560 {
	max-width: 560px;
}
.cardBenefitTwo636 {
	max-width: 636px;
}
.cardBenefitNumber {
	color: var(--main-orange);
	font: 60px/66px "metropolisSemiBold";
	margin-bottom: 12px;
}
.cardBenefitTitle {
	font: 24px/30px "metropolisSemiBold";
	margin-bottom: 16px;
}
.cardBenefitTitleEsp {
	font-size: 28px;
}
.cardBenefitCopy {
	font: 16px/22px "metropolisRegular";
}
.contentBenefitBodyTwo {
	color: var(--main-white);
}
.flexBenefit {
	display: flex;
	gap: 90px;
	margin-top: 32px;
	padding-left: 24px;
}
.figureBenefit {
	max-width: 676px;
	width: 100%;
	position: absolute;
	right: 6rem;
}
.figureBenefit img {
	width: 100%;
}
.sSolutions {
	background-color: #f3f3f3;
	padding: 80px 0;
}
.containerSolutions {
	margin: auto;
	max-width: 1496px;
}
.carouselSolutions .cardServices {
	border: solid 1px var(--main-blue);
	min-height: 296px;
	padding: 26px 20px 20px 20px;
	max-width: 362px;
}
.carouselSolutions .cardServicesFigure {
	height: 68px;
	max-width: 86px;
}
.carouselSolutions .cardServicesFigure img {
	filter: var(--cFilterBlue);
	height: 96%;
}
.carouselSolutions .cardServicesBody {
	min-height: 120px;
	margin-top: 12px;
	margin-bottom: 0;
}
.carouselSolutions .cardServicesTitle {
	color: var(--main-blue);
	font: 18px/24px "metropolisSemiBold";
	letter-spacing: 0;
	margin-bottom: 12px;
	margin-top: 16px;
	text-transform: none;
}
.carouselSolutions .cardServicesTitlePad {
	max-width: 240px;
}
.carouselSolutions .cardServicesTitleAgreement,
.carouselSolutions .cardServicesTitleInterchange {
	max-width: 274px;
}
.carouselSolutions .cardServicesTitleBack {
	max-width: 216px;
}
.carouselSolutions .cardServicesCopy {
	color: var(--main-blue);
	font: 16px/20px "metropolisRegular";
	height: auto;
}
.carouselSolutions .cardServicesButton {
	border: solid 2px var(--main-orange);
	color: var(--main-orange);
}
.carouselSolutions .iconChevronServices {
	stroke: var(--main-orange);
}
.carouselSolutions .cardServices:hover {
	border-color: #fff0;
	padding-top: 15px;
}
.carouselSolutions .cardServices:hover .cardServicesFigure img {
	filter: none;
}
.carouselSolutions .cardServices:hover .cardServicesBody {
	margin-top: 19px;
	margin-bottom: 0;
}
.carouselSolutions .cardServices:hover .cardServicesCopy {
	color: var(--main-white);
}
.carouselSolutions .cardServices:hover .cardServicesButton {
	border-color: var(--main-white);
	color: var(--main-blue);
}
.carouselSolutions .cardServices:hover .cardServicesButton:hover {
	color: var(--main-orange);
}
.carouselSolutions .cardServices:hover .iconChevronServices {
	stroke: var(--main-blue);
}
.sAbout {
	padding: 90px 0;
}
.mb-about {
	margin-bottom: 120px;
}
.sAboutWhy {
	background-color: #f3f3f3;
	padding: 60px 0;
}
.contentHeadAbout {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}
.contentBodyAbout {
	display: flex;
	justify-content: space-between;
	gap: 60px;
}
.titleAbout {
	font: 32px/38px "metropolisSemibold";
}
.copyAbout {
	font: 16px/22px "metropolisRegular";
	max-width: 691px;
}
.cardA {
	display: flex;
	max-width: 412px;
}
.cardAMb {
	margin-bottom: 52px;
}
.btn-174 {
	max-width: 174px;
}
.boxFigureA {
	height: 466px;
	max-width: 845px;
	position: relative;
}
.boxFigureA img {
	border-radius: 8px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.boxFigureA_video {
	position: relative;
	width: 100%;
	padding-bottom: 28.4%;
	height: 0;
}
.boxFigureA_video video {
	border-radius: 8px;
	height: auto;
	object-fit: cover;
	width: 100%;
}
.boxFigureA iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.boxFigureARight img {
	border-radius: 8px 0 0 8px;
}
.boxFigureALeft img {
	border-radius: 0 8px 8px 0;
}
.cardAFigure {
	margin-right: 16px;
}
.cardATitle {
	font: 24px/30px "metropolisSemiBold";
	margin-bottom: 8px;
}
.cardAcopy {
	font: 16px/22px "metropolisRegular";
	margin-bottom: 18px;
}
.cardAcopy382 {
	width: 382px;
}
.boxFigureCount {
	align-items: center;
	background-color: var(--main-blue);
	border-radius: 10px;
	color: var(--main-white);
	display: flex;
	justify-content: space-between;
	max-width: 300px;
	padding: 10px 40px;
	position: absolute;
	right: 70px;
	top: -50px;
	width: 100%;
}
.figureCountTitle {
	font: 40px/40px "metropolisBold";
}
.figureCountText {
	display: block;
	font: 14px/20px "metropolisRegular";
	text-align: center;
}
.letterS0 {
	letter-spacing: 0;
}
.containerWhy {
	display: flex;
}
.mb-Why {
	margin-bottom: 28px;
}
.w-45 {
	width: 45%;
}
.w-3 {
	width: 30%;
}
.w-2 {
	width: 20%;
}
.flexWhy {
	align-items: end;
	display: flex;
}
.boxWhy {
	max-width: 312px;
}
.boxWhyTtile {
	font: 32px/38px "metropolisSemiBold";
	margin-bottom: 12px;
}
.boxWhyCopy {
	font: 16px/22px "metropolisRegular";
}
.boxWhyCopyW412 {
	width: 412px;
}
.boxWhyCopyW280 {
	max-width: 280px;
}
.boxWhyEsp {
	max-width: 324px;
}
.boxWhyCopyW280Esp {
	max-width: 324px;
}
.boxWhyCopyW320Esp {
	width: 320px;
}
.boxWhyLink {
	align-items: center;
	color: var(--main-orange);
	display: flex;
	font: 18px/24px "metropolisRegular";
	gap: 16px;
	height: 40px;
}
.boxWhyLink p {
	width: max-content;
}
.boxWhyLinkIcon {
	align-items: center;
	background-color: var(--main-orange);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	height: 40px;
	transition: all 0.3s;
	width: 40px;
}
.boxWhyLink:hover .boxWhyLinkIcon {
	height: 52px;
	width: 52px;
}
.boxWhyLinkIcon .iconChevron {
	color: var(--main-white);
	font-size: 18px;
}
.sGlobal {
	padding: 90px 0 0;
	position: relative;
}
.contentGlobal {
	max-width: 530px;
}
.contentGlobal .subTitleMain {
	margin-bottom: 25px;
	max-width: 530px;
}
.flexGlobal {
	display: flex;
}
.boxMapGlobal {
	width: 100%;
}
.titleMainW1000 {
	max-width: 1000px;
}
.sClients {
	background-color: #f3f3f3;
	padding: 90px 0;
}
.carouselBank {
	margin-top: 32px;
	padding: 12px;
}
.carouselBankMovil {
	display: none;
}
.figureBank {
	display: flex;
	height: 80px;
	max-width: 160px;
	filter: grayscale(1);
	transition: all 0.3s;
}
.figureBank img {
	object-fit: none;
}
.figureBank:hover {
	filter: grayscale(0);
}
.figureBannerAbout {
	margin-bottom: 30px;
	max-width: 100px;
	filter: none;
}
.figureBannerAbout img {
	width: 100%;
}
.sPurpose {
	padding: 90px 0 0;
}
.sValues {
	padding: 90px 0;
}
.figureBannerPurpose {
	height: 80px;
	max-width: 80px;
}
.figureBannerPurpose img {
	filter: grayscale(0.5);
}
.titlePurpose {
	font: 40px "metropolisSemibold";
	margin-bottom: 60px;
	text-align: center;
}
.subtitlePurpose {
	font: 24px "metropolisSemibold";
	margin-bottom: 15px;
	text-align: center;
}
.titlePurpose span {
	color: var(--main-orange);
}
.boxPurpose,
.boxMission,
.clientsContainer {
	margin: auto;
	max-width: 1920px;
}
.boxPurpose .contentBodyAbout {
	justify-content: end;
	gap: 9.75vw;
}
.boxPurpose .cardA {
	max-width: 552px;
}
.boxPurpose .cardAFigure,
.boxMission .cardAFigure {
	height: 80px;
	margin-bottom: 20px;
	margin-right: 0;
}
.boxPurpose .cardAFigure img,
.boxMission .cardAFigure img {
	height: 100%;
}
.boxPurpose .cardATitle,
.boxMission .cardATitle {
	font: 32px/38px "metropolisSemiBold";
	margin-bottom: 15px;
}
.boxPurpose .boxFigureA,
.boxMission .boxFigureA {
	height: auto;
	/* max-width: 49.5vw; */
	max-width: 50.5%;
}
.boxPurpose .cardAcopy,
.boxMission .cardAcopy {
	margin-bottom: 0;
}
.boxMission .contentBodyAbout {
	background-color: #f3f3f3;
	gap: 9vw;
	justify-content: left;
}
.boxMission .cardA {
	max-width: 518px;
}
.figureIconValues {
	margin-bottom: 20px;
}
.accordionValues {
	margin-top: 32px;
}
.accordionValues .accordion-header {
	padding: 32px 52px;
}
.accordionValues .accordion-button {
	color: var(--main-blue);
	font: 24px/30px "metropolisSemiBold";
	padding: 0;
	padding-right: 8px;
}
.accordionValues .accordion-button::after {
	filter: var(--cFilterOrange);
}
.accordionValues .accordion-item {
	border-color: var(--main-orange);
}
.accordionValues .accordion-item:last-child {
	border-bottom: solid 1px var(--main-orange);
}
.accordionValues .accordion-button:not(.collapsed) {
	background-color: #fff0;
	box-shadow: none;
}
.accordionValues .accordion-button:focus {
	box-shadow: none;
}
.accordionValues .accordion-body {
	padding-top: 0;
	padding-right: 80px;
}
.accordionValues .accordionUl {
	color: var(--main-blue);
	font: 16px/22px "metropolisRegular";
	padding: 0 60px;
}
.accordionValues .accordionUl li {
	margin-bottom: 16px;
	position: relative;
}
.accordionValues .accordionUl li:before {
	content: "";
	background-color: var(--main-orange);
	border-radius: 8px;
	height: 8px;
	left: -20px;
	position: absolute;
	top: 8px;
	width: 8px;
}
.sTeam,
.sHistory {
	background-color: #f3f3f3;
	padding: 9rem 0 6rem;
}
.sTeam {
	padding-top: 77px;
	padding-bottom: 2rem;
}
.sHistory {
	position: relative;
}
.containerTeam {
	max-width: 1400px;
}
.gridTeam {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: 20px;
}
.cardTeam {
	color: var(--main-blue);
	max-width: 320px;
	transition: all 0.3s;
}
.cardTeamFigure {
	border-radius: 10px;
	filter: grayscale(1);
	overflow: hidden;
	position: relative;
}
.cardTeamFigure img {
	transition: all 0.3s;
	width: 100%;
}
.cardTeam:hover .cardTeamFigure {
	filter: grayscale(0);
}
.cardTeam:hover .cardTeamFigure img {
	transform: scale(1.08);
}
.cardTeamName {
	font: 24px/28px "metropolisSemiBold";
	line-height: 32px;
	margin: 16px 0 10px;
}
.cardTeamPuesto {
	font: 16px/22px "metropolisRegular";
}
.cardTeamActions {
	display: flex;
	gap: 12px;
	margin: 16px 0 24px;
	opacity: 0;
}
.cardTeam:hover .cardTeamActions {
	opacity: 1;
}
.btnMainMail {
	background-color: #fff0;
	font-size: 16px;
	height: 32px;
	padding: 6px 20px;
	max-width: fit-content;
}
.boxLinkedin {
	background-color: #007ab9;
	border-radius: 4px;
	height: 32px;
	width: 32px;
}
.blockArrow {
	background-color: var(--main-orange);
	border-radius: 10px 0 10px 0;
	bottom: 0;
	height: 44px;
	justify-content: center;
	opacity: 0;
	position: absolute;
	right: 0;
	transition: all 0.3s;
	width: 44px;
}
.blockArrow img {
	filter: var(--cFilterWhite);
	transition: all 0.3s;
	width: 16px;
}
.blockArrow.accordion-button::after {
	display: none;
}
.blockArrow.accordion-button:not(.collapsed) img {
	transform: rotate(180deg);
}
.cardTeam:hover .blockArrow {
	opacity: 1;
}
.cardTeam .accordion-button:not(.collapsed) {
	background-color: var(--main-orange);
}
.cardTeam .accordion-body {
	background-color: #f3f3f3;
	color: var(--main-blue);
	font: 18px/22px "metropolisRegular";
	padding: 0;
	padding-bottom: 24px;
}
.cardTeam .accordion-item {
	border: none;
}
.copyMain {
	color: var(--main-blue);
	font: 16px/22px "metropolisRegular";
	margin: 20px 0 28px;
}
.sSolutionsWhite {
	background-color: var(--main-white);
}
.boxSticky {
	position: sticky;
	top: 0;
}
.contentHeadHistory {
	max-width: 475px;
}
.figureHead {
	height: 54px;
	margin-bottom: 16px;
	width: 54px;
}
.figureHead img {
	width: 100%;
}
.flexTimeline {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.itemHistory,
.fixedmenu {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
	/* max-width:404px */
}
.itemHistory a {
	color: var(--main-blue);
	font: 24px/30px "metropolisSemiBold";
}
.itemHistory a:hover {
	color: var(--main-orange);
}
nav.fixedmenu .active-section {
	color: var(--main-orange);
}
.containerTimeline {
	height: 100vh;
	overflow-y: scroll;
	margin-top: 40px;
	position: relative;
}
.containerTimeline::-webkit-scrollbar {
	display: none;
	width: 2px;
	height: 0;
}
.boxTimeline {
	display: flex;
	flex-direction: column;
	align-items: end;
	padding-top: 90px;
	position: relative;
}
.headTimeLine {
	max-width: 696px;
}
.headTimeLine .accordion-item {
	color: var(--main-blue);
	background-color: #fff0;
	border: none;
}
.titleTimeline,
.subtitleTimeline {
	font: 32px/38px "metropolisSemiBold";
	margin-bottom: 5px;
	position: relative;
}
.titleTimeline::before {
	content: "";
	background-color: #c3c0c0;
	height: 2px;
	left: -40px;
	position: absolute;
	top: 32px;
	width: 24px;
}
.boxTimeline::before {
	content: "";
	background-color: #afa6a6;
	height: 100%;
	left: 24px;
	position: absolute;
	top: 0;
	width: 2px;
	z-index: 0;
}
.subtitleTimeline {
	color: var(--main-orange);
	margin-bottom: 32px;
}
.copyTimeline {
	font: 16px/22px "metropolisRegular";
	margin-bottom: 40px;
}
.copyTimeline a {
	color: var(--main-blue);
	font-family: "metropolisBold";
}
.copyTimeline a:hover {
	color: var(--main-orange);
}
.figureTimeline {
	height: 306px;
	max-width: 845px;
	position: relative;
	z-index: 0;
}
.figureTimeline img {
	border-radius: 8px;
	height: 100%;
	width: 100%;
}
.figureTimeline .blockArrow {
	pointer-events: none;
}
.boxTimeline .collapse:not(.show) {
	display: block;
}
.sContact {
	background-color: #f3f3f3;
	padding: 80px 0;
}
.titleBannerContact {
	font-size: 60px;
}
.copyBannerContact {
	max-width: 700px;
}
.copyMainContact {
	font-size: 24px;
}
.accordionQuestions .accordion-header {
	padding-bottom: 20px;
}
.accordionCopy {
	color: var(--main-blue);
	font: 16px/22px "metropolisRegular";
	margin: 0 32px;
}
.footerContact {
	padding-top: 90px;
}
.linkContact {
	font: 16px/20px "metropolisRegular";
}
.linkContact a {
	color: var(--main-blue);
	font-weight: 600;
}
.linkBlock {
	display: block;
	width: max-content;
}
.titleForm {
	font: 22px/26px "metropolisRegular";
	margin-bottom: 20px;
}
.containerCards {
	display: flex;
}
.containerCards .form-check {
	border: solid 2px var(--main-blue);
	border-radius: 20px;
	height: 160px;
	padding: 0;
	width: 236px;
}
.flexCardsServices {
	display: none;
	gap: 8px;
}
.flexCardsServices .boxCard:nth-child(1) label {
	padding-right: 42px;
}
.boxCard {
	position: relative;
	max-width: 236px;
	width: 100%;
}
.boxCard input {
	position: absolute;
	overflow: hidden;
	opacity: 0;
}
.boxCard label {
	border: solid 2px var(--main-blue);
	border-radius: 20px;
	cursor: pointer;
	font: 18px/24px "metropolisSemiBold";
	height: 100%;
	letter-spacing: -0.8px;
	padding: 84px 20px 24px 18px;
	width: 100%;
}
.flexCardsServices .boxCard:nth-child(4) label {
	padding-right: 60px;
}
.boxCardEsp label {
	letter-spacing: -0.8px;
}
.boxFormEsp .boxCard label {
	padding-right: 36px;
}
.boxCard img {
	left: 20px;
	position: absolute;
	top: 20px;
	width: 60px;
	pointer-events: initial;
}
.boxCard:nth-child(1) img,
.boxCard:nth-child(3) img {
	height: 50px;
	width: 70px;
}
.boxCard input:checked + label {
	background: #fff0 linear-gradient(147deg, #ffffff -80%, #248ffc 100%) 0% 0% no-repeat padding-box;
	border-color: #fff0;
	color: var(--main-white);
}
.boxCard input:checked + label img {
	filter: var(--cFilterWhite);
}
.formContent {
	margin: 20px 0;
}
.formGroup {
	margin-bottom: 12px;
}
.formGroup input {
	background-color: #fff0;
	border: none;
	border-bottom: solid 1px var(--main-blue);
	color: var(--main-blue);
	font: 20px/28px "metropolisRegular";
	margin-bottom: 12px;
	padding: 20px;
	width: 100%;
}
.formGroup input::placeholder {
	color: rgb(23 55 94 / 0.7);
}
.formGroup input:focus-visible {
	outline: none;
}
.formInput.invalid {
	border-color: #e34e4e;
}
.textMessage {
	display: none;
	color: #e34e4e;
	font: 15px/30px "metropolisRegular";
	padding-left: 20px;
}
.textMessage.invalid {
	display: block;
}
.boxAgreePolicy {
	margin-bottom: 32px;
}
.boxAgreePolicy .textMessage {
	padding-left: 44px;
}
.boxAgree {
	display: flex;
	gap: 20px;
}
.boxAgreeText {
	color: var(--main-blue);
	font-size: 18px;
	margin-left: 16px;
	position: relative;
	top: 3px;
}
.boxAgreeText a {
	color: var(--main-orange);
	text-decoration: underline;
}
.boxAgree input {
	cursor: pointer;
	display: none;
	height: initial;
	margin-bottom: 0;
	padding: 0;
	width: initial;
}
.boxAgree label {
	position: relative;
	cursor: pointer;
}
.boxAgree label:before {
	content: "";
	background-color: var(--main-white);
	border: 2px solid var(--main-orange);
	border-radius: 4px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 0.05), inset 0 -15px 10px -12px rgb(0 0 0 / 0.05);
	cursor: pointer;
	display: inline-block;
	height: 24px;
	padding: 10px;
	position: relative;
	vertical-align: middle;
}
.boxAgree input:checked + label:before {
	background-color: var(--main-orange);
}
.boxAgree input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid var(--main-white);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.ml24 {
	margin-left: 24px;
}
.confirmation {
	align-items: center;
	background-color: #f3f3f3;
	color: var(--main-blue);
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
.confirmationFigure {
	max-width: 409px;
}
.confirmationFigure img {
	width: 100%;
}
.confirmationTitle {
	font: 90px/60px "metropolisSemiBold";
	margin-bottom: 24px;
}
.confirmationBox {
	margin-bottom: 60px;
}
.confirmationCopy {
	font: 24px/32px "metropolisRegular";
	text-align: center;
}
.btnDisabled {
	background-color: #b1b1b1;
}
.accordionCopy a {
	color: var(--main-blue);
	font-family: "metropolisSemibold";
}
.accordionCopy a:hover {
	color: var(--main-orange);
}
.sLegal {
	background-color: #f3f3f3;
	padding: 90px 0 1px;
}
.sLegalAlt {
	padding-bottom: 110px;
}
.sBannerLegalOverview {
	height: 400px;
}
.boxLegal {
	margin-bottom: 70px;
}
.titleLegal {
	font: 24px/30px "metropolisSemiBold";
	margin-bottom: 28px;
}
.copyLegal {
	font: 16px/22px "metropolisRegular";
	margin-bottom: 16px;
}
.ulLegal {
	margin-bottom: 30px;
}
.ulLegal li {
	font: 16px/22px "metropolisRegular";
	margin-bottom: 12px;
	margin-left: 32px;
	position: relative;
}
.ulLegal li:before {
	content: "";
	background-color: var(--main-orange);
	border-radius: 12px;
	position: absolute;
	left: -20px;
	height: 8px;
	top: 7px;
	width: 8px;
}
.boxActionLegal {
	margin-top: 90px;
}
.sCookie {
	background-color: var(--main-white);
	box-shadow: 0 -3px 6px #0000001c;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1;
}
.flexCookie {
	align-items: center;
	display: flex;
	gap: 60px;
	justify-content: space-between;
	padding: 40px 0;
}
.copyCookie {
	font: 18px/22px "metropolisRegular";
	max-width: 683px;
}
.copyCookie a {
	color: var(--main-orange);
}
.btnActionCookie {
	display: flex;
	gap: 24px;
}
.tableCookie {
	margin-top: 32px;
	width: 100%;
}
.tableCookie th,
.tableCookie td {
	border: solid 1px var(--main-blue);
	font: 14px/16px "metropolisRegular";
	height: 62px;
	padding: 8px;
	text-align: center;
}
.tableCookie th {
	background-color: var(--main-blue);
	border-color: #a6a5a1;
	color: var(--main-white);
	font-weight: 500;
}
.boxLegal a {
	color: var(--main-blue);
	font-family: "metropolisBold";
}
.sBlogOverview {
	padding: 90px 0;
}
.titleMainBlog {
	margin-bottom: 70px;
	text-align: center;
}
.article-grid {
	display: grid;
	column-gap: 18px;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	row-gap: 54px;
}
.cardBlogPost {
	max-width: 428px;
}
.cardBlogFooter {
	margin-top: 16px;
}
.cardBlogDate {
	color: var(--main-blue);
	font: 14px/22px "metropolisSemiBold";
	letter-spacing: -0.21px;
}
.cardBlogPost .cardBlogTitle {
	font-size: 24px;
	margin-bottom: 18px;
}
.cardBlogPost .cardBlogCopy {
	font-size: 16px;
	height: auto;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-right: 0;
	display: --webkit-box;
}
.articleHeader {
	background-color: #f3f3f3;
	padding: 9rem 0 54px;
}
.articleRowActions {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}
.articleBtnBack {
	background-color: var(--main-white);
	border: 1px solid var(--main-blue);
	border-radius: 5px;
	color: var(--main-blue);
	font: 12px/22px "metropolisRegular";
	height: 28px;
	letter-spacing: -0.18px;
	padding: 3px 12px;
	width: max-content;
}
.articleBtnBack i {
	color: var(--main-blue);
	margin-right: 8px;
	font-weight: 800;
}
.articleBtnBack:hover,
.articleBtnBack:hover i {
	background-color: var(--main-blue);
	color: var(--main-white);
}
.articleBanner {
	border-radius: 20px;
	height: 480px;
	margin: 32px 0 20px;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
}
.articleBanner img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.articleBody {
	padding: 60px 0;
}
.articleBody p {
	font: 16px/26px "metropolisRegular";
}
.articleBody strong,
.articleBody a {
	color: var(--main-blue);
	font-family: "metropolisBold";
	transition: all 0.2s;
}
.articleBody a:hover {
	color: var(--main-orange);
}
.articleTitle {
	font: 24px/34px "metropolisBold";
	margin-bottom: 28px;
}
.articleSubtitle {
	font: 27px/27px "metropolisSemiBold";
	margin-bottom: 15px;
}
.articleFigure {
	max-width: 500px;
	width: 100%;
}

.articleFigure2 img {
	width: 100%;
}
.articleFigure img {
	aspect-ratio: 1;
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.articleFlex {
	display: flex;
	gap: 25px;
	margin: 30px 0 40px;
}
.articleFlexContent {
	flex: 1;
}
.articleListItem {
	margin-left: 20px;
	position: relative;
	padding-left: 20px;
}

.articleListItem::before {
	content: "";
	background-color: var(--main-orange);
	border-radius: 12px;
	height: 8px;
	width: 8px;
	position: absolute;
	left: 0;
	top: 6px; /* ajusta según alineación con el texto */
}
.articleList {
	margin-bottom: 28px;
}
.articleList2 {
	list-style-type: disc; /* Muestra bullets clásicos */
	padding-left: 1.5em; /* Deja espacio para los bullets */
}

.articleList:last-child {
	margin-bottom: 0;
}
.articleListTitle {
	font: 20px/22px "metropolisSemiBold";
	margin-bottom: 16px;
	padding-left: 20px;
	position: relative;
}

.articleh3 {
	font: 20px/22px "metropolisSemiBold";
}

.articleListTitle::before {
	content: "";
	background-color: var(--main-orange);
	border-radius: 12px;
	height: 8px;
	left: 0;
	top: 8px;
	position: absolute;
	width: 8px;
}
.articleList3 p {
	margin-left: 20px;
}

.sArticle {
	margin-bottom: 30px;
}
.sArticleAlt {
	margin-bottom: 60px;
}
.articleDesktop {
	display: block;
}
.articleMobile {
	display: none;
}
.searchBoxMb {
	margin-bottom: 76px;
}
.searchBox {
	align-items: center;
	background-color: #e9e9e9;
	border-radius: 23px;
	color: var(--main-blue);
	display: flex;
	gap: 4px;
	font: 18px/22px "metropolisRegular";
	height: 42px;
	max-width: 390px;
	padding: 9px 24px;
}
.searchBox img {
	height: 24px;
	width: 24px;
}
.searchBox input {
	background-color: #e9e9e9;
	border: none;
	color: var(--main-blue);
	flex: 1;
}
.searchBox input::placeholder {
	color: var(--main-blue);
}
.searchBox input:focus-visible {
	outline: none;
}
.paginationMt {
	margin-top: 95px;
}
.paginationBox {
	display: flex;
	justify-content: center;
	gap: 8px;
}
.paginationItem {
	align-items: center;
	background-color: #e9e9e9;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	height: 25px;
	font: 14px/14px "metropolisRegular";
	transition: all 0.3s;
	width: 25px;
}
.paginationItem.active,
.paginationItem.active:hover {
	background-color: var(--main-white);
	border: solid 1px var(--main-blue);
	color: var(--main-blue);
}
.paginationItem:hover {
	background-color: var(--main-blue);
	color: var(--main-white);
}
.boxSocial {
	display: flex;
	gap: 8px;
}
.btnShare {
	align-items: center;
	background-color: var(--main-blue);
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	height: 36px;
	width: 36px;
}
.btnShareFacebook:hover {
	background-color: #3f51b5;
}
.btnShareTwitter:hover {
	background: #fff0 linear-gradient(137deg, #4b4b4b 0%, #0f0f0f 100%) 0% 0% no-repeat padding-box;
}
.btnShareLinkedin:hover {
	background-color: #0288d1;
}
.btnShareMail:hover {
	background-color: var(--main-orange);
}
.mainCase {
	display: grid;
	grid-template-columns: 420px 1fr;
	column-gap: 90px;
}
.asideCase .boxCase:first-child {
	margin-bottom: 36px;
}
.boxCase {
	background-color: #f3f3f3;
	border-radius: 24px;
	padding: 24px 32px;
}
.boxCaseTitle,
.casePhase {
	color: var(--main-orange);
	font: 24px "metropolisBold";
	letter-spacing: 2px;
	margin-bottom: 16px;
	position: relative;
	text-transform: uppercase;
}
.boxCaseSubtitle {
	font: 18px "metropolisBold";
	padding-right: 40px;
}
.boxCaseSubtitleAlt {
	padding-right: 6rem;
}
.boxCaseText {
	font: 20px/24px "metropolisRegular";
}
.boxCaseContent {
	font: 30px/40px "metropolisBold";
	text-transform: uppercase;
}
.boxCaseContent span {
	font-size: 40px;
}
.caseTitle {
	font: 24px/34px "metropolisBold";
	letter-spacing: 3px;
	margin-bottom: 32px;
	text-transform: uppercase;
}
.padR {
	padding-right: 32px;
}
.padRTwo {
	padding-right: 54px;
}
.caseSubtitle {
	font: 18px/28px "metropolisBold";
	margin-bottom: 32px;
}
.caseContainer {
	padding-left: 20px;
	margin-bottom: 54px;
}
.caseContainer > div:first-child {
	margin-bottom: 40px;
}
.casePhase {
	line-height: 32px;
	margin-bottom: 16px;
}
.casePhaseTitle {
	font: 18px/28px "metropolisSemiBold";
	margin-bottom: 16px;
}
.caseList {
	margin: 16px 0 0 32px;
}
.caseList li {
	font-size: 16px;
	position: relative;
}
.casePhase::before,
.caseList li::before {
	content: "";
	background-color: var(--main-orange);
	border-radius: 8px;
	left: -16px;
	height: 8px;
	position: absolute;
	top: 10px;
	width: 8px;
}
.casePhase::before {
	left: -20px;
}
.boxKeyOutcomes {
	margin-top: 56px;
}
.keyOutcomes {
	display: grid;
	grid-template-columns: 268px 350px 263px;
	grid-template-columns: 284px 350px 280px;
}
.keyOutcomesAlt {
	grid-template-columns: 330px 334px 250px;
}
.boxCaseTextAlt {
	padding: 0 52px;
}
.caseCol {
	position: relative;
	text-align: center;
}
.caseCol .boxCaseText {
	line-height: 24px;
}
.caseColMid {
	margin: 0 8px;
}
.caseColMid::before,
.caseColMid::after {
	content: "";
	background-color: var(--main-orange);
	height: 90px;
	width: 2px;
	top: 0;
	position: absolute;
}
.caseColMid::before {
	left: 0;
}
.caseColMid::after {
	right: 0;
}
.cardTestimonial {
	align-items: center;
	background-color: #f3f3f3;
	border-radius: 25px;
	display: flex;
	gap: 100px;
	padding: 52px 76px 40px;
}
.cardTestimonial .caseSubtitle {
	margin-bottom: 0;
}
.cardTestimonialText span {
	font-size: 100px;
}
.cardTestimonialText {
	font-style: italic;
	position: relative;
	padding: 36px 80px 0 56px;
}
.cardTestimonialText::before {
	content: "“";
	left: 16px;
	font-size: 100px;
	font-style: normal;
	position: absolute;
	top: 32px;
}
.caseAction {
	padding: 80px 0 20px;
	text-align: center;
}
.caseActionTitle {
	letter-spacing: 2.4px;
	font: 24px "metropolisBold";
	text-transform: uppercase;
	margin-bottom: 20px;
}
.boxBtnCase a {
	color: var(--main-white);
	font-family: inherit;
}
.boxBtnCase a:hover {
	color: var(--main-white);
}
.sectionProduct {
	padding: 80px 0;
}
.sectionProduct .tabContentFlex {
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.sectionProduct .tabContentFlex img {
	box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0.161);
	border-radius: 20px;
	max-width: 840px;
}

.sectionProduct .btnMain {
	border-color: var(--main-orange);
}
.sectionProduct .tabContent {
	align-items: center;
	display: flex;
	height: 641px;
	padding-left: 86px;
	padding-right: 86px;
}
.titleBannerProduct {
	max-width: 1090px;
}
.titleBannerProductAlt {
	max-width: 1210px;
}
.copyBannerProduct {
	margin-top: 20px;
	max-width: 1086px;
}
.copyBannerProductControl {
	max-width: 1080px;
}
.sectionProductScheme,
.sectionProductInterchange,
.sectionProductBudget {
	position: relative;
}
.sectionProductScheme::before,
.sectionProductInterchange::before,
.sectionProductBudget::before {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.02;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.sectionProductScheme::before {
	content: "";
	background: url(./../images/icon/products/scheme-fee-manager.svg) no-repeat;
	background-size: 36%;
	background-position: 90% center;
}
.sectionProductInterchange::before {
	content: "";
	background: url(./../images/icon/products/interchange-platform.svg) no-repeat;
	background-size: 40%;
	background-position: 90% center;
	z-index: -1;
}
.sectionProductBudget::before {
	content: "";
	background: url(./../images/icon/products/budget-tool.svg) no-repeat;
	background-size: 36%;
	background-position: 90% center;
}
.boxBtnBannerProduct {
	margin-top: 24px;
}
.boxBtnBannerProduct .btnMain {
	border: none;
}

.sProductReady {
	text-align: center;
	padding: 80px 0px;
}
.productReadyHeader {
	margin-bottom: 32px;
}
.productReadyTitle {
	font: 32px/38px "metropolisSemiBold";
}
.productReadyTitleAlt {
	color: var(--main-orange);
}
.productReadyText {
	font: 18px/24px "metropolisRegular";
	margin: 0 auto 18px;
}
.productReadyText strong {
	font-family: "metropolisMedium";
}
.productReadyTextAlt {
	max-width: 1054px;
	max-width: 1194px;
}
.productReadyTextTwo {
	max-width: 1176px;
}
.sProductFeature {
	padding: 90px 0;
}
.sProductFeatureAlt {
	background-color: #f3f3f3;
}
.productFeatureHead {
	color: var(--main-blue);
	margin-bottom: 32px;
}
.titleProductFeature {
	font: 32px/38px "metropolisSemiBold";
	margin-bottom: 28px;
}
.titleProductFeature1136 {
	max-width: 1136px;
}
.titleProductFeature946 {
	max-width: 946px;
}
.titleProductFeature932 {
	max-width: 932px;
}
.titleProductFeature808 {
	max-width: 808px;
}
.titleProductFeature670 {
	max-width: 670px;
}
.titleProductFeature616 {
	max-width: 616px;
}
.subtitleProductFeature {
	font: 18px/22px "metropolisRegular";
	max-width: 1264px;
}
.subtitleProductFeature strong {
	color: var(--main-orange);
}
.titleProductTab {
	max-width: 1120px;
}
.productFeatureBodyImg {
	text-align: center;
}
.productFeatureListBox {
	margin: 32px 0;
}
.productFeatureList {
	color: var(--main-orange);
	font: 24px "metropolisSemiBold";
	margin-bottom: 32px;
}
.productFeaturesFlex {
	align-items: center;
	display: flex;
	gap: 100px;
}
.productFeaturesCenter {
	justify-content: center;
}
.cardProduct .cardServicesTitleBack {
	max-width: 196px;
}
.cardProductSubtitle {
	color: var(--main-orange);
	font-family: "metropolisSemibold";
}
.boxProductFeature {
	border-radius: 25px;
	box-shadow: -20px 25px 25px #00000014;
}
.boxProductFeatureAlt {
	box-shadow: 20px 25px 25px #00000014;
}
.productFeaturesBtn {
	color: var(--main-orange);
	display: inline-block;
	font: 20px "metropolisBold";
	margin-top: 16px;
}
.titleProductFeature764 {
	max-width: 764px;
}
.titleBannerProductInterchange,
.titleProductFeature1040 {
	max-width: 1040px;
}
.titleProductFeature840 {
	max-width: 840px;
}
.titleProductFeature1240 {
	max-width: 1240px;
}
.titleProductFeature1070 {
	max-width: 1070px;
}
.cardServicesButton:focus-visible {
	background-color: var(--main-orange);
	color: var(--main-white);
}
.btnMainOne:focus-visible,
.btnMainFooter:focus-visible {
	background-color: var(--main-orange);
	color: var(--main-white);
}
.cardBlog:focus-visible,
.article-grid a:focus-visible {
	border: solid 2px var(--main-blue);
	border-radius: 24px;
	padding: 4px;
}
.accordionFooter .accordionBodyUl a:focus-visible,
.footerTwoUl a:focus-visible,
.sArticle a:focus-visible,
.articleList a:focus-visible,
.linkContact a:focus-visible {
	color: var(--main-orange);
}
.padR a:focus-visible,
.padRTwo a:focus-visible {
	color: var(--main-orange);
}
.linkServices:focus-visible {
	outline: solid 2px var(--main-blue);
	border-radius: 8px;
}
.linkServices:focus-visible h2 {
	color: var(--main-orange);
}
.tabsLink:focus-visible {
	box-shadow: 0 0 3px 0 var(--main-orange);
}
.boxWhyLink:focus-visible {
	border-radius: 8px;
	padding: 4px;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button:focus-visible {
	border-radius: 8px;
	color: var(--main-orange);
	outline: solid 1px var(--main-blue);
	padding: 4px;
}
.itemHistory a:focus-visible {
	border-radius: 4px;
	padding: 4px;
}
.articleBtnBack:focus-visible,
.articleBtnBack:focus-visible i {
	background-color: var(--main-blue);
	color: var(--main-white);
}

.finalText-blog {
	color: #676767;
}
.btnShare:focus-visible {
	outline: solid 3px var(--main-orange);
}
.mobilePortrait {
	display: none;
}
.mobilePortraitBox {
	align-items: center;
	display: flex;
	gap: 20px;
}
.mobilePortraitBox h2 {
	font: 6vw/6vw "metropolisBold";
	max-width: 360px;
}
.mobilePortraitBox span {
	color: var(--main-orange);
}
.mobilePortraitBox img {
	width: 40vw;
}
.mobilePortraitFigure {
	max-width: 170px;
}
.mobilePortraitFigure img {
	width: 100%;
}

.btnLinkedin img {
	height: 30px;
	margin-top: 12px;
}

.dropdownSubMenu2 {
	gap: 2rem;
	padding: 1rem;
}

.product-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	max-width: 220px;
}

.product-item img {
	margin-top: 5px;
	display: none; /*por ahora*/
}

.navbar-nav > li.nav-item:nth-of-type(3) .product-item img,
.navbar-nav > li.nav-item:nth-of-type(4) .product-item img {
	display: none; /*para resources y about us*/
}

.shadow-blue {
	box-shadow: 0 2px 6px rgba(0, 81, 255, 0.103);
}

.title {
	font-weight: 300;
	color: #0a1f44;
	margin: 0;
	font-size: 14px;
	margin-bottom: 5px;
}

.title:hover {
	color: var(--main-orange);
}

.desc {
	font-size: 12px !important;
	font-weight: lighter !important;
	color: #5f6a7e !important;
	margin: 0;
	cursor: default;
}

.dropdownTitle {
	margin-bottom: 20px;
}

.dropdownTitle p {
	font-size: 14px;
	margin-bottom: 1.5rem;
	color: #0a1f44;
}

.dropdownTitle p:hover {
	color: var(--main-orange);
}

.product-submenu {
	display: flex;
	align-items: flex-start;
	gap: 2rem; /*por ahora*/
}

.btn1,
.btn2,
.btnMainThree,
.btn3,
.btnCTA1,
.btnCTA2 {
	width: 135px;
	height: 35px;
	border: 0;
	position: relative;
	border-radius: 26px;
	color: #fff;
	font-size: 16px;
	z-index: 0;
	background: #fa942e;
	cursor: pointer;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;

	.text,
	.icon-container {
		position: relative;
		z-index: 2;
	}

	.icon-container {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 4px;
		font-size: 16px;
		transition: transform 500ms ease;

		i {
			font-weight: 600;
			line-height: 1;
			display: flex;
			align-items: center;
		}
	}

	&::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #ff7f00;
		border-radius: 26px;
		z-index: 1;
		transition: transform 500ms ease;
	}

	&:hover::after {
		transform: translateX(75%);
	}

	&:hover .icon-container {
		transform: translateX(9px);
	}
}

.btn2 {
	width: 150px;
	&:hover::after {
		transform: translateX(77%);
	}
}

.btnMainThree,
.btn3 {
	font: 21px "metropolisSemiBold";
	height: 42px;
	width: 210px;
	font-size: 18px;

	&:hover::after {
		transform: translateX(77%);
	}

	&:hover .icon-container {
		transform: translateX(25px);
	}
}

.btn3 {
	&:hover .icon-container {
		transform: translateX(21px);
	}
}

.btnCTA1 {
	height: 42px;
	width: 175px;
	font: 14px "metropolisRegular";

	&:hover::after {
		transform: translateX(77%);
	}

	&:hover .icon-container {
		transform: translateX(11px);
	}
}

.btnCTA2 {
	height: 42px;
	width: 140px;
	font: 14px "metropolisRegular";

	&:hover::after {
		transform: translateX(70%);
	}

	&:hover .icon-container {
		transform: translateX(14px);
	}
}

.overlay {
	position: fixed;
	inset: 0;
	background: rgba(23, 55, 94, 0.55);
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	pointer-events: none; /* evita clics cuando está oculto */
}

.overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto; /* activa clics cuando se muestra */
}

.dropdown-menu-k {
	position: relative;
	z-index: 9;
}

.dropdown-content-k {
	display: none;
}

.dropdown-menu-item:hover .overlay,
.boxMenuRight.dropdown-menu-item:hover .overlay {
	display: block;
}

.email-container {
	background: #ffffff;
	padding: 6px 8px;
	border-radius: 999px;
	box-shadow: 5px 0px 30px rgba(0, 81, 255, 0.082);
	display: flex;
	max-width: 450px;
	width: 100%;
	margin-top: 25px;
}

.email-container input {
	border: none;
	outline: none;
	padding: 4px 16px;
	flex: 1;
	border-radius: 999px 0 0 999px;
	font-size: 16px;
}

.email-container input::placeholder {
	color: #17375e;
	font-weight: 100;
}

.email-container input[type="email"] {
	color: #17375e;
}