/* ===============HERO E PRE-FOOTER=============== */

.hero-iluminacao {
  background-image: url('../../assets/images/iluminacao/hero.webp');
}
.pre-footerIluminacao {
  background-image: url('../../assets/images/iluminacao/prefooter.webp');
}
.hero-engenharia {
  background-image: url('../../assets/images/engenharia/hero.webp');
}
.pre-footerEngenharia {
  background-image: url('../../assets/images/engenharia/prefooter.webp');
}
.hero-solar {
  background-image: url('../../assets/images/energiasolar/hero.webp');
}
.pre-footerSolar {
  background-image: url('../../assets/images/energiasolar/hero.webp');
}
.hero-sinalizacao {
  background-image: url('../../assets/images/sinalizacao/hero.webp');
}
.pre-footerSinalizacao {
  background-image: url('../../assets/images/sinalizacao/footerdois.webp');
}

/* ============================================== */

.hero h1 {
  position: relative;
  z-index: 2;
  font-family: 'Archivo Black', sans-serif;
}

& .hero {
  width: 100%;
  min-height: 50vh;
  position: relative;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.8rem;
}

.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.718);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  & .hero {
    background-attachment: scroll;
    background-position: center;
  }
}

& .pre-footer {
  width: 100%;
  min-height: 50vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.8rem;
}
.pre-footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.463);
  pointer-events: none;
}

& .container-iluminacao {
  display: flex;
  align-items: center;
  gap: 3rem;

  & .container-informacoes {
    display: flex;
    flex-flow: column;
    gap: 2rem;
    width: 50%;

    & .titulo {
      display: flex;
      flex-flow: column;
      gap: 2rem;

      & p {
        font-size: 1.4rem;
        padding-bottom: 0.4rem;
        border-bottom: 3px solid var(--laranja-hashimoto);
      }

      & h2 {
        font-size: 3.3rem;
        color: var(--azul-Fonte);
        font-weight: 500;
        line-height: 3.8rem;
        font-family: 'Archivo Black', sans-serif;
      }
    }

    & .p-informacao {
      color: rgba(0, 0, 0, 0.54);
    }

    & .numeros {
      display: flex;
      gap: 5rem;
      align-items: center;

      & .item-numero {
        display: flex;
        flex-flow: column;
        align-items: self-start;
        gap: 0.1rem;
        padding-left: 1.5rem;

        border-left: 3px solid var(--laranja-hashimoto);

        & .caixa-numero {
          display: flex;
          gap: 0.5rem;
          gap: 1rem;
        }

        & .numero {
          font-size: 3.5rem;

          color: var(--laranja-hashimoto);
          font-weight: 900;
          font-family: 'Archivo Black', sans-serif;
        }

        & .texto-numero {
          color: #15143fd1;
          font-weight: 600;
          text-align: center;
          padding-top: 0.2rem;
        }
      }
    }

    & .beneficios {
      display: flex;
      flex-flow: column;
      gap: 1rem;

      & .p-beneficioslista {
        display: flex;
        align-items: center;
        background: linear-gradient(to right, #ff84000e, #f4f5f7);
        padding-left: 1rem;
        border-radius: 1rem;
      }
      & .p-beneficioslistas {
        display: flex;
        align-items: center;
        /* background: linear-gradient(to right, #ff84000e, #f4f5f7); */
        padding-left: 1rem;
        border-radius: 1rem;
        border: 1px solid #000d640c;
        box-shadow: 4px 2px 5px 2px rgba(0, 0, 0, 0.155);
        padding: 1rem;
      }

      & li {
        list-style: none;
        padding: 1rem;
        /* border-left: 4px solid var(--laranja-hashimoto); */
      }
    }

    & .beneficios-dois {
      display: flex;
      flex-flow: column;
      gap: 1.5rem;
      & .item-beneficio-dois {
        display: flex;
        flex-flow: column;
        gap: 0.5rem;
        padding: 1rem;
        background: linear-gradient(to right, #ff84000e, #f4f5f7);
        border-radius: 1rem;
      }

      & .lista-beneficio-dois {
        display: flex;
        gap: 1rem;
        align-items: center;

        & li {
          list-style: none;
          color: var(--azul-Fonte);
          font-weight: 800;
        }
      }

      & .p-beneficios-dois {
        padding-left: 2rem;
      }
    }
  }
}

& .secao-iluminacao {
  display: flex;
  flex-flow: column;
  gap: 5rem;
}

.p-iformacao-sinalizacao {
  display: flex;
  flex-flow: column;
  gap: 2rem;

  & h2 {
    font-size: 2.5rem;
    color: var(--azul-Fonte);
    font-weight: 900;
    padding-top: 2rem;
  }
}
/* ===============IMAGENS DA SEÇÃO=============== */

& .container-imageminf {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 50%;
  height: 50rem;
  border-radius: 2rem;
  display: flex;
  align-self: stretch;
}
& .imageminf-secaoum {
  background-image: url('../../assets/images/iluminacao/secaoum.webp');
}
& .imageminf-secaodois {
  background-image: url('../../assets/images/iluminacao/callcenter.webp');
}
& .imageminf-engenhariaum {
  background-image: url('../../assets/images/engenharia/ideia01.webp');
}
& .imageminf-engenhariadois {
  background-image: url('../../assets/images/engenharia/compromisso.webp');
}
& .imageminf-painelum {
  background-image: url('../../assets/images/energiasolar/servicoum.webp');
}
& .imageminf-paineldois {
  background-image: url('../../assets/images/energiasolar/galpaohashimoto.webp');
}
& .imageminf-sinalizacaoum {
  background-image: url('../../assets/images/sinalizacao/secaodois.webp');
}
& .imageminf-sinalizacaodois {
  background-image: url('../../assets/images/sinalizacao/secaoquatro.webp');
}

/* =============================================== */

& .secao-carrossel {
  background: var(--secao-azul);
}

& .container-carrossel {
  display: flex;
  flex-flow: column;
  gap: 3rem;

  & .titulo-secao {
    color: #fff;
    display: flex;
    flex-flow: column;
    gap: 1rem;
    justify-content: center;

    & .conheca {
      border-bottom: 2px solid var(--laranja-hashimoto);
      width: 17rem;
    }

    & .titulo-titulo {
      font-size: 4rem;
    }
  }

  & .carrossel-estrutura {
    --deslocamento-lateral: clamp(24rem, 30vw, 34rem);
    --largura-card-ativo: 100%;
    --largura-card-lateral: calc(100% - clamp(22rem, 36vw, 42rem));
    --escala-lateral: 0.84;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    position: relative;
    overflow: visible;
    display: grid;
    align-items: center;
    justify-items: center;
    isolation: isolate;
    border: 0;

    & .seta {
      background-color: #0000006a;
      border: 1px solid var(--laranja-hashimoto);
      width: 4.8rem;
      height: 4.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10;
      cursor: pointer;
    }

    & .seta:first-child {
      left: calc(-1 * clamp(2rem, 4vw, 6rem));
    }

    & .seta:last-child {
      right: calc(-1 * clamp(2rem, 4vw, 6rem));
    }

    & .carrossel {
      display: flex;
      gap: 1rem;
      width: var(--largura-card-ativo);
      box-sizing: border-box;
      grid-area: 1 / 1;
      place-self: center;
      padding: 0.9rem;
      background-color: #0b293b;
      border: 1px solid rgba(255, 255, 255, 0.163);
      border-radius: 1.5rem;
      overflow: hidden;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
      opacity: 0;
      pointer-events: none;
      transform: scale(0.9);
      filter: brightness(0.75) saturate(0.8);
      transition:
        transform 0.42s ease,
        opacity 0.42s ease,
        filter 0.42s ease;
      z-index: 1;
      will-change: transform, opacity;

      &.carrossel-ativo {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0) scale(1);
        filter: none;
        z-index: 3;
      }

      &.carrossel-anterior,
      &.carrossel-proximo {
        width: var(--largura-card-lateral);
        place-self: center;
        gap: 0;
        padding: 1rem;
        background-color: #0a283a;
        border: 1px solid rgba(255, 255, 255, 0.163);
        border-radius: 1.25rem;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
        overflow: hidden;
        opacity: 1;
        z-index: 2;
      }

      &.carrossel-anterior {
        transform: translateX(calc(-1 * var(--deslocamento-lateral)))
          scale(var(--escala-lateral));
      }

      &.carrossel-proximo {
        transform: translateX(var(--deslocamento-lateral))
          scale(var(--escala-lateral));
      }

      &.carrossel-anterior .texto-carrossel,
      &.carrossel-proximo .texto-carrossel {
        display: none;
      }

      &.carrossel-anterior .imagem-carrossel,
      &.carrossel-proximo .imagem-carrossel {
        width: 100%;
        height: 55rem;
        border-radius: 0.95rem;
        filter: brightness(0.65);
      }

      & .imagem-carrossel {
        width: 70%;
        height: 55rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 1.1rem 0 0 1.1rem;
      }

      /* ===========ILUMINAÇÃO=================== */
      & .imagem-carrosselum {
        background-image: url('../../assets/images/iluminacao/pracabemestar.webp');
      }
      & .imagem-carrosseldois {
        background-image: url('../../assets/images/iluminacao/campovasquinho.webp');
      }
      & .imagem-carrosseltres {
        background-image: url('../../assets/images/iluminacao/viadutoxerem.webp');
      }

      /* ===========SINALIZAÇÃO=================== */
      & .imagem-carrosselumsinalizacao {
        background-image: url('../../assets/images/sinalizacao/centromunicipal.webp');
      }
      & .imagem-carrosseldoissinalizacao {
        background-image: url('../../assets/images/sinalizacao/edilson.webp');
      }
      & .imagem-carrosseltressinalizacao {
        background-image: url('../../assets/images/sinalizacao/jurandir.webp');
      }

      /* ===========PAINEL SOLAR=================== */
      & .imagem-carrosselumpainel {
        background-image: url('../../assets/images/energiasolar/antigasede.webp');
      }
      & .imagem-carrosseldoispainel {
        background-image: url('../../assets/images/energiasolar/sedenova.webp');
      }
      & .imagem-carrosseltrespainel {
        background-image: url('../../assets/images/energiasolar/belaprimavera.webp');
      }

      /* ===========ENGENHARIA=================== */
      & .imagem-carrosselumengenharia {
        background-image: url('../../assets/images/engenharia/Atendimentoaoturista.webp');
      }
      & .imagem-carrosseldoisengenharia {
        background-image: url('../../assets/images/engenharia/GustavoCampos.webp');
      }
      & .imagem-carrosseltresengenharia {
        background-image: url('../../assets/images/engenharia/Reforma.webp');
      }

      & .texto-carrossel {
        justify-content: space-between;
        display: flex;
        padding: 1.5rem;
        flex-flow: column;
        gap: 2.5rem;
        width: 30%;
        background-color: #0b293b;
        border-radius: 1.5rem;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.163);

        & .titulo-carrossel {
          display: flex;
          flex-flow: column;
          gap: 0.5rem;
        }

        h2 {
          font-size: 2.5rem;
          color: #fff;
        }

        & .loc {
          display: flex;
          gap: 1rem;
          align-items: center;
        }

        & .p-carrossel {
          color: #ffffffcf;
          font-weight: lighter;
          height: 20rem;
          max-height: 20rem;
          overflow: hidden;
          padding-right: 0.55rem;
          transition: none;
          scrollbar-width: thin;
          scrollbar-color: #ffffff42 transparent;

          & p {
            display: block;
            width: 100%;
            margin: 0;
            white-space: normal;
            word-break: normal;
          }

          &.conteudo-expandido {
            overflow-y: auto;
            overflow-x: hidden;
          }

          &::-webkit-scrollbar {
            width: 0.45rem;
          }

          &::-webkit-scrollbar-track {
            background: transparent;
          }

          &::-webkit-scrollbar-thumb {
            background-color: var(--laranja-hashimoto);
            border-radius: 999px;
          }

          & .btn-leia-mais {
            display: inline;
            padding: 0;
            margin-left: 0.35rem;
            border: 0;
            background: transparent;
            color: #ffffffd6;
            font-size: inherit;
            font-weight: 700;
            text-decoration: underline;
            white-space: normal;
            vertical-align: baseline;
            cursor: pointer;
          }
        }

        & .imagem-carrosselum {
          background-image: url('../../assets/images/iluminacao/pracabemestar.webp');
        }
        & .imagem-carrosseldois {
          background-image: url('../../assets/images/iluminacao/campovasquinho.webp');
        }
        & .imagem-carrosseltres {
          background-image: url('../../assets/images/iluminacao/viadutoxerem.webp');
        }

        & .texto-carrossel {
          justify-content: space-between;
          display: flex;
          padding: 1.5rem;
          flex-flow: column;
          gap: 2.5rem;
          width: 30%;
          background-color: #0b293b;
          border-radius: 1.5rem;
          color: #fff;
          border: 1px solid rgba(255, 255, 255, 0.163);

          & .titulo-carrossel {
            display: flex;
            flex-flow: column;
            gap: 0.5rem;
          }

          h2 {
            font-size: 2.5rem;
            color: #fff;
          }

          & .loc {
            display: flex;
            gap: 1rem;
            align-items: center;
          }

          & .p-carrossel {
            color: #ffffffcf;
            font-weight: lighter;
            height: 20rem;
            max-height: 20rem;
            overflow: hidden;
            padding-right: 0.55rem;
            transition: none;
            scrollbar-width: thin;
            scrollbar-color: #ffffff42 transparent;

            & p {
              display: block;
              width: 100%;
              margin: 0;
              white-space: normal;
              word-break: normal;
            }

            &.conteudo-expandido {
              overflow-y: auto;
              overflow-x: hidden;
            }

            &::-webkit-scrollbar {
              width: 0.45rem;
            }

            &::-webkit-scrollbar-track {
              background: transparent;
            }

            &::-webkit-scrollbar-thumb {
              background-color: var(--laranja-hashimoto);
              border-radius: 999px;
            }

            & .btn-leia-mais {
              display: inline;
              padding: 0;
              margin-left: 0.35rem;
              border: 0;
              background: transparent;
              color: #ffffffd6;
              font-size: inherit;
              font-weight: 700;
              text-decoration: underline;
              white-space: normal;
              vertical-align: baseline;
              cursor: pointer;
            }
          }
        }

        /* ==========CARROSSEL ILUMINAÇÃO PUBLICA======== */

        & .imagem-carrosselum {
          background-image: url('../../assets/images/iluminacao/pracabemestar.webp');
        }
        & .imagem-carrosseldois {
          background-image: url('../../assets/images/iluminacao/campovasquinho.webp');
        }
        & .imagem-carrosseltres {
          background-image: url('../../assets/images/iluminacao/viadutoxerem.webp');
        }

        & .texto-carrossel {
          justify-content: space-between;
          display: flex;
          padding: 1.5rem;
          flex-flow: column;
          gap: 2.5rem;
          width: 30%;
          background-color: #0b293b;
          border-radius: 1.5rem;
          color: #fff;
          border: 1px solid rgba(255, 255, 255, 0.163);

          & .titulo-carrossel {
            display: flex;
            flex-flow: column;
            gap: 0.5rem;
          }

          h2 {
            font-size: 2.5rem;
            color: #fff;
          }

          & .loc {
            display: flex;
            gap: 1rem;
            align-items: center;
          }

          & .p-carrossel {
            color: #ffffffcf;
            font-weight: lighter;
            height: 20rem;
            max-height: 20rem;
            overflow: hidden;
            padding-right: 0.55rem;
            transition: none;
            scrollbar-width: thin;
            scrollbar-color: #ffffff42 transparent;

            & p {
              display: block;
              width: 100%;
              margin: 0;
              white-space: normal;
              word-break: normal;
            }

            &.conteudo-expandido {
              overflow-y: auto;
              overflow-x: hidden;
            }

            &::-webkit-scrollbar {
              width: 0.45rem;
            }

            &::-webkit-scrollbar-track {
              background: transparent;
            }

            &::-webkit-scrollbar-thumb {
              background-color: var(--laranja-hashimoto);
              border-radius: 999px;
            }

            & .btn-leia-mais {
              display: inline;
              padding: 0;
              margin-left: 0.35rem;
              border: 0;
              background: transparent;
              color: #ffffffd6;
              font-size: inherit;
              font-weight: 700;
              text-decoration: underline;
              white-space: normal;
              vertical-align: baseline;
              cursor: pointer;
            }
          }
        }
      }

      & .numeros-carrossel {
        display: flex;
        flex-flow: column;
        gap: 1rem;
      }

      & .numero-carrossel {
        border: 1px solid rgba(255, 255, 255, 0.115);
        border-radius: 1rem;
        text-align: center;
        padding: 1rem;

        & .p-numero {
          font-size: 3rem;
          color: var(--laranja-hashimoto);

          & p {
            font-weight: 200;
            font-family: 'Boldonse';
          }
        }
      }
    }
  }

  & .indicadores-carrossel {
    --duracao-autoplay: 10000ms;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    margin-top: 1.6rem;
  }

  & .indicador-carrossel {
    width: 0.95rem;
    height: 0.95rem;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.32);
    opacity: 0.9;
    cursor: pointer;
    padding: 0;
    position: relative;
    overflow: hidden;
    transition:
      width 0.3s ease,
      background-color 0.3s ease,
      opacity 0.3s ease,
      transform 0.2s ease;
  }

  & .indicador-carrossel:hover {
    transform: translateY(-1px);
    opacity: 1;
  }

  & .indicador-carrossel:focus-visible {
    outline: 2px solid var(--laranja-hashimoto);
    outline-offset: 2px;
  }

  & .indicador-carrossel::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(255, 255, 255, 0.44);
    transform: scaleX(0);
    transform-origin: left center;
  }

  & .indicador-carrossel.indicador-ativo {
    width: 3rem;
    background: rgba(255, 255, 255, 0.22);
  }

  & .indicador-carrossel.indicador-ativo::before {
    background: linear-gradient(90deg, var(--laranja-hashimoto), #ff9a58);
    transform: scaleX(1);
  }

  &
    .indicadores-carrossel.autoplay-rodando
    .indicador-carrossel.indicador-ativo::before {
    transform: scaleX(0);
    animation: preencher-indicador var(--duracao-autoplay) linear forwards;
  }

  &
    .indicadores-carrossel.autoplay-pausado
    .indicador-carrossel.indicador-ativo::before {
    animation-play-state: paused;
  }
}

@media (max-width: 1200px) {
  & .container-iluminacao {
    gap: 2.2rem;

    & .container-informacoes {
      & .titulo {
        & h2 {
          font-size: 3rem;
          line-height: 3.4rem;
        }
      }
    }
  }

  & .container-imageminf {
    height: 44rem;
  }

  & .container-carrossel {
    & .carrossel-estrutura {
      & .carrossel {
        & .imagem-carrossel {
          width: 62%;
        }

        & .texto-carrossel {
          width: 38%;
        }
      }
    }
  }
}

@media (max-width: 980px) {
  & .hero {
    min-height: 42vh;
    font-size: 2.2rem;
    background-attachment: scroll;

    & h1 {
      text-align: center;
      font-size: clamp(3rem, 6.2vw, 4.4rem);
      line-height: 1.1;
      padding: 0 1.6rem;
    }
  }

  & .pre-footer {
    min-height: 34vh;
  }

  & .container-iluminacao {
    flex-direction: column;
    align-items: stretch;
    gap: 2.2rem;

    & .container-informacoes,
    & .container-imageminf {
      width: 100%;
    }

    & .container-informacoes {
      gap: 1.8rem;

      & .titulo {
        gap: 1.2rem;

        & h2 {
          font-size: 2.8rem;
          line-height: 3.2rem;
        }
      }

      & .numeros {
        gap: 2rem;
        flex-wrap: wrap;
        align-items: stretch;

        & .item-numero {
          flex: 1 1 22rem;

          & .numero {
            font-size: 3.1rem;
          }

          & .texto-numero {
            text-align: left;
          }
        }
      }

      & .beneficios {
        & .p-beneficioslista,
        & .p-beneficioslistas {
          align-items: center;
        }

        & .p-beneficioslista svg,
        & .p-beneficioslistas svg {
          flex-shrink: 0;
        }

        & li {
          padding: 0.8rem;
        }
      }
    }
  }

  & .container-imageminf {
    height: 34rem;
    border-radius: 1.4rem;
  }

  & .container-carrossel {
    & .titulo-secao {
      & .titulo-titulo {
        font-size: 3.2rem;
      }
    }

    & .carrossel-estrutura {
      --largura-card-ativo: 100%;
      display: block;
      overflow: hidden;
      touch-action: pan-y;

      & .seta:first-child {
        left: 0.8rem;
      }

      & .seta:last-child {
        right: 0.8rem;
      }

      & .carrossel {
        display: none;
        width: 100%;
        opacity: 1;
        pointer-events: none;
        transform: none;
        filter: none;
      }

      & .carrossel.carrossel-ativo {
        display: flex;
        flex-flow: column;
        gap: 1rem;
        pointer-events: auto;
      }

      & .carrossel .imagem-carrossel {
        width: 100%;
        height: 32rem;
        border-radius: 1.5rem;
      }

      & .carrossel .texto-carrossel {
        width: 100%;
        padding: 1.3rem;
        gap: 1.6rem;

        & h2 {
          font-size: 2.2rem;
        }

        & .p-carrossel {
          height: 16rem;
          max-height: 16rem;
        }
      }

      & .carrossel .numeros-carrossel {
        flex-direction: row;
        gap: 0.8rem;
      }

      & .carrossel .numero-carrossel {
        flex: 1;
      }

      & .seta {
        width: 4.2rem;
        height: 4.2rem;
        display: none;
      }
    }
  }
}

@media (max-width: 680px) {
  & .hero {
    min-height: 36vh;
    font-size: 2rem;

    & h1 {
      font-size: clamp(2.6rem, 8.6vw, 3.6rem);
      padding: 0 1.2rem;
    }
  }

  & .pre-footer {
    min-height: 28vh;
  }

  & .container-iluminacao {
    & .container-informacoes {
      & .titulo {
        & h2 {
          font-size: 2.4rem;
          line-height: 2.9rem;
        }
      }

      & .numeros {
        gap: 1.2rem;

        & .item-numero {
          & .numero {
            font-size: 2.7rem;
          }
        }
      }
    }
  }

  & .container-imageminf {
    height: 28rem;
  }

  & .container-carrossel {
    & .titulo-secao {
      & .conheca {
        width: auto;
      }

      & .titulo-titulo {
        font-size: 2.8rem;
      }
    }

    & .carrossel-estrutura {
      & .carrossel .imagem-carrossel {
        height: 26rem;
      }

      & .carrossel .texto-carrossel {
        & h2 {
          font-size: 2rem;
        }

        & .p-carrossel {
          height: 14rem;
          max-height: 14rem;
        }
      }
    }
  }
}

@media (max-width: 480px) {
  & .container-iluminacao {
    & .container-informacoes {
      & .numeros {
        flex-direction: column;
        align-items: stretch;

        & .item-numero {
          flex: 1 1 auto;
          width: 100%;
        }
      }
    }
  }

  & .container-imageminf {
    height: 24rem;
  }

  & .container-carrossel {
    & .carrossel-estrutura {
      & .carrossel .imagem-carrossel {
        height: 22rem;
      }

      & .carrossel .texto-carrossel {
        & .p-carrossel {
          height: 12rem;
          max-height: 12rem;
        }
      }
    }
  }
}

@keyframes preencher-indicador {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}