/* ==========================================================
     DESGUACES ARMONÍA
     PÁGINA DE MARCA
     ========================================================== */

  .armonia-brand-header,
  .armonia-brand-description {
      width: 100%;
      font-family: "Carlito", sans-serif;
  }


  /* ==========================================================
     CABECERA
     ========================================================== */

  .armonia-brand-header {
      width: 100%;
      margin: 0 0 32px;
  }

  .armonia-brand-header__inner {
      width: 100%;
      max-width: none;
      margin: 0;
      padding: 0;
  }


  /* ==========================================================
     TÍTULO
     ========================================================== */

  .armonia-brand-title {
      width: 100%;

      margin: 0 0 14px;
      padding: 0;

      font-family: "Carlito", sans-serif;
      font-size: clamp(32px, 3vw, 46px);
      font-weight: 700;
      line-height: 1.05;

      color: #315f73 !important;

      text-transform: none !important;
      letter-spacing: normal !important;
  }


  /* ==========================================================
     DESCRIPCIÓN CORTA
     ========================================================== */

  .armonia-brand-short-description {
      display: block;

      width: 100%;
      max-width: none;

      margin: 0;
      padding: 0;

      font-family: "Carlito", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;

      color: #52636c !important;

      text-align: justify;
      text-transform: none !important;
      letter-spacing: normal !important;
  }

  .armonia-brand-short-description p {
      width: 100%;
      max-width: none;

      margin: 0 0 14px;
      padding: 0;

      font-family: "Carlito", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;

      color: #52636c !important;

      text-align: justify;
      text-transform: none !important;
      letter-spacing: normal !important;
  }

  .armonia-brand-short-description p:last-child {
      margin-bottom: 0;
  }


  /* ==========================================================
     DESCRIPCIÓN LARGA
     ========================================================== */

  .armonia-brand-description {
      width: 100%;
      margin: 36px 0 32px;
  }

  .armonia-brand-description__content {
      display: block;

      width: 100%;
      max-width: none;

      margin: 0;
      padding: 0;

      font-family: "Carlito", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;

      color: #52636c !important;

      text-align: justify;
      text-transform: none !important;
      letter-spacing: normal !important;
  }

  .armonia-brand-description__content p {
      width: 100%;
      max-width: none;

      margin: 0 0 16px;
      padding: 0;

      font-family: "Carlito", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.7;

      color: #52636c !important;

      text-align: justify;
      text-transform: none !important;
      letter-spacing: normal !important;
  }

  .armonia-brand-description__content p:last-child {
      margin-bottom: 0;
  }


  /* ==========================================================
     PROTECCIÓN CONTRA MAYÚSCULAS DEL THEME
     ========================================================== */

  .armonia-brand-short-description,
  .armonia-brand-short-description *,
  .armonia-brand-description,
  .armonia-brand-description *,
  .armonia-brand-description__content,
  .armonia-brand-description__content * {
      text-transform: none !important;
      letter-spacing: normal !important;
  }


  /* ==========================================================
     TÍTULOS INTERNOS
     ========================================================== */

  .armonia-brand-short-description h2,
  .armonia-brand-short-description h3,
  .armonia-brand-short-description h4,
  .armonia-brand-short-description h5,
  .armonia-brand-short-description h6,
  .armonia-brand-description__content h2,
  .armonia-brand-description__content h3,
  .armonia-brand-description__content h4,
  .armonia-brand-description__content h5,
  .armonia-brand-description__content h6 {
      margin-top: 28px;
      margin-bottom: 12px;

      font-family: "Carlito", sans-serif;
      font-weight: 700;
      line-height: 1.2;

      color: #315f73 !important;

      text-align: left;
      text-transform: none !important;
      letter-spacing: normal !important;
  }

  .armonia-brand-short-description h2:first-child,
  .armonia-brand-short-description h3:first-child,
  .armonia-brand-short-description h4:first-child,
  .armonia-brand-description__content h2:first-child,
  .armonia-brand-description__content h3:first-child,
  .armonia-brand-description__content h4:first-child {
      margin-top: 0;
  }

  .armonia-brand-short-description h2,
  .armonia-brand-description__content h2 {
      font-size: 27px;
  }

  .armonia-brand-short-description h3,
  .armonia-brand-description__content h3 {
      font-size: 23px;
  }

  .armonia-brand-short-description h4,
  .armonia-brand-description__content h4 {
      font-size: 20px;
  }


  /* ==========================================================
     ENLACES
     ========================================================== */

  .armonia-brand-short-description a,
  .armonia-brand-description__content a {
      color: #4e869f !important;

      font-weight: 600;
      text-decoration: none;

      transition: color 0.2s ease;
  }

  .armonia-brand-short-description a:hover,
  .armonia-brand-description__content a:hover {
      color: #315f73 !important;
      text-decoration: underline;
  }


  /* ==========================================================
     NEGRITAS
     ========================================================== */

  .armonia-brand-short-description strong,
  .armonia-brand-short-description b,
  .armonia-brand-description__content strong,
  .armonia-brand-description__content b {
      font-weight: 700;
      color: #315f73 !important;
  }


  /* ==========================================================
     LISTAS
     ========================================================== */

  .armonia-brand-short-description ul,
  .armonia-brand-short-description ol,
  .armonia-brand-description__content ul,
  .armonia-brand-description__content ol {
      margin: 16px 0;
      padding-left: 24px;

      text-align: left;
  }

  .armonia-brand-short-description li,
  .armonia-brand-description__content li {
      margin-bottom: 8px;

      font-family: "Carlito", sans-serif;
      font-size: 16px;
      line-height: 1.6;

      color: #52636c !important;
  }

  .armonia-brand-short-description li:last-child,
  .armonia-brand-description__content li:last-child {
      margin-bottom: 0;
  }


  /* ==========================================================
     BOX SIZING
     ========================================================== */

  .armonia-brand-header,
  .armonia-brand-header *,
  .armonia-brand-description,
  .armonia-brand-description * {
      box-sizing: border-box;
  }


  /* ==========================================================
     TABLET
     ========================================================== */

  @media (max-width: 991px) {

      .armonia-brand-header {
          margin-bottom: 26px;
      }

      .armonia-brand-title {
          font-size: 36px;
      }

      .armonia-brand-description {
          margin-top: 30px;
          margin-bottom: 28px;
      }

  }


  /* ==========================================================
     MOBILE
     ========================================================== */

  @media (max-width: 767px) {

      .armonia-brand-header {
          margin-bottom: 22px;
      }

      .armonia-brand-title {
          margin-bottom: 10px;
          font-size: 30px;
          line-height: 1.1;
      }

      .armonia-brand-short-description,
      .armonia-brand-short-description p,
      .armonia-brand-description__content,
      .armonia-brand-description__content p {
          font-size: 15px;
          line-height: 1.6;

          text-align: left;
      }

      .armonia-brand-description {
          margin-top: 24px;
          margin-bottom: 24px;
      }

      .armonia-brand-short-description h2,
      .armonia-brand-description__content h2 {
          font-size: 23px;
      }

      .armonia-brand-short-description h3,
      .armonia-brand-description__content h3 {
          font-size: 20px;
      }

      .armonia-brand-short-description h4,
      .armonia-brand-description__content h4 {
          font-size: 18px;
      }

  }