@import url(https://fonts.cdnfonts.com/css/darwin-pro);/* colores */
.title1 {
  font-family: "klavikaregular";
  font-size: 3.5rem;
  line-height: 1.5; }

.title2 {
  font-family: "klavikaregular";
  font-size: 2.25rem;
  line-height: 1.5; }

.title3 {
  font-family: "klavikaregular";
  font-size: 1.75rem;
  line-height: 1.5; }

.text1 {
  font-size: 1.75rem; }

.text2 {
  font-size: 1.5rem; }

.text3 {
  font-size: 1.375rem; }

.text4 {
  font-size: 1.25rem; }

.text5 {
  font-size: 1.125rem; }

.text6 {
  font-size: 1rem; }

.text7 {
  font-size: 0.875rem; }

.text-fail {
  color: #e71754; }

.label1 {
  font-family: "open_sanslight";
  font-size: 0.75rem; }

.label2 {
  font-family: "open_sanslight";
  font-size: 0.625rem; }

.navbar {
  background-color: #fff; }

/* Device = Tablets, Ipads (portrait) */
/* Device = Laptops, Desktops */
/* Device = Desktops */
/* Higher Resolution Screens */
/* For container size */
/* COLORS */
/* FONTS */
/* 1312px - 32px (16px * 2 paddings) = 1280px */
.article-banner {
  margin-top: 32px;
  border-radius: 20px 0 20px 0;
  background-color: #182D4D;
  background-image: radial-gradient(50% 100% at 50% 100%, #1782FF 0%, rgba(23, 130, 255, 0) 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 32px;
  padding: 40px 16px 16px 16px; }
  .article-banner .article-banner-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 32px;
    text-align: left;
    width: 100%; }
    .article-banner .article-banner-content .text-wrapper {
      display: flex;
      flex-direction: column;
      align-items: start;
      row-gap: 16px;
      text-align: left;
      color: #fff; }
    .article-banner .article-banner-content .title {
      font-family: "Klavika-Regular", "Helvetica", "Arial", "sans-serif";
      font-size: 24px;
      font-weight: 700;
      line-height: 32px;
      margin: 0; }
    .article-banner .article-banner-content .text p {
      font-family: "Klavika-Light", "Helvetica", "Arial", "sans-serif";
      font-size: 18px;
      font-weight: 300;
      line-height: 28px;
      margin: 0; }
      .article-banner .article-banner-content .text p strong {
        font-weight: 700; }
    .article-banner .article-banner-content .buttons {
      display: flex;
      flex-direction: column;
      row-gap: 12px;
      width: 100%; }
      .article-banner .article-banner-content .buttons .white-border {
        color: #fff; }
  .article-banner .article-banner-image {
    display: flex;
    flex-direction: column; }
    .article-banner .article-banner-image .image {
      width: 100%;
      border-radius: 40px 0px;
      min-width: 265px;
      min-height: 170px; }
    .article-banner .article-banner-image.with-label .club-advance-label {
      width: 165px;
      height: 100%;
      position: relative; }
    .article-banner .article-banner-image.with-label .image {
      margin-top: -110px; }
  @media (min-width: 1024px) {
    .article-banner {
      margin-top: 76px;
      padding: 80px 60px;
      flex-direction: row;
      align-items: center;
      column-gap: 24px; }
      .article-banner .article-banner-content .title {
        font-size: 30px;
        line-height: 38px; }
      .article-banner .article-banner-content .buttons {
        flex-direction: row;
        column-gap: 20px;
        width: unset; }
      .article-banner .article-banner-image {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: end; }
        .article-banner .article-banner-image .image {
          max-width: 265px; }
        .article-banner .article-banner-image.with-label {
          min-width: 331px; }
          .article-banner .article-banner-image.with-label .club-advance-label {
            margin-top: 20px; }
          .article-banner .article-banner-image.with-label .image {
            margin-left: -70px;
            margin-top: 0; } }

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