@font-face {
  font-family: 'Linearicons-Free';
  src: url("./../linearicons/Linearicons-Free.eot?w118d");
  src: url("./../linearicons/Linearicons-Free.eot?#iefixw118d") format("embedded-opentype"), url("./../linearicons/Linearicons-Free.woff2?w118d") format("woff2"), url("./../linearicons/Linearicons-Free.woff?w118d") format("woff"), url("./../linearicons/Linearicons-Free.ttf?w118d") format("truetype"), url("./../linearicons/Linearicons-Free.svg?w118d#Linearicons-Free") format("svg");
  font-weight: normal;
  font-style: normal; }
.lnr-star,
.lnr-thumbs-up,
.lnr-thumbs-down,
.lnr-user,
.lnr-users {
  font-family: 'Linearicons-Free';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lnr-user:before {
  content: "\e82a"; }

.lnr-users:before {
  content: "\e82b"; }

.lnr-star:before {
  content: "\e814"; }

.lnr-thumbs-up:before {
  content: "\e86d"; }

.lnr-thumbs-down:before {
  content: "\e86e"; }

.avaliacao-loja {
  width: 100%;
  float: left;
  margin: 50px 0 10px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .avaliacao-loja > div:not(.form-avaliacao) {
    max-width: 1240px; }
  @media (min-width: 1000px) {
    .avaliacao-loja {
      padding: 0 25px; } }
  .avaliacao-loja .mensagem-avaliacao {
    padding: 25px 40px;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #eee;
    border-radius: 5px;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.3em; }
  .avaliacao-loja .form-avaliacao {
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    margin-top: 20px; }
    .avaliacao-loja .form-avaliacao > div {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 1240px;
      justify-content: center;
      border-top: 1px solid #E9E9E9;
      padding: 50px 0; }
      .avaliacao-loja .form-avaliacao > div > .title {
        width: 100%;
        text-transform: uppercase;
        margin-bottom: 50px;
        text-align: center; }
        .avaliacao-loja .form-avaliacao > div > .title h3 {
          font-weight: bold;
          font-size: 21px; }
      .avaliacao-loja .form-avaliacao > div .mensagem {
        padding: 20px 20px;
        border: 0;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 35px;
        color: #fff;
        text-transform: uppercase;
        display: none; }
        .avaliacao-loja .form-avaliacao > div .mensagem.sucesso {
          background-color: #5cb85c; }
        .avaliacao-loja .form-avaliacao > div .mensagem.erro {
          background-color: #d9534f; }
      .avaliacao-loja .form-avaliacao > div form {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px; }
        .avaliacao-loja .form-avaliacao > div form > div {
          grid-column: 1 / 3;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start; }
          @media (min-width: 1000px) {
            .avaliacao-loja .form-avaliacao > div form > div.nome {
              grid-column: 1; }
            .avaliacao-loja .form-avaliacao > div form > div.email {
              grid-column: 2; } }
          .avaliacao-loja .form-avaliacao > div form > div textarea,
          .avaliacao-loja .form-avaliacao > div form > div input:not([type=radio]):not([type=checkbox]) {
            width: 100%;
            height: 45px;
            border: 1px solid #ddd;
            padding: 5px 15px;
            border-radius: 5px;
            font-size: 1.2em;
            color: #333; }
          .avaliacao-loja .form-avaliacao > div form > div textarea {
            height: auto;
            min-height: 150px;
            padding: 15px 15px; }
          .avaliacao-loja .form-avaliacao > div form > div > label {
            font-size: 17px;
            font-weight: normal;
            margin-bottom: 10px; }
          .avaliacao-loja .form-avaliacao > div form > div .radio-group {
            display: inline-flex;
            width: 100%;
            align-items: center;
            justify-content: flex-start; }
            .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio {
              display: inline-flex;
              align-items: center;
              font-size: 14px;
              text-transform: uppercase;
              position: relative;
              cursor: pointer;
              opacity: 0.5; }
              .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio.active {
                opacity: 1; }
                .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio.active.star {
                  color: #f0ad4e; }
                .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio.active.thumb-up {
                  color: #5cb85c; }
                .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio.active.thumb-down {
                  color: #d9534f; }
              .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio input {
                margin-right: 10px;
                visibility: hidden;
                position: absolute;
                left: -20px; }
              .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio span {
                color: inherit;
                font-size: 1.4em;
                font-weight: bold; }
              .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio:not(:last-child) {
                margin-right: 10px; }
                .avaliacao-loja .form-avaliacao > div form > div .radio-group .label-radio:not(:last-child).thumb {
                  margin-right: 20px; }
          .avaliacao-loja .form-avaliacao > div form > div.enviar {
            display: inline-flex;
            justify-content: center;
            align-items: center; }
            .avaliacao-loja .form-avaliacao > div form > div.enviar button {
              padding: 15px 20px;
              border: 0;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              text-transform: uppercase;
              color: #fff;
              background-color: #5cb85c;
              font-weight: bold;
              border-radius: 5px;
              font-size: 15px; }
  .avaliacao-loja .mensagem-avaliacoes .avaliacao-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
    flex-wrap: wrap; }
    .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .nota .nota-valor {
      font-size: 64px;
      font-weight: bold;
      color: #333; }
      .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .nota .nota-valor span {
        font-size: 24px;
        color: #666; }
    .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .nota .nota-label {
      font-size: 12px;
      text-transform: uppercase;
      color: #555; }
    .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .nota .estrelas {
      color: #ffc107;
      font-size: 30px; }
    .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .nota .nota-base {
      font-size: 12px;
      color: #777; }
    .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .recomendacao {
      display: flex;
      align-items: center;
      gap: 10px; }
      .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .recomendacao .circulo {
        width: 70px;
        height: 70px;
        border: 3px solid #ffc107;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        color: #000; }
      .avaliacao-loja .mensagem-avaliacoes .avaliacao-content .recomendacao .texto {
        font-size: 14px;
        color: #555; }
  .avaliacao-loja .mensagem-avaliacoes .balao {
    border: 1px solid #E9E9E9;
    padding: 15px 25px;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 25px;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
    color: #555; }
    .avaliacao-loja .mensagem-avaliacoes .balao span {
      font-size: 28px; }
    .avaliacao-loja .mensagem-avaliacoes .balao h3 {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: bold;
      margin: 0;
      margin-left: 15px; }
    .avaliacao-loja .mensagem-avaliacoes .balao .arrow {
      width: 0;
      height: 0;
      border-top: 10px solid #ddd;
      border-left: 10px solid transparent !important;
      border-right: 10px solid transparent !important;
      position: absolute;
      left: 25px;
      bottom: -10px;
      display: none; }
  .avaliacao-loja .mensagem-avaliacoes > p {
    font-size: 16px;
    line-height: 1.5em;
    color: #555;
    margin-bottom: 15px;
    text-align: justify; }
  .avaliacao-loja .outras-avaliacoes {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
    justify-content: center; }
    .avaliacao-loja .outras-avaliacoes > p {
      font-size: 16px;
      line-height: 1.5em;
      color: #555;
      margin-bottom: 35px;
      width: 100%;
      text-align: justify; }
    .avaliacao-loja .outras-avaliacoes .lista-avaliacoes {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        overflow: hidden; }
        .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao:not(:last-child) {
          margin-bottom: 30px; }
        .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header {
          width: 100%;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: flex-start; }
          .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header span {
            font-weight: bold;
            text-transform: uppercase;
            color: #555;
            margin-bottom: 10px; }
            .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header span.nome {
              font-size: 18px; }
            .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header span.nota .lnr-star {
              margin-right: 5px;
              font-size: 18px;
              color: #f0ad4e; }
        .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-body {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin-bottom: 10px;
          padding: 10px 0; }
          .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-body .descricao {
            display: inline-block;
            width: 100%;
            text-align: justify;
            font-size: 16px;
            line-height: 1.5em; }
        .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avaliacao-footer {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avaliacao-footer span {
            font-weight: bold;
            color: #555;
            margin-right: 10px;
            font-size: 16px; }
            .avaliacao-loja .outras-avaliacoes .lista-avaliacoes .avaliacao .avaliacao-footer span.user {
              background-color: #ddd;
              border-radius: 5px;
              padding: 2px 3px 3px; }

@media (max-width: 999px) {
  .avaliacao-loja .mensagem-avaliacao {
    text-align: center; }
  .avaliacao-loja .form-avaliacao {
    border-radius: 0;
    border: 0; }
    .avaliacao-loja .form-avaliacao > div {
      border-top: 1px solid #ddd;
      padding: 30px 10px 0; }
      .avaliacao-loja .form-avaliacao > div .title {
        margin-bottom: 20px; }
      .avaliacao-loja .form-avaliacao > div .enviar {
        margin-top: 25px; }

  .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header > span {
      display: inline-flex; }
      .outras-avaliacoes .lista-avaliacoes .avaliacao .avalicao-header > span.nome {
        margin-bottom: 15px; } }

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