/* Book */
@font-face{
	font-family: "Benton Sans";
	src: url(./fonts/BentonSansBBVA-Book-Lite.woff2) format("woff2"),
	url(./fonts/BentonSansBBVA-Book-Lite.woff) format("woff");
	font-style: normal;
	font-weight: 300 450;
	font-display: fallback;
}

/* Book Italic */
@font-face{
	font-family: "Benton Sans";
	src: url(./fonts/BentonSansBBVA-BookItalic-Lite.woff2) format("woff2"),
	url(./fonts/BentonSansBBVA-BookItalic-Lite.woff) format("woff");
	font-style: italic;
	font-weight: 400;
	font-display: fallback;
}

/* Medium */
@font-face{
	font-family: "Benton Sans";
	src: url(./fonts/BentonSansBBVA-Medium-Lite.woff2) format("woff2"),
	url(./fonts/BentonSansBBVA-Medium-Lite.woff) format("woff");
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
}

/* Medium Italic */
@font-face{
	font-family: "Benton Sans";
	src: url(./fonts/BentonSansBBVA-MediumItalic-Lite.woff2) format("woff2"),
	url(./fonts/BentonSansBBVA-MediumItalic-Lite.woff) format("woff");
	font-style: italic;
	font-weight: 500;
	font-display: fallback;
}

/* Bold */
@font-face{
	font-family: "Benton Sans";
	src: url(./fonts/BentonSansBBVA-Bold-Lite.woff2) format("woff2"),
	url(./fonts/BentonSansBBVA-Bold-Lite.woff) format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: fallback;
}

/* Tiempos */
@font-face{
	font-family: Tiempos;
	src: url(./fonts/TiemposText-Regular-Lite.woff2) format("woff2"),
	url(./fonts/TiemposText-Regular-Lite.woff) format("woff");
	font-style: normal;
	font-weight: normal;
	font-display: fallback;
}

/* Tiempos italic */
@font-face{
	font-family: Tiempos;
	src: url(./fonts/TiemposText-RegularItalic-Lite.woff2) format("woff2"),
	url(./fonts/TiemposText-RegularItalic-Lite.woff) format("woff");
	font-style: italic;
	font-weight: normal;
	font-display: fallback;
}

@font-face {
	font-family: 'Tiempos Headline';
	src: url('./fonts/tiempos-headline-bold.woff2') format('woff2');
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
}

/* Tiempos italic */
@font-face {
	font-family: 'Tiempos Headline';
	src: url('./fonts/tiempos-headline-bold-italic.woff2')
	format('woff2');
	font-style: italic;
	font-weight: 600;
	font-display: fallback;
}

/* DEPRECATED */
@font-face {
	font-family: 'Tiempos Headline Bold';
	src: url('./fonts/tiempos-headline-bold.woff2') format('woff2');
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
}

/* DEPRECATED */
@font-face {
	font-family: 'Tiempos Headline Bold';
	src: url('./fonts/tiempos-headline-bold-italic.woff2')
	format('woff2');
	font-style: italic;
	font-weight: 600;
	font-display: fallback;
}

*{outline: none;box-sizing: border-box;font-family: "Benton Sans", sans-serif;}

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}
img, svg{max-width: 100%;}

.content{width: 100%;max-width: 76.5rem;display: flex;margin: 0 auto;}
.icon{width: 18px;height: 18px;}

.header{position: fixed;top: 20px;left: 20px;width: calc(100% - 40px);margin: 0 auto;box-shadow: 0 -0.0625rem 0.625rem 0 rgba(7, 14, 70, 0.15);padding: 0 1.5rem;height: 4rem;border-radius: 16px;display: flex;align-items: center;background: #fff;z-index: 99;}
.header .content{align-items: center;justify-content: space-between;}
.header .logo{color: #001391;width: 80px;cursor: pointer;}
.header .right{display: flex;align-items: center;gap: 7px;cursor: pointer;width: fit-content;color: #001391;}
.header .right p{font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 500;}
.header .right .icon{width: 24px;height: 24px;color: #001391;}

.block_corpo{padding-top: 110px;background: #fff;}
.block_corpo .content{flex-direction: column;gap: 1rem;}

.local_seguro{display: flex;align-items: center;gap: 8px;padding-left: 12px;}
.local_seguro .icon{width: 16px;height: 16px;}
.local_seguro p{font-family: "Benton Sans", sans-serif;font-size: .75rem;font-weight: 350;}

.corpo_full{display: flex;flex-direction: row;justify-content: space-between;width: 100%;gap: 24px;max-width: 76.5rem;}
.cinza{border-radius: 1rem;background: #f7f8f8;padding: 2rem 3rem 1rem 1.5rem;display: flex;flex-direction: column;gap: 1.25rem;}
.corpo_left, .corpo_right{display: flex;flex-direction: column;gap: 1rem;}
.corpo_left{max-width: 808px;width: 100%;}
.corpo_left h1{font-size: 48px;font-family: "Tiempos Headline", sans-serif;line-height: 48px;font-weight: 700;color: #070e46;}
.corpo_left .linha_clientes{display: flex;align-items: center;gap: 8px;}
.corpo_left .linha_clientes button{display: flex;align-items: center;justify-content: center;gap: 7px;height: 3rem;width: fit-content;padding: 0 1rem;cursor: pointer;border-radius: 8px;border: 0;color: #070E46;font-weight: 500;font-family: "Benton Sans", sans-serif;font-size: .938rem;background: #fff;}
.corpo_left .linha_clientes button.active{background: #001391;color: #fff;}
.corpo_left p.desc{font-size: 1.25rem;font-family: "Benton Sans", sans-serif;color: #000;}
.corpo_left form.simple{display: flex;flex-direction: column;gap: 1rem;width: 100%;max-width: 600px;}
.corpo_left form.simple label{display: block;width: 100%;height: 56px;border-radius: 8px;border: 2px solid #070E46;background: #fff;position: relative;}
.corpo_left form.simple label span{position: absolute;top: 18px;left: 12px;font-size: 16px;font-family: "Benton Sans", sans-serif;z-index: 2;transition: all .3s;color: #46536d;}
.corpo_left form.simple label span.ativo{font-size: 12px;opacity: .8;top: 8px;}
.corpo_left form.simple label input{background: #fff;border: 0;position: absolute;bottom: 1px;left: 1px;width: calc(100% - 2px);height: 35px;padding: 0 12px;font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 350;}
.corpo_left form.simple .block_remember{background: #fff;border-radius: 8px;padding: 1.5rem;display: flex;align-items: center;gap: 8px;}
.corpo_left form.simple .block_remember img{width: 2rem;height: 2rem;cursor: pointer;}
.corpo_left form.simple .block_remember p{color: #070e46;font-family: "Benton Sans", sans-serif;font-size: 15.008px;cursor: pointer;}
.corpo_left form.simple .buttons{display: flex;align-items: center;gap: 8px;width: 100%;}
.corpo_left form.simple .buttons .btn_next{display: flex;align-items: center;justify-content: center;gap: 7px;height: 3rem;padding: 0 1rem;cursor: pointer;border-radius: 8px;border: 0;font-weight: 500;font-family: "Benton Sans", sans-serif;font-size: .938rem;background: #001391;color: #fff;width: 128px;}
.corpo_left ul.links{display: flex;flex-direction: column;gap: 2rem;width: 100%;margin-top: 1.5rem;}
.corpo_left ul.links li{font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 500;color: #001391;cursor: pointer;}
.corpo_left ul.links li:hover{color: #070E46;}

.corpo_right{width: 24.5rem;}
.corpo_right .cinza{padding-right: 1rem;gap: .5rem;}
.corpo_right .escudo{width: 160px;height: 160px;}
.corpo_right h1{font-family: "Tiempos Headline", sans-serif;font-size: 24px;font-weight: 700;line-height: 32px;color: #070E46;}
.corpo_right p{color: #070E46;font-family: "Benton Sans", sans-serif;font-size: .938rem;font-weight: 350;line-height: 1.5rem;}
.corpo_right p b{font-weight: bolder;}
.corpo_right .itens{display: flex;flex-direction: column;gap: .5rem;}
.corpo_right .itens li{display: flex;align-items: flex-start;gap: 5px;}
.corpo_right .aviso{font-family: "Benton Sans", sans-serif;background: rgb(214, 233, 248);padding: 1.5rem;border-radius: 16px;display: flex;align-items: flex-start;gap: .5rem;}
.corpo_right .aviso .icon{width: 24px;height: 24px;margin-top: 5px;}
.corpo_right .aviso .desc{display: flex;flex-direction: column;gap: .5rem;color: #070E46;}
.corpo_right .aviso .desc h1{font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 500;}
.corpo_right .aviso .desc p{font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 350;}
.corpo_right .aviso .desc a.link{font-family: "Benton Sans", sans-serif;font-weight: 500;color: #001391!important;cursor: pointer;text-decoration: none;}
.corpo_right .aviso .desc a.link:hover{color: #070E46!important;}

.footer{width: calc(100% - 40px);margin: 5rem auto 1.5rem auto;box-shadow: 0 -0.0625rem 0.625rem 0 rgba(7, 14, 70, 0.15);border-radius: 16px;display: flex;align-items: center;background: #001391;padding: 2.5rem 0;}
.footer .content{display: flex;flex-direction: column;gap: 2.5rem;}
.footer .logo{width: 106px;color: #fff;}
.footer .links{width: 640px;display: flex;align-items: flex-start;flex-wrap: wrap;gap: 2rem;font-family: "Benton Sans", sans-serif;}
.footer .links li{font-size: 15.008px;font-weight: 600;color: rgb(83, 169, 239);cursor: pointer;transition: all .3s linear;}
.footer .links li:hover{color: rgb(61, 141, 207)}
.footer .final{font-family: "Benton Sans", sans-serif;font-size: 15.008px;font-weight: 350;color: #fff;}