@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BlackItalic.svg#TiemposHeadline-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Black.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Black.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Black.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Black.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Black.svg#TiemposHeadline-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Medium.svg#TiemposHeadline-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Regular.svg#TiemposHeadline-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Semibold.svg#TiemposHeadline-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Light.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Light.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Light.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Light.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Light.svg#TiemposHeadline-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-LightItalic.svg#TiemposHeadline-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-MediumItalic.svg#TiemposHeadline-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-SemiboldItalic.svg#TiemposHeadline-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-BoldItalic.svg#TiemposHeadline-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-Bold.svg#TiemposHeadline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tiempos Headline Regular';
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.eot');
    src: url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.woff2') format('woff2'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.woff') format('woff'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.ttf') format('truetype'),
        url('../fonts-spherica/Tiempos/TiemposHeadline-RegularItalic.svg#TiemposHeadline-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    --bbva-midnight-blue: #070e46;
    --bbva-electric-blue: #001391;
    --bbva-royal-blue-dark: #2165ca;
    --bbva-royal-blue: #0c6dff;
    --bbva-serene-dark-blue: #53a9ef;
    --bbva-serene-blue: #85c8ff;
    --bbva-blue-light: #d6e9f8;

    --bbva-black-1000: #000519;
    --bbva-grey-900: #11192d;
    --bbva-grey-800: #222c42;
    --bbva-grey-700: #334056;
    --bbva-grey-600: #47536d;
    --bbva-grey-500: #adb8c2;
    --bbva-grey-400: #cad1d8;
    --bbva-grey-300: #e2e6ea;
    --bbva-grey-200: #f7f8f8;
    --bbva-white-100: #ffffff;

    --bbva-coral: #ffb56b;
    --bbva-yellow: #ffe761;
    --bbva-lime: #89e783;
    --bbva-ice: #8be1e9;
    --bbva-purple: #a094ff;

    --bbva-red-dark: #c30a0a;
    --bbva-red: #ff5252;
    --bbva-red-light: #ffe9e5;
    --bbva-ocre-darker: #906401;
    --bbva-ocre-dark: #b98409;
    --bbva-ocre: #ffc553;
    --bbva-ocre-light: #fff5e5;
    --bbva-green-dark: #024700;
    --bbva-green: #9ce67e;
    --bbva-green-light: #ebfff0;
    --bbva-aqua-darker: #0b6870;
    --bbva-aqua-dark: #118c97;
    --bbva-aqua: #8be1e9;
    --bbva-aqua-light: #e0fcff;
}

/* Fonts */
.tiempos-black-italic{
    font-family: 'Tiempos Headline';
    font-weight: 900;
    font-style: italic;
}
.tiempos-black{
    font-family: 'Tiempos Headline';
    font-weight: 900;
    font-style: normal;
}
.tiempos-medium{
    font-family: 'Tiempos Headline';
    font-weight: 500;
    font-style: normal;
}
.tiempos-regular{
    font-family: 'Tiempos Headline';
    font-weight: normal;
    font-style: normal;
}
.tiempos-semibold{
    font-family: 'Tiempos Headline';
    font-weight: 600;
    font-style: normal;
}
.tiempos-light{
    font-family: 'Tiempos Headline';
    font-weight: 300;
    font-style: normal;
}
.tiempos-medium-italic{
    font-family: 'Tiempos Headline';
    font-weight: 500;
    font-style: italic;
}
.tiempos-semibold-italic{
    font-family: 'Tiempos Headline';
    font-weight: 600;
    font-style: italic;
}
.tiempos-bold-italic{
    font-family: 'Tiempos Headline';
    font-weight: bold;
    font-style: italic;
}
.tiempos-bold{
    font-family: 'Tiempos Headline';
    font-weight: bold;
    font-style: normal;
}

/* colors */
.midnight-blue{
    color: #070e46;
}
.electric-blue{
    color: #001391;
}
.royal-blue-dark{
    color: #2165ca;
}
.royal-blue{
    color: #0c6dff
}
.serene-dark-blue{
    color: #53a9ef;
}
.serene-blue{
    color: #85c8ff;
}
.blue-light{
    color: #d6e9f8;
}
.black{
    color: #000519;
}
.black-1000{
    color: #000519;
}
.black-900{
    color: #11192d;
}
.black-800{
    color: #222c42;
}
.black-700{
    color: #334056;
}
.black-600{
    color: #47536d;
}
.black-500{
    color: #adb8c2;
}
.black-400{
    color: #cad1d8;
}
.black-300{
    color: #e2e6ea;
}
.black-200{
    color: #f7f8f8;
}
.black-100{
    color: #ffffff;
}
.white{
    color: #ffffff;
}

/* Backgrounds */
.bg-midnight-blue{
    background-color: #070e46;
}
.bg-electric-blue{
    background-color: #001391;
}
.bg-royal-blue-dark{
    background-color: #2165ca;
}
.bg-royal-blue{
    background-color: #0c6dff
}
.bg-serene-dark-blue{
    background-color: #53a9ef;
}
.bg-serene-blue{
    background-color: #85c8ff;
}
.bg-blue-light{
    background-color: #d6e9f8;
}
.bg-black{
    background-color: #000519;
}
.bg-black-1000{
    background-color: #000519;
}
.bg-black-900{
    background-color: #11192d;
}
.bg-black-800{
    background-color: #222c42;
}
.bg-black-700{
    background-color: #334056;
}
.bg-black-600{
    background-color: #47536d;
}
.bg-black-500{
    background-color: #adb8c2;
}
.bg-black-400{
    background-color: #cad1d8;
}
.bg-black-300{
    background-color: #e2e6ea;
}
.bg-black-200{
    background-color: #f7f8f8;
}
.bg-black-100{
    background-color: #ffffff;
}
.bg-white{
    background-color: #ffffff;
}


/* Tipografias */
h3 {
    font-size: 24px;
    line-height: 32px;
}
.s20{
    font-size: 20px;
    line-height: 24px;
}
.s24{
    font-size: 24px;
    line-height: 32px;
}
.s40{
    font-size: 40px;
    line-height: 48px;
}
.s68{
    font-size: 68px;
    line-height: 72px
}
@media screen and (max-width: 991px) {

    .s68{
        font-size: 32px;
        line-height: 40px
    }
    .s40{
        font-size: 32px !important;
        line-height: 40px;
    }
    .s24{
        font-size: 15px !important;
        line-height: 24px;
    }

    .s20{
        font-size: 15px;
        line-height: 24px;
    }
}

/* margin */
.mt-40{
    margin-top: 40px;
}
.mb-40{
    margin-bottom: 40px;
}
.mt-88{
    margin-top: 88px;
}
.mb-88{
    margin-bottom: 88px;
}
@media screen and (max-width: 991px) {
    .mt-40{
        margin-top: 16px;
    }
    .mb-40{
        margin-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {

    .mt-88{
        margin-top: 40px;
    }
    .mb-88{
        margin-bottom: 40px;
    }
}

/* padding */

.p-24{
    padding: 24px !important;
}
@media screen and (max-width: 991px) {
    .p-24{
        padding: 16px !important;
    }
}
.pt-40{
    padding-top: 40px;
}
.pb-40{
    padding-bottom: 40px;
}
.pt-88{
    padding-top: 88px;
}
.pb-88{
    padding-bottom: 88px;
}
@media screen and (max-width: 991px) {
    .pt-40{
        padding-top: 16px;
    }
    .pb-40{
        padding-bottom: 16px;
    }
}
@media screen and (max-width: 768px) {

    .pt-88{
        padding-top: 40px;
    }
    .pb-88{
        padding-bottom: 40px;
    }
}

/* border radius */
.radius-1{
    border-radius: 8px;
}
.radius-2{
    border-radius: 16px;
}
.radius-3{
    border-radius: 24px;
}

/* borders */
.border-right-midnight-blue-desk{
    border-right: 2px solid var(--bbva-midnight-blue);
}
@media screen and (max-width: 991px) {
    .border-right-midnight-blue-desk{
        border-right: 0;
    }  
}

/* Line Height */
.lh-16{
    line-height: 16px;
}

.lh-24{
    line-height: 24px;
}
.lh-40{
    line-height: 40px;
}
/* shadow */
.shadow-bbva{
    box-shadow: 0 4px 3px 0 rgba(18, 18, 18, 0.04);
}
/* links */
.nlink-1{
    color: var(--bbva-serene-blue) !important;
}
.nlink-1:hover{
    color: #53a9ef !important;
}
.nlink-2{
    color: var(--bbva-midnight-blue) !important;
}
.nlink-2:hover{
    color: var(--bbva-electric-blue) !important;
}

/* buttons */
.botonelectric {
    border: none;
    position: relative;
    bottom: 0px;
    left: 0px;
    color: white;
    text-align: center;
    text-decoration: none;
    /* display: inline-block; */
    display: flex; 
    align-items: center; 
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    /* width: 100%; */
    width: 176px;
    line-height: 46px;
    height: 56px;
    border-radius: 8px;
    background-color: #001391;
    background: linear-gradient(to right, #070e46 50%, #001391 50%);
    background-size: 206% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    background-image: linear-gradient(100deg, #070e46 50%, #001391 50%);
    font-family: "BentonSansBBVA-Medium";
    
}
.botonelectric:hover {
    background-position: left bottom;
    background-image: linear-gradient(100deg, #070e46  50%, #001391 50%);
    color: #fff;
}

/* divider */
.divider{
    background-color: #070e46;
    width: 100%;
    height: 2px;
}

/* sizes */
.t-size-40{
    height: 45px;
}
@media screen and (max-width: 991px) {
    .t-size-40{
        height: auto;
    }
}
/* Generals */

body{
    background-color: #f7f8f8 !important;
    color: var(--bbva-midnight-blue);
}
.container{
    max-width: 1224px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}


/* Header */
.navbar{
    padding-top: 24px;
    padding-bottom: 24px;
    /* margin: 16px 16px 8px;  */
    border-radius: 16px; 
    box-shadow: 0 4px 3px 0 rgba(18, 18, 18, 0.04); 
    background-color: #fff;
}
.navbar-brand{
    padding-left: 14px;
}
@media screen and (max-width: 991px) {
    .navbar{
        padding-top: 24px;
        padding-bottom: 24px;
        /* margin: 0px 6px 0px;  */
        border-radius: 0; 
        box-shadow: none !important; 
        background-color: transparent !important;
    }
    .navbar-brand{
        margin: 0px auto;
        padding-left: 0;
    }
    .logo {
        max-height: 32px !important;
    }
}

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

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


/* Iconos */
.iconSocial {
	width: 25px;
	height: 25px;
	background-color: #85c8ff;
	border-radius: 50%;
}

.social .icons-new a {
	display: inline-block;
	margin: 0 5px;
	border-radius: 20px;
	background: #85c8ff;
	width: 24px;
	height: 24px;
	text-align: center;
}

.social .icons-new a:hover {
	background: #53a9ef;
}

.social .icons-new svg {
	width: 14px;
	height: 12px;
	fill: #072146;
	margin: 5px auto;
}
