.hero { height: auto; overflow: hidden; background-image: url("../images/conta-corrente/pattern-bg.png"); background-position: top left; background-repeat: no-repeat;	background-size: contain; 	position: relative; }
.hero__image::after { content: ''; display: block; width: 50px; height: 130%; background: var(--t-vertical-gradient); position: absolute; top: -90px; left: 100px; transform: rotate(26deg); }
.hero__image { width: 40%; height: 100%; position: absolute; top: 0; right: 0; background: url("../images/leiloes/image-hero.png"); background-size: cover; background-position: top left; background-repeat: no-repeat; clip-path: polygon(235px 0, 100% 0%, 100% 100%, 0% 100%); }
.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; }
.hero__description { padding-bottom: 140px; width: 50%; }
.hero__description h1 { font-size: 3.5rem; font-weight: bold;}
.hero__description h2 { font-size: 2rem }

@media only screen and (min-width: 1040px) and (max-width: 1440px){ .hero__image { width: 50%; }  }
@media (max-width: 990px) { .hero__image { display: none;}  }
@media (max-width: 990px) {.hero__description {width: 100%; padding-left: 15px; padding-right: 15px;}}

.card_outline {display: flex; flex-direction: column; justify-content: center; min-height: 190px; border: 2px solid var(--t-blue); background: var(--t-white); border-radius: 8px;}
.card_outline h3 {font-size: 1.2rem; font-weight: bold}
.card_outline img {place-self: center; filter: invert(1);}

.leiloes table tbody tr {height:70px}
.leiloes table tbody tr:nth-child(even) {background: #ECECEC;}

.chamada h2 { color: #2D3439; font-size: 24px; }