/* COLORS */
/* FONTS */
/* COMPONENTS */
:root {
  --font-nv: 'Arquitecta-Regular';
  --background-button-color: #808080;
  --unset-color: #808080;
  --text-button-color: #ffffff;
  --background-banner-color: #E2E2E2; }

.article-banner {
  font-family: "Arquitecta-Regular";
  background-color: var(--background-banner-color);
  max-width: 1440px; }
  .article-banner__landing .article-banner__content {
    position: absolute;
    bottom: 80px;
    max-width: 612px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%); }
  .article-banner__landing.gradientOverImage::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(51, 38, 37, 0) 27.78%, #332625 116.43%);
    pointer-events: none;
    /* permite hacer clic en elementos debajo */
    z-index: 1; }
  .article-banner__title h1 {
    color: #fff;
    text-align: center;
    font-family: "Arquitecta-Black";
    font-size: 56px;
    font-style: normal;
    font-weight: 950;
    line-height: 100%;
    text-transform: uppercase; }
  .article-banner__title h2 {
    color: #fff;
    text-align: center;
    font-family: "Arquitecta-Black";
    font-size: 38px;
    font-style: normal;
    font-weight: 950;
    line-height: 104%;
    /* 39.52px */
    text-transform: uppercase; }
  .article-banner__text {
    color: #fff;
    text-align: center;
    font-family: "Arquitecta-Black";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 104%; }
  .article-banner__label {
    color: var(--unset-color) !important; }
    .article-banner__label h1 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
    .article-banner__label h2 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
    .article-banner__label h3 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
    .article-banner__label h4 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
    .article-banner__label h5 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
    .article-banner__label h6 {
      font-family: "Arquitecta-Regular" !important;
      color: var(--unset-color) !important; }
  .article-banner__btn.article-banner__btn--main, .article-banner__btn.article-banner__btn--secondary {
    background-color: var(--background-button-color);
    color: var(--text-button-color);
    border-radius: 0 !important; }

/*# sourceMappingURL=articleBanner.css.map*/