@charset "UTF-8";

:root {
--ar-gray-900: #5f6060;
--ar-body-color: #5f6060;
--ar-gray-800: #5f6060;
--ar-dark-rgb:#5f6060;
--ar-btn-color:#5f6060;
    
--bdi-green:#82a632;
--bdi-green-hover:#6f8c1f;
--bdi-gray:#7f7f7f;
--bdi-gray-hover:#585858;
--bdi-yellow:#FFC700;
--ar-primary:#223d72;--ar-primary-rgb:34,61,114;--ar-warning-rgb:255,92,0;--ar-warning-rgb:255,92,0;--ar-info-rgb:#0059FF;--ar-info-rgb:0,89,255;--ar-success:#08875B;--ar-success-rgb:8,135,91;--ar-danger:#EB003B;--ar-danger-rgb:235,0,59;--ar-link-color:#223d72;--ar-link-hover-color:#092459;}

.btn-primary{--ar-btn-bg:#223d72;--ar-btn-border-color:#223d72;--ar-btn-hover-bg:#092459;--ar-btn-hover-border-color:#092459;--ar-btn-active-bg:#092459;--ar-btn-active-border-color:#092459;--ar-btn-disabled-bg:#223d72;--ar-btn-disabled-border-color:#223d72;}
.btn-warning{--ar-btn-bg:#FF5C00;--ar-btn-border-color:#FF5C00;--ar-btn-hover-bg:#e64300;--ar-btn-hover-border-color:#e64300;--ar-btn-active-bg:#e64300;--ar-btn-active-border-color:#e64300;--ar-btn-disabled-bg:#FF5C00;--ar-btn-disabled-border-color:#FF5C00;}
.btn-info{--ar-btn-bg:#0059FF;--ar-btn-border-color:#0059FF;--ar-btn-hover-bg:#0040e6;--ar-btn-hover-border-color:#0040e6;--ar-btn-active-bg:#0040e6;--ar-btn-active-border-color:#0040e6;--ar-btn-disabled-bg:#0059FF;--ar-btn-disabled-border-color:#0059FF;}
.btn-success{--ar-btn-bg:#08875B;--ar-btn-border-color:#08875B;--ar-btn-hover-bg:#006e42;--ar-btn-hover-border-color:#006e42;--ar-btn-active-bg:#006e42;--ar-btn-active-border-color:#006e42;--ar-btn-disabled-bg:#08875B;--ar-btn-disabled-border-color:#08875B;}
.btn-danger{--ar-btn-bg:#EB003B;--ar-btn-border-color:#EB003B;--ar-btn-hover-bg:#d20022;--ar-btn-hover-border-color:#d20022;--ar-btn-active-bg:#d20022;--ar-btn-active-border-color:#d20022;--ar-btn-disabled-bg:#EB003B;--ar-btn-disabled-border-color:#EB003B;}
.btn-outline-primary{--ar-btn-color:#223d72;--ar-btn-border-color:#223d72;--ar-btn-hover-bg:#223d72;--ar-btn-hover-border-color:#223d72;--ar-btn-active-bg:#223d72;--ar-btn-active-border-color:#223d72;--ar-btn-disabled-color:#223d72;--ar-btn-disabled-border-color:#223d72;}
.btn-outline-warning{--ar-btn-color:#FF5C00;--ar-btn-border-color:#FF5C00;--ar-btn-hover-bg:#FF5C00;--ar-btn-hover-border-color:#FF5C00;--ar-btn-active-bg:#FF5C00;--ar-btn-active-border-color:#FF5C00;--ar-btn-disabled-color:#FF5C00;--ar-btn-disabled-border-color:#FF5C00;}
.btn-outline-info{--ar-btn-color:#0059FF;--ar-btn-border-color:#0059FF;--ar-btn-hover-bg:#0059FF;--ar-btn-hover-border-color:#0059FF;--ar-btn-active-bg:#0059FF;--ar-btn-active-border-color:#0059FF;--ar-btn-disabled-color:#0059FF;--ar-btn-disabled-border-color:#0059FF;}
.btn-outline-success{--ar-btn-color:#08875B;--ar-btn-border-color:#08875B;--ar-btn-hover-bg:#08875B;--ar-btn-hover-border-color:#08875B;--ar-btn-active-bg:#08875B;--ar-btn-active-border-color:#08875B;--ar-btn-disabled-color:#08875B;--ar-btn-disabled-border-color:#08875B;}
.btn-outline-danger{--ar-btn-color:#EB003B;--ar-btn-border-color:#EB003B;--ar-btn-hover-bg:#EB003B;--ar-btn-hover-border-color:#EB003B;--ar-btn-active-bg:#EB003B;--ar-btn-active-border-color:#EB003B;--ar-btn-disabled-color:#EB003B;--ar-btn-disabled-border-color:#EB003B;}

/*////////////ALL GRAY TEXTS STYLES//////////////*/
.btn-outline-secondary {
    --ar-btn-color:#5f6060!important;
}

/*////////////COLOR STYLES//////////////*/
.bg-primary .breadcrumb {--ar-breadcrumb-item-active-color: #fff;}
.bg-primary .breadcrumb-item.active {color: #fff!important;}
.bg-green{ background-color:var(--bdi-green)}
.breadcrumb {--ar-breadcrumb-item-active-color: var(--ar-primary);}
.breadcrumb-item.active {color: var(--ar-primary)!important;}
a:-webkit-any-link{cursor:pointer!important;pointer-events: auto!important;}
a.green-link { color: var(--bdi-green);}
a.green-link:hover { color: var(--bdi-green-hover);}
.text-bdi-green{color:var(--bdi-green)}
.text-gray{color:var(--bdi-gray)}
.text-yellow{color:var(--bdi-yellow)}
.btn-outline-bdi-green {
    --ar-btn-color: var(--bdi-green);
    --ar-btn-border-color: var(--bdi-green);
    --ar-btn-hover-bg: var(--bdi-green);
    --ar-btn-hover-border-color: var(--bdi-green);
    --ar-btn-active-bg: var(--bdi-green);
    --ar-btn-active-border-color: var(--bdi-green);
    --ar-btn-disabled-color: var(--bdi-green);
    --ar-btn-disabled-border-color: var(--bdi-green);
}
.btn-outline-bdi-gray {
    --ar-btn-color: var(--bdi-gray);
    --ar-btn-border-color: var(--bdi-gray);
    --ar-btn-hover-bg: var(--bdi-gray);
    --ar-btn-hover-border-color: var(--bdi-gray);
    --ar-btn-active-bg: var(--bdi-gray);
    --ar-btn-active-border-color: var(--bdi-gray);
    --ar-btn-disabled-color: var(---bdi-gray);
    --ar-btn-disabled-border-color: var(--bdi-gray);
}

.btn-bdi-green {
    --ar-btn-hover-bg: var(--bdi-green-hover);
    --ar-btn-hover-border-color: var(--bdi-green-hover);
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: var(--bdi-green-hover);
    --ar-btn-active-border-color: var(--bdi-green-hover);
    --ar-btn-bg: var(--bdi-green);
    --ar-btn-border-color: var(--bdi-green);
    --ar-btn-disabled-bg: var(--bdi-green);
    --ar-btn-disabled-border-color: var(--bdi-green);
}
.btn-bdi-gray {
    --ar-btn-hover-bg: var(--bdi-gray-hover);
    --ar-btn-hover-border-color: var(--bdi-gray-hover);
    --ar-btn-hover-color: #fff;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: var(--bdi-gray-hover);
    --ar-btn-active-border-color: var(--bdi-gray-hover);
    --ar-btn-bg: var(--bdi-gray);
    --ar-btn-border-color: var(--bdi-gray);
    --ar-btn-disabled-bg: var(--bdi-gray);
    --ar-btn-disabled-border-color: var(--bdi-gray);
}
.bg-green{background-color:var(--bdi-green)}
.text-green{color:var(--bdi-green)}
.bdi-gray{background-color: var(--bdi-gray)}

@media (max-width: 991px) {
    .width-small-100{width: 100%!important}
}

@media (max-width: 767px) {
    .ms-mobile-0{ margin-left:0!important}
}
/*////////////NAV BAR//////////////*/
header{padding: 0!important}

.menu-mobile-text{position: absolute;
    top: 6px;
    left: -56px;
}
@media (max-width: 767px) {
nav[aria-label="breadcrumb"]{display: none;}
}
.navbar-brand{ position: relative; z-index: 200}
@media (min-width: 1200px) {
.navbar-brand img{  width: 120px!important;}
.top-separation-container{ padding-top: 171px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand img { width: 100px!important}
    .top-separation-container{ padding-top: 108px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand img { width: 85px!important}
    .top-separation-container{ padding-top: 83px;}
}
@media (max-width: 767px) {
    .navbar-brand img { width: 75px!important}
    .top-separation-container{ padding-top: 90px;}
}

@media (max-width: 1199px){
.dropdown-item { white-space: normal!important;}
}
@media (min-width: 1200px){
.navbar-expand-xl .dropdown .dropdown .dropdown-toggle::after {padding-left: 16px;}
}

.second-level-left .dropdown-menu .dropdown-menu{right:100%!important; left:inherit!important}
.first-level-left > .dropdown-menu{right: 0!important;left: auto!important;}

.mode-switcher{border-bottom: 3px solid var(--ar-primary);padding-top: var(--ar-nav-link-padding-y);
    padding-bottom: var(--ar-nav-link-padding-y); position: relative; color:  var(--ar-gray-500) !important; }
.mode-switcher:hover{color:  var(--ar-gray-600) !important; }

.mode-switcher.active{color: var(--ar-primary)!important} 
.mode-switcher.active:hover{color: var(--ar-primary)!important} 

.mode-switcher.active:before{
 width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--ar-primary);
content:"";
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left: -2px
}

.primary-menu{top:-84px; position: absolute; right:0}
.main-navbar{ position: relative!important;}

@media (min-width: 1200px) {
.navbar-expand-xl {flex-wrap: wrap !important;justify-content: flex-start;}
.navbar-expand-lg .navbar-collapse {justify-content: end;}
.primary-menu {min-height: 100px;}
.secondary-menu, .menu-mode-list { flex-direction: row!important}
.menu-mode-list{flex-wrap: wrap; }
.main-menu{ margin-bottom: 0!important}
.navbar-expand-xl .navbar-nav .nav-link {padding-right: 1.05vw;padding-left: 1.05vw}
.navbar .dropdown-toggle::after {margin-left: 0;}
.navbar-expand-xl .offcanvas{ width: 100%!important}
}

@media (max-width: 1199px) {
.navbar-expand-lg .navbar-brand {width: 104px !important;}
.navbar-expand-lg .navbar-brand {width: 90px!important}
.primary-menu{position: static}
.menu-mode-list{overflow: visible;border-top: 2px solid #fff;}
.main-navbar{ position: fixed!important; }
menu.main-menu{margin-top: 58px!important; overflow: scroll; margin-bottom: 0!important}
.offcanvas-body{ padding:0px; padding-bottom: 16px}
.offcanvas-header{position: absolute;width: 100%;top: 0; display: flex; justify-content: flex-end}
.menu-mode{ padding-bottom: 24px} 
}


/*////////////HOME HERO////////////*/

.bkg-circle-home { top:-18%!important}

@media (max-width: 767px) {
    .bkg-circle-home { top:0!important}
}

.hero-main-img-container {
    padding-right: 100px
}

.wheel-anim {
  animation-name: wheel-rotation;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  top: -20px;
  max-width: 300px;
  z-index: -1;
  right: -92px;
}
.ayuda-section .wheel-anim {
left: 15px;
}



@media (max-width: 991px) {
    .wheel-anim{ max-width: 180px;top: -40px;   right: 0;}
    .hero-main-img-container {padding-right:calc(var(--ar-gutter-x)*.5);}
}

@keyframes wheel-rotation {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}


/*////////////HOME CALCULADORA////////////*/
.calc-home-img {
  margin-top: -100px;max-width: 300px;
}
@media (max-width: 991px) {
    .calc-home-img {margin-top: -60px;}
}


/*////////////CARDS////////////*/
.card-hover-primary{ transform: translateY(0px);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.card-hover-primary:hover {
    --ar-heading-color: var(--ar-gray-900) !important;
    --ar-body-color:  var(--ar-gray-900) !important;
    border-color: var(--ar-gray-100) !important;
    background-color: var(--ar-gray-100) !important;
    transform: translateY(-3px);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;
}

@media (max-width: 991px) {
.card-hover-primary{
    border-color: var(--ar-gray-100) !important;
    background-color: var(--ar-gray-100) !important;
}
.card-hover-primary:hover {
    border-color: var(--ar-gray-200) !important;
    background-color: var(--ar-gray-200) !important;
}
}

.card-hover-primary:hover .btn-outline-primary {
    --ar-btn-color: var(--ar-link-hover-color)!important;
    --ar-btn-border-color: var(--ar-link-hover-color)!important;
}

/*////////////TOOLTIP////////////*/
@media (max-width: 1199px) {
.tooltip{display:none}
}

/*////////////CREDIT CARD SLIDER////////////*/
.credit-card-item img{ width:320px; max-width:70%}

/*////////////FOOTER////////////*/
.footer-logo{filter: brightness(4);}
@media (min-width: 992px) {
    .social-footer { justify-content: end;margin-top: -12px}
}
@media (max-width: 991px) {
    .social-footer { justify-content: start;}
    .row.end-footer {flex-direction: column-reverse;}
}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
    border-color: #833AB4 !important;
    background-color: #833AB4 !important;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
    border-color: #333 !important;
    background-color: #333 !important;
}

/*////////////Page loading styles////////////*/
.page-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s .2s ease-in-out;
    transition: all .4s .2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}
.dark-mode .page-loading {
    background-color: #121519;
}
.page-loading.active {
    opacity: 1;
    visibility: visible;
}
.page-loading-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
}
.page-loading.active > .page-loading-inner {
    opacity: 1;
}
.page-loading-inner > span {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: normal;
    color: #6f788b;
}
.dark-mode .page-loading-inner > span {
    color: #fff;
    opacity: .6;
}
.page-spinner {
    display: inline-block;
    width: 2.75rem;
    height: 2.75rem;
    margin-bottom: .75rem;
    vertical-align: text-bottom;
    background-color: #d7dde2;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner .75s linear infinite;
    animation: spinner .75s linear infinite;
}
.dark-mode .page-spinner {
    background-color: rgba(255,255,255,.25);
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes spinner {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

/*////////////Valores steps////////////*/
.valores .step::after {
    bottom: -19px;
}

/*////////////Acordion ayuda////////////*/
.ayuda-section .wheel-anim {
    top: -180px!important;
}

.accordion-white.accordion-button:not(.collapsed) {
    color: #fff!important
}
.accordion-white.accordion-button:not(.collapsed)::after {
 filter: invert(1)
}

.accordion-green .accordion-button:not(.collapsed) {
    color: var(--bdi-green)!important;
}


/*////////////White-icon////////////*/

.brightness-100{filter: brightness(0) invert(1);}

/*////////////Acordion ayuda////////////*/
.view-more-less.btn{position:relative;}
.view-more-less.btn:before{content:"Ver Menos"}
.view-more-less.btn.collapsed:before{content:"Ver Más"}

/*////////////Acordion ayuda////////////*/
.news-title{height:67px}
.news-copy{height:72px}
@media (max-width: 575px) {
.news-title{height:inherit!important}
}
.text-3-rows{-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box!important}
.text-2-rows{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box!important}

/*////////////Tarjetas////////////*/
.highlight-shape{ top:-7px}
.highlight-shape svg path{transform: scaleX(1.2);}
.three-lines{ top:-24px; left:-34px}
@media (max-width: 767px) {
    .tarjeta-parallax{ transform: scale(1.5,1.5)}
}

span.underlline-anim{position:relative}
span.underlline-anim:before {
    border-bottom: 14px var(--ar-primary) solid;
    position: absolute;
    content: "";
    width: 100%;
    height: 8px;
    bottom: 0;
    opacity: 0.25
}
.mark{color:#223d7225}

/*////////////Wizard steps////////////*/
.wizard.steps-horizontal .step::after {right: inherit; left:calc(50% + 37px);}
@media (max-width: 767px) {
.wizard.steps-horizontal .step-number-inner {width: 48px!important;height: 48px!important;font-size: 16px!important;}
.wizard.steps-horizontal .step-number:after, .wizard.steps-horizontal .step-number:before{display:none}
.wizard.steps-horizontal .step {padding: 0;}
.wizard.step-number {width: inherit;}
}
#regForm .tab {display: none;}
input.invalid, select.invalid {border-color: #EB003B;}
.step.active .step-number-inner.invalid-step{ background-color:#EB003B;}
.step .step-number-inner.invalid-step{ background-color:#EB003B20;}
.step.active .step-number-inner.valid-step{ background-color:#08875B;}
.step .step-number-inner.valid-step{ background-color:#08875B20;}
.form-check input[type=checkbox] + p.text-danger{ padding-top:0px!important; position:absolute; left:50px; top:10px; width:180px}

/*///////////Cookies///////////*/


@media (max-width: 767px){
		.cookiealert button {
		display: block;
		margin: 15px auto!important;
		width: 100%; 
		max-width: 370px
	}
}
.zindex-100 {z-index: 10000!important;}
.shadow-top {box-shadow: 0 -0.5rem 1.125rem -0.5rem rgba(0, 0, 0, 0.2);}

/*///////////Selects and inputs///////////*/

.form-check-input:checked {
    background-color: var(--bdi-green);
    border-color: var(--bdi-green-hover);
}
/*select:invalid {color: #B5BBC2;}*/

/*.was-validated .form-control:invalid, .form-control.is-invalid  {
    background-image: none;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 5.5rem;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23697488' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background-position: right 1rem center,center right 3rem;
    background-size: 16px 12px,calc(0.7em + 0.825rem) calc(0.7em + 0.825rem);
}*/

/*///////////TASA MODAL///////////*/

.tasa.nav-tabs .nav-link.active, .tasa.nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: var(--bdi-green);
    border-color: var(--bdi-green);
}
.tasa.nav-tabs .nav-link{border-color: var(--bdi-green); width: 130px!important; color: var(--bdi-green); padding: 10px 20px}
.tasa.nav-tabs .nav-item{margin-right:0}
.tasa.nav-tabs .tasa-dolares .nav-link{ border-bottom-right-radius: 0px!important;border-top-right-radius: 0px!important; }
.tasa.nav-tabs .tasa-euros .nav-link{ border-bottom-left-radius: 0px!important;border-top-left-radius: 0px!important; }
@media (max-width: 767px){
.tasa-currency{width:40px; display: inline-block; text-align: center}
}

/*///////////FAQ///////////*/
.accordion-button.rounded-0 {
    border-radius: 0 !important;
}