.references {background: var(--light);padding-top: 3.3888888889rem;padding-bottom: 3.3888888889rem;max-width: 1920px;margin-left: auto;margin-right: auto;margin-bottom: -1rem; } .references .title-article {color: var(--black);text-align: center; } .references .title-article::before, .references .title-article::after {content: "";display: inline-block;border-top: 0.2rem solid var(--primary);width: 3.3333333333rem;transform: translateY(-0.5555555556rem);margin: 0 0.8888888889rem; } .references .image {text-align: center; } .references .categories {display: flex;flex-wrap: wrap;gap: 0.8333333333rem;align-items: center; } .references .categories h2 {font-size: 1.6666666667rem; } .references .categories p {background-color: var(--white);padding: 0.5555555556rem 1rem;border-radius: 1rem;font-weight: 700; } @media (max-width: 767.98px) {.references .categories {flex-direction: column;gap: 0.2777777778rem;}.references .categories p, .references .categories h2 {margin-bottom: 0;} } .section.references > .container h2, .section.references > .container .h2 {text-align: center; } .section.references > .container .card {justify-content: center;margin-bottom: 1rem;border: 0;background-color: rgba(0, 0, 0, 0.55);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;width: 100%;height: 100%;aspect-ratio: 1/1;overflow: clip; } .section.references > .container .card .img-fluid {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; } .section.references > .container .card .card-overlay {display: flex;flex-direction: column;justify-content: center;content: " ";position: absolute;background: rgba(0, 0, 0, 0.55);z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 1; } @media (min-width: 992px) {.section.references > .container .card .card-overlay {opacity: 0;}.section.references > .container .card .card-overlay:hover {opacity: 1;} } .section.references > .container .card:hover, .section.references > .container .card:focus, .section.references > .container .card:active {text-decoration: none; } .section.references > .container .card .card-body {flex-basis: 5px;flex-grow: 0;flex-shrink: 0;padding: 1.7222222222rem 1.4444444444rem;color: var(--white);border-radius: 0 0 0.8333333333rem 0.8333333333rem;z-index: 2;text-align: center;align-items: center; } .section.references > .container .card .card-title {font-weight: bold;font-size: 1.6666666667rem;margin-bottom: 0.5555555556rem;color: var(--white);line-height: 1.3; } @media (min-width: 992px) {.section.references > .container .card .card-title {font-size: 1.3333333333rem;} } .section.references > .container .card .card-text {line-height: 1.5;color: var(--white);max-height: 100%;-webkit-line-clamp: 6;margin-bottom: 0; } .section.references > .container .btn {display: inline-block;padding: 0.8333333333rem;font-size: 1.1111111111rem; }