@font-face {
    font-family: 'BentonSansBBVA-Bold';
    src: url("../fonts/BentonSansBBVA-Bold.eot");
    src: url("../fonts/BentonSansBBVA-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Bold.woff") format("woff"), url("../fonts/BentonSansBBVA-Bold.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Bold.svg#BentonSansBBVA-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSansBBVA-Book';
    src: url("../fonts/BentonSansBBVA-Book.eot");
    src: url("../fonts/BentonSansBBVA-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Book.woff") format("woff"), url("../fonts/BentonSansBBVA-Book.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Book.svg#BentonSansBBVA-Book") format("svg");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSansBBVA-BookItalic';
    src: url("../fonts/BentonSansBBVA-BookItalic.eot");
    src: url("../fonts/BentonSansBBVA-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-BookItalic.woff") format("woff"), url("../fonts/BentonSansBBVA-BookItalic.ttf") format("truetype"), url("../fonts/BentonSansBBVA-BookItalic.svg#BentonSansBBVA-BookItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSansBBVA-Light';
    src: url("../fonts/BentonSansBBVA-Light.eot");
    src: url("../fonts/BentonSansBBVA-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Light.woff") format("woff"), url("../fonts/BentonSansBBVA-Light.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Light.svg#BentonSansBBVA-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSansBBVA-Medium';
    src: url("../fonts/BentonSansBBVA-Medium.eot");
    src: url("../fonts/BentonSansBBVA-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-Medium.woff") format("woff"), url("../fonts/BentonSansBBVA-Medium.ttf") format("truetype"), url("../fonts/BentonSansBBVA-Medium.svg#BentonSansBBVA-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BentonSansBBVA-MediumItalic';
    src: url("../fonts/BentonSansBBVA-MediumItalic.eot");
    src: url("../fonts/BentonSansBBVA-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-MediumItalic.woff") format("woff"), url("../fonts/BentonSansBBVA-MediumItalic.ttf") format("truetype"), url("../fonts/BentonSansBBVA-MediumItalic.svg#BentonSansBBVA-MediumItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BentonSansBBVA-BookItalic';
    src: url("../fonts/BentonSansBBVA-BookItalic.eot");
    src: url("../fonts/BentonSansBBVA-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BentonSansBBVA-BookItalic.woff") format("woff"), url("../fonts/BentonSansBBVA-BookItalic.ttf") format("truetype"), url("../fonts/BentonSansBBVA-BookItalic.svg#BentonSansBBVA-BookItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TemposText-Regular';
    src: url("../fonts/TemposText-Regular.eot");
    src: url("../fonts/TemposText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TemposText-Regular.woff") format("woff"), url("../fonts/TemposText-Regular.ttf") format("truetype"), url("../fonts/TemposText-Regular.svg#TemposText-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TemposText-RegularItalic';
    src: url("../fonts/TemposText-RegularItalic.eot");
    src: url("../fonts/TemposText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/TemposText-RegularItalic.woff") format("woff"), url("../fonts/TemposText-RegularItalic.ttf") format("truetype"), url("../fonts/TemposText-RegularItalic.svg#TemposText-RegularItalic") format("svg");
    font-weight: normal;
    font-style: normal;
}
:root {
    --navy-blue: #072146;
    --core-blue: #004481;
    --core-blue-dark: #043263;
    --core-blue-light: #1465A5;
    --medium-blue: #1973B8;
    --medium-blue-light: #49A5E6;
    --sky-blue: #5BBEFF;
    --sky: #D4EDFC;
    --aqua: #2DCCCD;
    --aqua-dark: #028484;
    --aqua-light: #5AC4C4;
    --aqua-medium: #02A5A5;
    --aqua-white: #EAF9FA;
    --black-600: #121212;
    --black-500: #666666;
    --black-400: #BDBDBD;
    --black-300: #D3D3D3;
    --black-200: #E9E9E9;
    --black-100: #F4F4F4;
    --black-00: #FFFFFF;
    --black: #000;
    --orange: #e65f5f;
    --violet: #8f7ae5;
    --maize: #F8CD51;
}

html {
    scroll-behavior: smooth;
}
strong{
    font-family: 'BentonSansBBVA-Bold';
}
strong span a, strong span a:link{
    font-family: 'BentonSansBBVA-Bold' !important;
}
body {
    overflow-x: hidden;
    transition: margin 100ms;
    background-color: var(--navy-blue) !important;
}
p{
	margin: 0;
	padding: 0;
}
/* Table */
.table-responsive {
	padding-bottom: 150px !important;
}

/* SideBar Menu*/
#sidebarMenu {
	height: 100vh;
	overflow-y: auto;
	padding-bottom: 20px;
}

/* Helpers */

.inner {
    width: 100%;
    max-width: 1176px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

button:focus, a:focus, *:focus {outline: 0 !important;}
a, a:active {outline: none;}
a::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner,
::-moz-focus-inner {
    border: 0 !important;
}

/*Transform*/

.uppercase {
    text-transform: uppercase;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-none {
    cursor: default !important;
}


/*Align*/

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}
/* Custom margin*/
.mt-72 {
    margin-top: 72px;
}
.mb-72{
    margin-bottom:72px;
}
.mt-24{
    margin-top: 24px;
}
.mb-24{
    margin-bottom:24px;
}
.mb-40{
    margin-bottom:40px;
}
.mt-40{
    margin-top:40px;
}

/* Custom padding*/
.px-42 {
	padding-left: 42px;
	padding-right: 42px;
}
.py-72 {
    padding-top: 72px;
    padding-bottom: 72px;
}
.py-32 {
    padding-top: 32px;
    padding-bottom: 32px;
}
@media (max-width: 768px){
    .py-72 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* Align */
.vertical__align{
    top: 50%;
    transform: translateY(-50%);
}
.overflow-hidden{
    overflow: hidden;
}
/*Font Family*/

.light {
    font-family: 'BentonSansBBVA-Light';
}

.book {
    font-family: 'BentonSansBBVA-Book';
}

.medium {
    font-family: 'BentonSansBBVA-Medium';
}

.bold {
    font-family: 'BentonSansBBVA-Bold';
}
.book-italic{
    font-family: 'BentonSansBBVA-BookItalic';
}

.book-italic{
    font-family: 'BentonSansBBVA-BookItalic';
}

.medium-italic{
    font-family: 'BentonSansBBVA-MediumItalic';
}

/* Font Size */

.s11 {
    font-size: 11px;
}
.s12 {
    font-size: 12px;
}
.s13 {
    font-size: 13px;
}
.s14 {
    font-size: 14px;
}
.s15 {
    font-size: 15px;
}
.s16 {
    font-size: 16px;
}
.s17 {
    font-size: 17px;
}
.s18 {
    font-size: 18px;
}
.s19 {
    font-size: 19px;
}
.s20 {
    font-size: 20px;
}
.s21 {
    font-size: 21px;
}
.s22 {
    font-size: 22px;
}
.s23 {
    font-size: 23px;
}
.s24 {
    font-size: 24px;
}
.s26 {
    font-size: 26px;
}
.s28 {
    font-size: 28px;
}
.s30 {
    font-size: 30px;
}
.s32 {
    font-size: 32px;
}
.s34 {
    font-size: 34px;
}
.s35 {
    font-size: 35px;
}
.s36 {
    font-size: 36px;
}
.s38 {
    font-size: 38px;
}
.s40 {
    font-size: 40px;
}
.s42 {
    font-size: 42px;
}
.s45 {
    font-size: 45px;
}
.s52 {
    font-size: 52px;
}
.s60 {
    font-size: 60px;
}
.s62 {
    font-size: 62px;
}
.s64 {
    font-size: 64px;
}
.s68 {
    font-size: 68px;
}
.s136 {
    font-size: 136px;
}
.s160 {
    font-size: 160px;
}
@media (max-width: 768px){
    .s32 {
        font-size: 20px !important;
    }
    .s34 {
        font-size: 21px !important;
    }
    .s35 {
        font-size: 22px !important;
    }
    .s36 {
        font-size: 24px !important;
    }
    .s38 {
        font-size: 26px !important;
    }
    .s40 {
        font-size: 28px !important;
    }
}

/* line height */

.lh-title {
    line-height: 1.5;
}

.lh-text {
    line-height: 1.6;
}

.lh-1-1 {
    line-height: 1.1;
}
.lh-1-2 {
    line-height: 1.2;
}
.lh-1-3 {
    line-height: 1.3;
}
.lh-1-4 {
    line-height: 1.4;
}
.lh-1-5 {
    line-height: 1.5;
}
.lh-1-6 {
    line-height: 1.6;
}
.lh-1-7 {
    line-height: 1.7;
}
.lh-1-8 {
    line-height: 1.8;
}

.sizeIcn1 {
    font-size: 24px;
    position: relative;
    top: 3px;
}


/*Colors*/

.nice-blue {
    color: var(--nice-blue) !important;
}

.medium-blue-light {
    color: var(--medium-blue-light) !important;
}

.medium-blue {
    color: var(--medium-blue) !important;
}

.orange {
    color: var(--orange) !important;
}
.alertmsg{
    color: #fd6250;
}
.white {
    color: #fff !important;
}

.black {
    color: #000 !important;
}

.black500 {
    color: #666 !important;
}

.black550 {
    color: #555 !important;
}

.black600 {
    color: #121212 !important;
}

.core-blue {
    color: var(--core-blue) !important;
}

.core-blue-light {
    color: var(--core-blue-light) !important;
}

.core-blue-dark {
    color: var(--core-blue-dark) !important;
}
.navy-blue {
	color: var(--navy-blue) !important;
}
.sky-blue {
    color: var( --sky-blue) !important;
}
.medium-blue {
    color: var(--medium-blue) !important;
}
.darkish-blue {
    color: var(--medium-blue) !important;
}
.aqua-medium {
    color: var(--aqua-medium) !important;
}
.medium-blue-light {
	color: var(--medium-blue-light) !important;
}
.violet{
    color: var(--violet) !important;
}
.aqua {
	color: #02dccc !important;
}
.red-alert{
    color:#fd6250 !important;
}
/*borrar clase text-aqua*/
.text-aqua {
	color: #02dccc !important;
}
.gray {
    color: #666 !important;
}
.maize{
    color: #F8CD51 !important;
}
.text-gray {
  color: var(--black-400) !important;
}
.text-aqua {
  color: var(--aqua) !important;
}
.text-white {
  color: var(--black-00) !important;
}
.text-black {
  color: var(--black-600) !important;
}
.text-sky-blue {
  color: var(--sky-blue) !important;
}
.text-medium-blue {
  color: var(--medium-blue) !important;
}
.text-yellow {
  color: var(--yellow) !important;
}

.nds, .nds:focus, .nds:active, .nds:hover {
	outline: none !important;
	box-shadow: none !important;
}
/*Backgrounds*/

.bg-black100 {
    background-color: var(--black-100);
}
.bg-black200 {
    background-color: var(--black-200);
}
.bg-black300 {
    background-color: var(--black-300);
}
.bg-black400 {
    background-color: var(--black-400);
}
.bg-black500 {
    background-color: var(--black-500);
}
.bg-black600 {
    background-color: var(--black-600);
}
.bg-white {
    background-color: #fff;
}
.bg-navy {
    background-color: var(--navy-blue);
}
.bg-green{
    background-color: #d9efe0;
}
.bg-yellow{
    background-color: #fade8e;
}
.bg-violet{
    background-color: #dcd7f7;
}
.bg-sky {
    background-color: var(--sky);
}
.bg-sky-2{
    background-color: #eaf9fa;
}
.bg-sky-3{
    background-color: #d4edfc;
}

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

.bg-core-blue {
    background-color: var(--core-blue);
}
.bg-core-sky {
    background-color: var(--sky-blue);
}
.bg-core-blue-light {
    background-color: var(--core-blue-light);
}
.bg-core-aqua-medium{
    background-color: #02a5a5;
}

.bg-dark {
	background-color: var(--navy-blue) !important;
}

.bg-core-blue-white {
    background-color: var(--black-00);
}

.bg-darkish-blue {
    background-color: var(--medium-blue);
}

.bg-core-blue-dark {
    background-color: var(--core-blue-dark);
}

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

.bg-medium-blue-light {
    background-color: var(--medium-blue-light);
}

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

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

.teal-blue {
    color: #02a5a5;
}

.zindex1{
    z-index: 1;
}
.zindex2{
    z-index: 2;
}
.zindex3{
    z-index: 3;
}
.zindex4{
    z-index: 4;
}
.zindex5{
    z-index: 5;
}
.zindex6{
    z-index: 6;
}
.zindex7{
    z-index: 7;
}
.zindex8{
    z-index: 8;
}
.zindex9{
    z-index: 9;
}
.zindex10{
    z-index: 10;
}

.toTop {
    position: relative;
    z-index: 1001;
}

.container {
    max-width: 1176px;
}

a,
a:hover {
    color: var(--medium-blue-light);
    text-decoration: none;
}

.btn:focus, .navbar-toggler:focus {
	box-shadow: 0 0 0 0;
	text-decoration: none;
}
.breadcrumb a,
.breadcrumb a:hover {
    color: var(--black-600);
}

.form-control {
    border-radius: 6px;
}


/****** Botones ******/
/* lightgreen */
.fullbtnlightgreen {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 46px;
    border-radius: 0;
    background-color: #2dcccd;
    background: linear-gradient(to right, #02a5a5 50%, #2dcccd 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #02a5a5 50%, #2dcccd 50%);
    font-family: "BentonSansBBVA-Medium";
}

.fullbtnlightgreen:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #02a5a5 50%, #2dcccd 50%);
    color: #fff;
    text-decoration: none;
}
/* darkgreen */
.fullbtndarkgreen {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 48px;
    border-radius: 0;
    background-color: #02a5a5;
    background: linear-gradient(to right, #2dcccd 50%, #02a5a5 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #2dcccd 50%, #02a5a5 50%);
    font-family: "BentonSansBBVA-Medium";
}

.fullbtndarkgreen:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #2dcccd 50%, #02a5a5 50%);
    color: #fff;
    text-decoration: none;
}

.fullbtnmediumblue {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 42px;
    border-radius: 0;
    background-color: #1973B8;
    background: linear-gradient(to right, #2dcccd 50%, #1973B8 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #2dcccd 50%, #1973B8 50%);
    font-family: "BentonSansBBVA-Medium";
}

.fullbtnmediumblue:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #2dcccd 50%, #1973B8 50%);
    color: #fff;
    text-decoration: none;
}

.small_button_bbva {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 189px;
    line-height: 46px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}

.small_button_bbva:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
    text-decoration: none;
}

.medium_button_bbva {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 80%;
    max-width: 262px;
    line-height: 52px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}

.medium_button_bbva:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
    text-decoration: none;
}

.iconSocial {
	width: 25px;
	height: 25px;
	background-color: var(--sky-blue);
	border-radius: 50%;
}
#inputUrl {
	height: 48px;
}

.btn-yellow {
	background-color: transparent;
	color: var(--yellow);
}
.btn-yellow:hover {
	color: var(--yellow);
}

.botoncaja {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 189px;
    line-height: 46px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}
.botoncaja:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
}
@media (max-width: 768px){
    .botoncaja{
        margin: 0px auto;
    }
}

.fullbtn {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 46px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}
.fullbtn:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
    text-decoration: none;
}

.fullbtnblue {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 56px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}

.fullbtnblue:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
    text-decoration: none;
}

.fullbtngrey {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: #666666;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 46px;
    border-radius: 0;
    background-color: #f4f4f4;
    background: linear-gradient(to right, #E9E9E9 50%, #E9E9E9 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #E9E9E9 50%, #f4f4f4 50%);
    font-family: "BentonSansBBVA-Medium";
}
.fullbtngrey:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #E9E9E9 50%, #f4f4f4 50%);
    color: #666666;
    text-decoration: none;
}

.boton_banner_info_light {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    line-height: 46px;
    border-radius: 0;
    background-color: #49a5e6;
    background: linear-gradient(to right, #1464a5 50%, #49a5e6 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #49a5e6 50%);
    font-family: "BentonSansBBVA-Medium";
}

.boton_banner_info_light:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #49a5e6 50%);
    color: #fff;
    text-decoration: none;
}


.fullbtnshort {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 45%;
    line-height: 46px;
    border-radius: 0;
    background-color: #004481;
    background: linear-gradient(to right, #1464a5 50%, #1d73b2 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    font-family: "BentonSansBBVA-Medium";
}

.fullbtnshort:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #1d73b2 50%);
    color: #fff;
    text-decoration: none;
}
/* buttons header */
.boton_header_info_light {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: auto;
    max-width: 380px;
    padding: 0 30px;
    line-height: 46px;
    border-radius: 0;
    background-color: #49a5e6;
    background: linear-gradient(to right, #1464a5 50%, #49a5e6 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #1464a5 50%, #49a5e6 50%);
    font-family: "BentonSansBBVA-Medium";
}

.boton_header_info_light:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #1464a5 50%, #49a5e6 50%);
    color: #fff;
    text-decoration: none;
}
/* Links */
.link-white:link {
    color: #fff;
}
.link-white:hover {
    color: #fff;
}
.link-white-1 {
    color: #fff;
}
.link-white-1:hover {
    text-decoration: none;
    color: var(--sky-blue);
}
.link-medium-blue {
    color: var(--medium-blue) !important;
    text-decoration: none;
}
.link-medium-blue:hover {
    color: var(--darkish-blue);
    text-decoration: none;
}

/* termina links */


.dropdown-item:active,
.dropdown-item.active {
    background-color: var(--core-blue-light);
}

.navbar {
    transition: 0.2s;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    font-size: 0;
    background-color: transparent !important;
}

.logo {
    width: auto;
    height: auto;
    max-height: 40px;
    transition: 0.2s;
}

.navbar-header {
    height: 88px;
}

.modal {
    background-color: rgba(0, 0, 0, .7);
}

.modal-content {
    border-radius: 0;
}

.modal-body {
    line-height: 24px;
}

.modal .close {
    color: var(--medium-blue);
    opacity: 1;
}

.modal-header,
.modal-footer {
    border: 0px;
}

/* MediaQuery propuestos - deberían estar dentro del css de cada vista "Home.css" */

@media screen and (min-width: 0px) and (max-width: 0px) {}

@media screen and (max-width: 990px) {
    .navbar-brand {
        position: relative;
        left: 0;
        right: 0;
    }
    .navbar-header {
        height: 48px;
    }
    .logo {
        max-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-header {
        height: 50px;
    }
    .logo {
        width: 90px;
        height: auto;
    }
}

@media screen and (max-width: 575px) {}


/*Flex Rules*/


/* Cookies */
#cookies{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999 !important;
    width: 100%;
    transition: opacity 1s ease-in-out;
    height: auto;
    display: none;
}
#close_cookies_icn{
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 768px){
    #close_cookies_icn{
        right: 16px;
    }
}

/* Footer */

footer {
	width: 100%;
	margin: 0px 0 0;
	/* margin: 50px 0 0; VALOR ORIGINAL */
	padding: 40px 0 40px;
	height: auto;
	background: var(--navy-blue);
}

.flexFooter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: center;
}

.flexFooter svg {
	max-width: 168px;
	height: auto;
}

.oportunidades {
	min-width: 168px;
	width: 25%;
	height: auto;
}

.oportunidades img {
	max-width: 168px;
	height: auto;
}

.social {
	margin: 6px 0 0 0;
}

.social .icons a {
	display: inline-block;
	margin: 0 5px;
	border-radius: 20px;
	background: var(--sky-blue);
	width: 24px;
	height: 24px;
	text-align: center;
}

.social .icons a:hover {
	background: var(--black-00);
}

.social .icons svg {
	width: 14px;
	height: 12px;
	fill: var(--navy-blue);
	margin: 5px auto;
}

.footerNav {
	width: 100%;
	margin-top: 45px;
}

.footerNav ul {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.footerNav ul li {
	font-size: 15px;
	font-family: 'BentonSansBBVA-Medium';
	font-weight: 200;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
}

footer ul li:nth-child(2){
	margin-left: 30px;
}

footer ul li:last-child {
	margin-left: 30px;
}

footer ul li a {
	text-decoration: none;
	color: var(--sky-blue);
}

footer ul li a:hover {
	text-decoration: none;
	color: var(--black-00);
}

.location {
	font-family: 'BentonSansBBVA-Book';
	width: 70%;
	color: var(--black-400);
	font-weight: 100;
	margin: 70px 0 0 0;
}

.location p {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0;
	max-width: 630px;
}

.slogan {
	width: 30%;
	margin: 80px 0 0 0;
	text-align: right;
}

.slogan p {
	font-family: 'BentonSansBBVA-Medium';
	font-size: 16px;
	color: var(--aqua);
}

@media screen and (max-width: 1024px) {
	.oportunidades {
		width: 100%;
		order: 1;
		display: flex;
		justify-content: center;
	}
	
	.social {
		width: 100%;
		margin: 36px auto 0;
		justify-content: center;
		order: 3;
		display: flex;
	}
	
	.social .icons a {
		width: 34px;
		height: 34px;
	}
	
	.footerNav {
		margin-top: 40px;
		text-align: center;
		order: 2;
	}
	
	.footerNav ul {
		flex-direction: row;
		width: 435px;
		margin: 0px auto;
	}
	
	.footerNav ul li:last-child {
		margin-top: 0px;
		margin-left: 20px;
	}
	
	.location {
		order: 4;
		width: 100%;
		text-align: center;
		margin: 40px 0 0 0;
	}
	
	.location p {
		max-width: 600px;
		margin: 0px auto;
	}
	
	.slogan {
		margin: 40px 0 0 0;
		order: 5;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 599px) {
	.footerNav ul {
		flex-direction: column;
		width: 100%;
		margin: 0px auto;
	}
	.footerNav ul li:nth-child(2) {
		margin-top: 32px;
		margin-left: 0px;
	}
	.footerNav ul li:last-child {
		margin-top: 32px;
		margin-left: 0px;
	}
}

.rrss {
	vertical-align: top !important;
}

#close_cookies_icn {
    cursor:pointer;
}

.overlaypreload{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 9999;
    background: #072146;
}