@charset "UTF-8";
/* Tema do cliente */
/**  cor-1: #0A5D77;  **/
/**  cor-2: #F7A841;  **/

/* Fonts */
/* Roboto Bold */
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Roboto Regular */
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Noto Sans */
@font-face {
    font-family: 'noto_sansregular';
    src: url('../fonts/notosans-regular-webfont.woff2') format('woff2'),
         url('../fonts/notosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.aceitar_termos{
  position: fixed;
  bottom: 0;
  padding: 20px 20px;
  text-align: center;
  color: #FFF;
  background-color: rgba(33,33,33, 0.9);
  width: 100%;
  z-index: 999999;

  a{
    color: #FFFC9E!important;
    &:hover{
      color: #38A7EB!important;
    }
  }
}

a.ctacookies{
  display: inline-block;
  padding: 3px 15px 3px 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #FF0000;
  color: #FFF;
  transition: all .3s linear;
  margin-left: 10px;
  cursor: pointer;
  &:hover{
  filter: brightness(1.2);
  }
}

@media (width<=900px) {
  .btnwhats{
    right: auto;
    left: 50%;      
    transform: translate(-50%,0);
  }
}

.website{
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: hidden;
}

.postagemcompleta a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
  position: relative;
  top: 7px;
}

.wpcf7-not-valid{
  background-color: #FFD2D2!important;
}

.wpcf7-form-control-wrap{
  display: block;
}

.wpcf7-response-output{
  color: #FFF!important;
  border: 0!important;
  margin-right: 0!important;
  margin-left: 0!important;
  text-align: center!important;
  font-weight: bold!important;
  padding: 10px 20px!important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background-color: #dc3232;
} 

.wpcf7 form.spam .wpcf7-response-output {
  background-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output{
  background-color: #ffb900;
}

span.wpcf7-not-valid-tip{
  position: absolute;
  z-index: 1;
  right: 3px;
  font-size: 9px;
  top: 1px;
}

form iframe{
  width: 304px!important;
  height: 78px!important;
}

.g-recaptcha{
  margin-bottom: 20px;    
  display: block;
}

@media (width<=400px) {
  .g-recaptcha{
    transform: scale(0.7);
    transform-origin: 0 0;
  }
}

@media (width<=991px) {
  form .row>div{
    width: 100%;
  }
  form{
    border: 0;
    padding: 0;
  }
}

@media (width>=1200px) {
  .container{padding: 0px; 
  } 
}

@media (width<=991px) {
  .fxsm{
    height: auto;
    min-height: 0;
    padding: 40px 0;
  }
}

@media (width<=480px) {
  .fxsm{
    padding: 30px 0;
  }
}

a{
  transition: all .2s linear;
}

.editor a{
  color: #734397!important;
}

.editor a:hover{
  text-decoration: underline!important;
}

a:link, a:visited{
  color: inherit;
}

a:hover, a:active{
  color: var(--kry-color-1);
}

::-moz-selection{
  background: var(--kry-color-1);
}

::selection{
  background: var(--kry-color-1);
}

.pagination .active a,
.pagination .active a:hover{
  background-color: var(--kry-color-1);
  border-color: var(--kry-color-1);
}

.lds-ellipsis div{  
  background-color: var(--kry-color-1);
}

.editor, .editor p, .editor li{
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.editor p{
  margin-bottom: 20px;
}

html{
  scroll-behavior: smooth;
}

body{  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container{
  width: 100%!important;
  max-width: 1170px!important;
}

.container{
  .row{
    margin-left: -15px;
    margin-right: -15px;
  }
  .row>*{
    padding: 0px 1.5rem 0px 1.5rem;
  }
}

.alignleft{
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.alignright{
  float: left;
  margin-top: 16px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.aligncenter{
  display: block;
  margin: 16px auto;
}

:root{
  --kry-color-1: #0A5D77;
  --kry-color-2: #F7A841;
}

/* HEADER */

.topo__header{
  position: relative;

  background-image: url('../imagens/header-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  .header{
    .container{
      padding-top: 19px;
      padding-bottom: 19px;
      .row{
        align-items: flex-start;
        row-gap: 25px;
      }
      .logo{
        display: block;
        width: 100%;
        max-width: 364px;
        img{
          width: 100%;
          height: auto;
        }
      }
    }
    .wrapper__menu__language{
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      row-gap: 29px;
    }
  }
  .language__inner{
    display: flex;
    align-items: center;
    column-gap: 13px;
    .language__link{
      display: block;
      font-family: 'robotobold';
      font-size: 13px;
      line-height: 1.2;

      color: var(--kry-color-2);
      cursor: pointer;
    }
    .line__y{
      display: block;
      width: 1px;
      height: 28px;
      background-color: #FFFFFF;
    }
  }
  .nav{
    justify-content: flex-end;
    .nav__list{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      column-gap: 55px;
      row-gap: 20px;

      list-style: none;

      padding: 0;
      .nav__item{
        .nav__link{
          font-family: 'robotoregular';
          font-size: 16px;
          line-height: 1.2;

          color: #FFFFFF;

          transition: all .3s ease;
        }

        &:hover .nav__link,
        &[aria-current="page"] .nav__link{
          text-decoration: underline !important;
          color: var(--kry-color-2);
        }
      }
    }
  }
  .btn-burger{
    display: none;

    width: 40px;
    height: 40px;
    border: 0;
    background-color: transparent;
    color: var(--kry-color-2);
    border: 10px;
    cursor: pointer;
    padding: 0;
    .lines{
      width: 36px;
      height: 28px;

      display: grid;
      gap: 4px;
      margin: 0 auto;
      .line{
        height: 4px;
        background-color: currentColor;
        border-radius: 2px;
        transition: all .3s ease;
      }
    }

    &:focus-visible{
      outline: 2px solid #FFF;
    }

    &[aria-expanded="true"]{
      .line:nth-child(1){
        transform: translateY(11px) rotate(45deg);
      }
      .line:nth-child(2){
        opacity: 0;
      }
      .line:nth-child(3){
        transform: translateY(-10px) rotate(-45deg);
      }
    }
  }
  .backdrop{
    position: fixed;
    z-index: 70;
    inset: 0;

    background: rgba(0, 0, 0, .65);
    backdrop-filter: blur(1px);
    opacity: 0;
    
    pointer-events: none;
    transition: opacity .3s ease;

    &.shown{
      opacity: 1;
      pointer-events: auto;
    }
  }
  .sidebar__container{
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 80;

    display: flex;
    flex-direction: column;
    width: 250px;

    background-color: var(--kry-color-1);
    border-right: 2px solid var(--kry-color-2);

    transform: translateX(-100%);

    transition: all .2s ease;

    &.shown{
      transform: translateX(0px);
    }

    .sidebar__header{
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 20px;

      border-bottom: 2px solid var(--kry-color-2);
      padding: 20px 16px;
      .language__inner{
        width: 100%;
        .gt_float_switcher{
          right: unset;
          left: 0px;
        }
      }
      .sidebar__logo{
        display: block;
        width: 100%;
        img{
          width: 100%;
          height: auto;
        }
      }
      .sidebar__header__wrapper{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .sidebar__title{
        font-family: 'robotobold';
        font-size: 30px;
        text-align: center;

        color: #FFF;
        margin-bottom: 0;
      }
      .sidebar__close{
        width: 32px;
        height: 32px;
        border: 0;

        background-image: url('../imagens/icon-close.png');
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;

        cursor: pointer;
      }
    }
    .sidebar__nav{
      display: flex;
      flex-direction: column;

      padding: 12px;
      .nav__list{
        flex-direction: column;
        align-items: flex-start;
        .nav__item{
          .nav__link{
            font-size: 19px;
          }
        }
      }
    }
  }
}

.gtranslate_wrapper{
  position: relative;
  width: 115px;
  height: 30px;
  .gt_float_switcher{
    position: absolute;
    top: 0px;
    right: 0px;

    background: var(--kry-color-1);
    cursor: pointer;

    box-shadow: none;
    .gt-selected{
      background-color: var(--kry-color-1);
      .gt-current-lang{
        font-family: 'robotobold';
        font-size: 13px;
        line-height: 1.2;

        color: var(--kry-color-2);

        padding: 0;
        .gt_float_switcher-arrow{
          display: none;
        }
      }
    }
    .gt_options{
      width: 100%;
      max-width: 113px !important;
      a{
        font-family: 'robotobold';
        font-size: 13px;
        line-height: 1.2;

        color: var(--kry-color-2);

        padding: 0;

        margin-top: 8px;
        &:hover{
          background-color: var(--kry-color-1);
        }
      }
    }
  }
}

/* RESPONSIVO HEADER */

  @media (max-width: 991px) {
    .topo__header{
      background-image: none;
      .header{
        position: fixed;
        left: 0;
        top: 0;
        z-index: 70;

        width: 100%;

        background-color: var(--kry-color-1);
        .container{
          .row{
            align-items: center;
          }
          .row>*{
            width: auto;
          }
          .logo{
            img{
              height: 50px;
            }
          }

          .menu__col{
            flex-grow: 1;
          }
          .wrapper__menu__language{
            flex-direction: row;
            justify-content: flex-end;
          }
          .language__inner, .nav{
            display: none;
          }
          .btn-burger{
            display: inline-grid;
            place-items: center;
          }
        }
      }
    }
  }
  @media(prefers-reduced-motion: reduce) {
    .sidebar__container, .backdrop, .btn-burger .line{
      transition: none;
    }
  }

/* /RESPONSIVO HEADER */

/* /HEADER */

/* BANNER */

.banner{
  background-image: url('../imagens/banner-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  .banner__item{
    display: block;
    width: 100%;
    min-height: 421px;
    source, img{
      width: 100%;
      height: 100%;
      min-height: 421px;
      border-radius: 2px;
      object-fit: cover;
    }
  }
  .tns-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 19px;

    margin-top: 12px;
    button{
      width: 17px;
      height: 17px;

      background-color: var(--kry-color-1);
      border: none;
      border-radius: 50%;

      padding: 0;

      transition: all .3s ease;
      &.tns-nav-active,
      &:hover{
        background-color: var(--kry-color-2);
      }
    }
  }
}

/* RESPONSIVO BANNER */

  @media (max-width: 991px) {
    .banner{
      padding-top: 94px;
      .banner__item{
        min-height: auto;
        img{
          min-height: auto;
        }
      }
    }
  }

/* /RESPONSIVO BANNER */

/* /BANNER */

/* INDEX */

.fx1{
  .container{
    padding-top: 64px;
    padding-bottom: 72px;
    .content{
      h1{
        font-family: 'robotobold';
        font-size: 82px;
        line-height: 1;

        color: #000000;
        margin-bottom: 0;
      }
      h2{
        font-family: 'robotobold';
        font-size: 34px;
        line-height: 1.5;

        color: #F7A841;
        margin-bottom: 0;
      }
    }
  }
}

.fx2{
  background: linear-gradient(to right,
    var(--kry-color-1) 54.427083%,
    transparent 54.427083%
  );

  margin-bottom: 171px;
  .container{
    position: relative;

    padding-top: 77px;
    .row{
      align-items: flex-start;
      row-gap: 25px;
    }
    .content{
      h2{
        position: relative;
        font-family: 'robotobold';
        font-size: 44px;
        line-height: 1.6;

        color: var(--kry-color-2);
        margin-bottom: 0;

        &::before{
          content: '';
          position: absolute;
          left: 0px;
          bottom: 0px;

          width: 70px;
          height: 1px;
          background-color: #FFF;
        }
      }
      p{
        font-family: 'robotoregular';
        font-size: 17px;
        line-height: 1.1;
        text-align: justify;

        color: #FFFFFF;
        margin-bottom: 0;
      }
    }
    .img-direita{
      width: 100%;
      max-width: 670px;
      img{
        width: 100%;
        max-width: 670px;
        height: auto;
        max-height: 433px;
      }
    }
    .sobre__card__grid{
      position: absolute;
      left: 0px;
      bottom: -96px;

      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 30px;
      grid-row-gap: 20px;

      align-items: flex-end;
      .sobre__card{
        width: 100%;
        max-width: 270px;

        padding: 45px 22px;
        h2{
          font-family: 'robotobold';
          font-size: 55px;
          line-height: 1.5;

          margin-bottom: 4px;
        }
        p{
          font-family: 'robotoregular';
          font-size: 24px;
          line-height: 1.23;

          margin-bottom: 0;
        }
      }
      .sobre__card:nth-child(1){
        background-color: #191919;
        color: #FFF;
      }
      .sobre__card:nth-child(2){
        background-color: var(--kry-color-2);
        color: #000;
      }
      .sobre__card:nth-child(3){
        background-color: var(--kry-color-1);
        color: #FFF;
      }
      .line__card{
        width: 100%;
        height: 2px;

        background-color: #000;
        margin-bottom: 31px;
      }
    }
  }
}

.fx3{
  background: linear-gradient(to right,
    transparent 69.79167%,
    var(--kry-color-1) 69.791667%
  );
  .container{
    padding-top: 118px;
    padding-bottom: 104px;
  }
  .row{
    row-gap: 25px;
  }
  .content{
    h2{
      font-family: 'robotobold';
      font-size: 44px;
      line-height: 1.4;

      color: var(--kry-color-2);
      margin-bottom: 32px;
    }
  }
  .vantagens_wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  .card__vantagem{
    width: 100%;
    max-width: 46%;
    .topo{
      display: flex;
      align-items: center;
      column-gap: 6px;

      margin-bottom: 12px;
      p{
        font-family: 'robotobold';
        font-size: 15px;
        line-height: 1.1;

        color: #000000;
        margin-bottom: 0;
      }
    }
    span{
      font-family: 'robotoregular';
      font-size: 15px;
      line-height: 1.1;

      color: #000000;
    }
  }
  .img-direita{
    img{
      width: 100%;
      max-width: 570px;
      height: auto;
    }
  }
}

.fx4{
    background: 
    linear-gradient(to right,
      transparent 69.791667%,
      var(--kry-color-1) 69.791667%
    ),
    url('../imagens/img-fx4.png')
  ;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  .container{
    padding-top: 23px;
    padding-bottom: 53px;
    .content{
      text-align: center;

      margin-bottom: 57px;
      h2{
        font-family: 'robotobold';
        font-size: 44px;
        line-height: 1.5;

        color: var(--kry-color-2);
        margin-bottom: 29px;
      }
      p{
        font-family: 'robotoregular';
        font-size: 17px;
        line-height: 1.1;

        color: #000000;
        margin-bottom: 0;
      }
    }
    .atuacao__wrapper{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-column-gap: 30px;
      .card__atuacao{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        text-align: center;
        .icon{
          position: relative;
          width: 160px;
          height: 160px;

          background-color: #D9D9D9;

          padding: 36px 33px;
          margin-bottom: 53px;
          &::before{
            content: '';
            position: absolute;
            left: 50%;
            bottom: -40px;
            transform: translateX(-50%);

            width: 10px;
            height: 40px;

            background-image: url('../imagens/icon-arrow.png');
          }
        }
        p{
          font-family: 'robotobold';
          font-size: 26px;
          line-height: 1.3;

          color: var(--kry-color-2);
          margin-bottom: 11px;
        }
        span{
          font-family: 'robotobold';
          font-size: 17px;
          line-height: 1.1;

          color: #FFFFFF;
        }
      }
    }
  }
}

.fx5{
  .container{
    padding-top: 53px;
    padding-bottom: 73px;
    .content{
      text-align: center;

      margin-bottom: 45px;
      h2{
        font-family: 'robotobold';
        font-size: 44px;
        line-height: 1.6;

        color: var(--kry-color-2);
        margin-bottom: 29px;
      }
      p{
        font-family: 'robotoregular';
        font-size: 17px;
        line-height: 1.2;

        color: #000000;
        margin-bottom: 0px;
      }
    }
    .cliente__item{
      --bg-cliente-item: #FFFFFF;
      display: block;
      width: 100%;
      height: 100px;
      text-align: center;

      background-color: var(--bg-cliente-item);
      border-radius: 10px;

      padding: 8px;
      img{
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
    .tns-nav{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      column-gap: 19px;

      margin-top: 32px;
      button{
        width: 17px;
        height: 17px;

        background-color: var(--kry-color-1);
        border: none;
        border-radius: 50%;

        padding: 0;

        transition: all .3s ease;
        &.tns-nav-active,
        &:hover{
          background-color: var(--kry-color-2);
        }
      }

      &::before{
        content: '';

        width: 100%;
        height: 2px;

        background-color: #000000;
        border-radius: 1px;

        padding-right: 28px;
      }
    }
  }
}

/* RESPONSIVO INDEX */

  @media(max-width: 1199px){

  }
  @media (max-width: 991px) {
    .fx1{
      .container{
        .content{
          text-align: center;
          h1{
            font-size: 61px;
          }
          h2{
            font-size: 26px;
          }
        }
      }
    }
    .fx2{
      background: transparent;
      margin-bottom: 45px;
      .container{
        padding-top: 0px;
        .row{
          background-color: var(--kry-color-1);
          padding-top: 47px;
          padding-bottom: 15px;
        }
        .col-lg-7{
          justify-items: center;
        }
        .content{
          text-align: center;
          justify-items: center;
          h2{
            font-size: 30px;
          }
        }
        .sobre__card__grid{
          position: relative;
          left: unset;
          bottom: unset;

          grid-template-columns: 1fr;
          justify-items: center;

          margin-top: 10px;
          .line__card{
            display: none;
          }
        }
      }
    }
    .fx3{
      background: transparent;
      .img__col{
        justify-items: center;
      }
      .content{
        text-align: center;
        h2{
          font-size: 30px;
          line-height: normal;
        }
      }
      .card__vantagem{
        max-width: 48%;
        .topo{
          justify-content: center;
        }
      }
      .img-direita{
        img{
          max-height: 350px;
        }
      }
    }
    .fx4{
      background-image: none;
      background: var(--kry-color-1);
      .container{
        .content{
          h2{
            font-size: 30px;
            line-height: normal;
          }
          p{
            color: #FFF;
          }
        }
        .atuacao__wrapper{
          grid-template-columns: unset;
          grid-column-gap: unset;

          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 30px;
          .card__atuacao{
            width: 30%;
          }
        }
      }
    }
    .fx5{
      .container{
        .content{
          h2{
            font-size: 30px;
            line-height: normal;
          }
        }
        .tns-nav{
          justify-content: center;
          column-gap: 10px;
          &::before{
            display: none;
          }
        }
      }
    }
  }
  @media(max-width: 767px){
    .fx1{
      .container{
        .content{
          h1{
            font-size: 31px;
          }
          h2{
            font-size: 20px;
          }
        }
      }
    }
    .fx3{
      .vantagens_wrapper{
        justify-content: center;
      }
      .card__vantagem{
        max-width: 370px;
      }
    }
    .fx4{
      .container{
        .atuacao__wrapper{
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          gap: 30px;
          .card__atuacao{
            width: 100%;
            max-width: 200px;
          }
        }
      }
    }
  }

/* /RESPONSIVO INDEX */

/* /INDEX */

/* FOOTER */

.footer{
  background-image: url('../imagens/footer-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  .container{
    padding-top: 110px;
    padding-bottom: 99px;
    .content{
      background-color: var(--kry-color-1);

      justify-items: center;

      padding: 79px 100px 51px 100px;
      .logo{
        display: block;
        width: 100%;
        max-width: 364px;

        margin-bottom: 66px;
        img{
          width: 100%;
          max-width: 364px;
          height: auto;
          max-height: 161px;
        }
      }
    }
    .credits{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      p{
        font-family: 'noto_sansregular';
        font-size: 14px;
        line-height: 1.1;

        color: #FFFFFF;
        margin-bottom: 0;
      }
      .kryzalis{
        display: flex;
        align-items: flex-end;
        column-gap: 22px;
        img{
          flex-shrink: 0;
        }
      }
    }
  }
}

/* RESPONSIVO FOOTER */

  @media (max-width: 991px) {
    .footer{
      .container{
        padding-top: 50px;
        padding-bottom: 50px;
        .content{
          padding: 40px 25px;
        }
        .credits{
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          text-align: center;
          row-gap: 15px;
        }
      }
    }
  }

/* /RESPONSIVO FOOTER */

/* /FOOTER */

/* FLOAT BUTTONS */

.float__buttons{
  .container{
    position: relative;
  }
  .float__buttons__wrapper{
    position: fixed;
    z-index: 60;
    right: 20px;
    bottom: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 21px;
    .float__btn{
      display: block;

      width: 70px;
      height: 70px;
      img{
        width: 100%;
        height: auto;
      }
    }
  }
}

/* RESPONSIVO FLOAT BUTTONS */

  @media (max-width: 991px) {
    .float__buttons{
      .float__buttons__wrapper{
        right: unset;
        left: 50%;
        bottom: 15px;
        transform: translateX(-50%);
        flex-direction: row;
        column-gap: 15px;
        .float__btn{
          width: 50px;
          height: 50px;
        }
      }
    }
  }

/* /RESPONSIVO FLOAT BUTTONS */

/* /FLOAT BUTTONS */

/* 404 */

.pg-404 {
  text-align: center;
  padding: 60px 20px;
  font-family: 'robotoregular', Arial, sans-serif;
  color: #333;
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pg-404 .container {
  max-width: 800px;
}

.pg-404 h1 {
  font-family: 'robotobold', Arial, sans-serif;
  font-size: 120px;
  margin: 0;
  color: var(--kry-color-1);
  line-height: 1;
}

.pg-404 h2 {
  font-size: 22px;
  margin: 20px 0;
  color: #555;
}

.pg-404 .editor {
  font-size: 16px;
  color: #666;
}

.pg-404 .editor a {
  color: var(--kry-color-2);
  text-decoration: none;
  font-weight: bold;
}

.pg-404 .editor a:hover {
  text-decoration: underline;
}

/* Responsividade */
@media (max-width: 768px) {
  .pg-404 h1 {
    font-size: 80px;
  }
  .pg-404 h2 {
    font-size: 18px;
  }
  .pg-404 .editor {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .pg-404 {
    padding: 40px 15px;
  }
  .pg-404 h1 {
    font-size: 60px;
  }
  .pg-404 h2 {
    font-size: 16px;
  }
  .pg-404 .editor {
    font-size: 14px;
  }
}

/* /404 */

/*@media(max-width: 1400px){
   
    }
    @media(max-width: 1199px){
   
    }
    @media (max-width: 991px) {
   
    }
    @media (max-width: 860px) {
   
    }
    @media(max-width: 767px){
   
    }
    @media (max-width: 480px) {
   
    }*/