html :where(img) { height: auto; max-width: initial; }
.credito-bg .hero__image { width: 57%; background: url('../images/credito-financiamento/credito-bg-image.png'); background-size: contain; background-position: top right; background-repeat: no-repeat; }
.hero__description .t-breadcrumbs, .hero__description .t-breadcrumbs a, .hero__description .t-breadcrumbs .breadcrumb_last { color: var(--t-white); }
.hero__description .t-breadcrumbs a:hover { color: var(--t-white); opacity: 0.8; text-decoration: underline; }
.subpaginas h2 { font-size: 2.5rem; font-weight: 900 }
.subpaginas p { font-size: 1.5rem }
.subpaginas .card-info img { width: auto; height: 99%; }
.subpaginas .card-info { position: static;	width: 100%; height: 210px; left: 0px;	top: 0px;	display: flex; flex-direction: column; align-items: flex-start; border: 2px solid #054375;	border-radius: 8px;	padding: 16px;	box-sizing: border-box; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); margin-top: 36px; }
.subpaginas .card-info h3 { font-style: normal; font-weight: 700; font-size: 20px; line-height: 120%; color: #054375; position: static; left: 0px; margin-top: 5px; }
.subpaginas .card-info p { font-style: normal; font-weight: 399; font-size: 16px; line-height: 104%; color: #2D3439; }
.subpaginas .card-info:hover { background-color: #054374; }
.subpaginas .card-info:hover img { filter: brightness(0) invert(1); }
.subpaginas .card-info:hover h3, .subpaginas .card-info:hover p { 	color: #FFF; }
.vantagens h3 { font-size: 2.5rem; font-weight: 900 }
.vantagens p { font-size: 1.5rem; }
.vantagens .position-direita { width: 70% }

@media (min-width: 768px) {
	.subpaginas .card-info { width: 176px }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	.subpaginas h2 { font-size: 1.5rem; } .subpaginas p { font-size: 1rem }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	.vantagens h3 { font-size: 1.5rem; } .vantagens p { font-size: 1rem; }
}