a {
  color: #323689;
}

.b1 {
  min-height: 200px;
  background: #ffffff;
  margin: 30px auto;
  border-radius: 17px;
  backdrop-filter: blur(40px);
  border: 1px solid #ffffffa3;
}

.b1 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.cabecalho-cao {
  display: flex;
  flex-wrap: wrap;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
}

.cabecalho-cao .sub-coluna-esquerda {
  order: 2;
}

.cabecalho-cao .sub-coluna-centro {
  order: 1;
  padding-bottom: 15px;
}

.cabecalho-cao .sub-coluna-direita {
  order: 3;
  width: 100%;
}

.cabecalho-cao .grid-fotos,
.cabecalho-cao .grid-fotos img {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}

.botoes-grid-fotos button {
  position: absolute;
  top: 20px;
  right: 20px;
  background: #ffffff40;
  backdrop-filter: blur(30px);
  border-radius: 20px;
  border: solid #ffffff47 3px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.05em;
  /* ALTERAR DESKTOP */
  font-size: 4vw;
  padding: 0.5em 1em;
}

.linha-informacoes {
  max-width: 94%;
  margin: 0 auto;
}

h4.ultima-atualizacao {
  text-align: center;
  font-weight: normal;
  color: #000000;
  /* ALTERAR DESKTOP */
  font-size: 4vw;
}

h1.nome-do-cao {
  text-align: center;
  line-height: 1;
  font-weight: 700;
  margin-top: -10px;
  margin-bottom: 10px;
  /* ALTERAR DESKTOP */
  font-size: 12vw;
}

p.descricao-cao {
  color: #000;
  text-align: center;
  line-height: 1.2em;
  /* ALTERAR DESKTOP */
  font-size: 4.4vw;
}

.sub-coluna-esquerda {
  display: flex;
  align-items: center;
  justify-content: center;
  /* ALTERAR DESKTOP */
  width: 100%;
  flex-wrap: wrap;
}

.linha-certificadores {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.certificador {
  padding: 0;
  background: #fff;
  border-radius: 500px;
  border: 6px solid #fff;
  /* ALTERAR DESKTOP */
  width: 20vw;
  height: 20vw;
  margin: 0 1vw;
}

.certificador img {
  margin: 0 !important;
  border-radius: 500px;
  width: 100% !important;
  height: auto !important;
}

button.btn-e1 {
  background: transparent;
  border-color: #1a1a1a;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 30px;
  /* ALTERAR DESKTOP */
  font-size: 4vw;
  margin: 0 0.5vw;
}

.linha-botoes {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.linha-botoes button {
  border-color: #3d3d3d;
  /* ALTERAR DESKTOP */
  width: 10vw;
  height: 10vw;
  margin: 0 1vw;
}

/* DESKTOP */
@media only screen and (min-width: 767px) {
  .cabecalho-cao .sub-coluna-esquerda {
    order: 1;
    width: 25%;
  }

  .cabecalho-cao .sub-coluna-centro {
    order: 2;
    width: 50%;
  }

  .cabecalho-cao .sub-coluna-direita {
    order: 3;
    width: 25%;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 40px;
  }

  .botoes-grid-fotos button {
    font-size: 14px;
    padding: 0.5em 1em;
    right: 95px;
    bottom: 32px;
    top: inherit;
  }

  h4.ultima-atualizacao {
    font-size: 15px;
  }

  h1.nome-do-cao {
    font-size: 34px;
  }

  p.descricao-cao {
    font-size: 14px;
  }

  .certificador {
    width: 80px;
    height: 80px;
    margin: 0 -2px;
  }

  button.btn-e1 {
    font-size: 14px;
    margin: 0 5px;
  }

  .linha-botoes button {
    width: 40px;
    height: 40px;
    margin: 10px 5px;
  }

  .grid-fotos {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .grid-fotos {
    padding: 50px 0 20px;
  }

  .sub-coluna-direita {
    display: flex;
    align-items: flex-end;
  }

  .linha-botoes {
    padding: 0;
    align-items: center;
    justify-content: center;
  }

  .cabecalho-cao .sub-coluna-esquerda {
    align-items: flex-start;
    padding-top: 200px;
  }

  .linha-certificadores {
    margin-bottom: -10px;
  }

  .coluna-esquerda-cao {
    width: 60%;
  }

  .coluna-direita-cao {
    width: 40%;
    justify-content: center;
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 0;
  }

  .colunas-cao {
    display: flex;
    padding: 0 15px;
    justify-content: stretch;
  }

  .responsaveis-cao {
    height: 100%;
    max-height: 100%;
    margin-top: 0px !important;
    margin-bottom: 0 !important;
  }

  .responsaveis-cao {
    margin: 0;
  }

  .informacoes-cao {
    margin-top: 0px;
  }

  .contagem-cao.b1 {
  }

  .contagem-cao {
    margin-bottom: 0;
  }
}

.cabecalho h3 {
  font-weight: normal;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 3vw 12px;
  font-size: 6vw;
}

.cabecalho {
  padding: 0 4vw;
}

@media only screen and (min-width: 767px) {
  .cabecalho h3 {
    text-align: left !important;
    padding: 10px 10px 12px;
    font-size: 18px;
  }

  .cabecalho {
    padding: 0 15px;
  }
}

.grid-chave,
.grid-valor {
  width: 50%;
  padding: 5px 0px 5px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
}

.grid-valores {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 24px 20px;
}

.grid-chave {
  font-weight: bold;
}

@media only screen and (min-width: 767px) {
  .grid-chave,
  .grid-valor {
    width: 25%;
    font-size: 14px;
  }
  .grid-valor {
    margin-right: 0%;
  }
}

.grid-contagens {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.contagem-item {
  width: 33.333%;
  text-align: center;
}

.contagem-cao.b1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-contagens {
  width: 100%;
}

.contagem-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.contagem-textos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 45%;
}

.contagem-textos h3,
.contagem-textos p {
  margin: 0;
}

.grid-contagens {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

ul.cao_certificador_item li {
  list-style: none;
  padding: 0;
}

ul.cao_certificador_item {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0px;
}

.wrapper-fotos {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}

.wrapper-fotos:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 25px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.grid-fotos .wrapper-fotos {
  border-radius: 30px;
  border: 5px solid #fff;
  box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
  width: 375px;
  height: 233px;
  background-size: cover;
  background-position: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.grid-fotos .wrapper-fotos img {
  z-index: 3;
  border-radius: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.grid-fotos .wrapper-fotos img.no-photo {
  height: 110px;
  opacity: 0.15;
}

.responsaveis-cao .grid-chave {
  width: 34%;
}

.responsaveis-cao .grid-valor {
  width: 66%;
}

.grid-membro-cabecalho {
  padding: 10px 22px;
  display: flex;
  align-items: center;
}

.membro-imagem,
.membro-imagem img {
  border-radius: 500px;
}

.membro-imagem {
  border: #090b3424 3px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  height: 106px;
}

.membro-imagem img {
  width: 96px;
}

.membro-info {
  padding-left: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}

.membro-info h3 {
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  margin: 0;
}

.membro-info p {
  width: 100%;
  margin: 0 0 3px 0;
}

.wrapper-fotos {
  overflow: hidden;
}

.wrapper-fotos {
  overflow: hidden;
}

.img-cao .wrapper-fotos img {
  z-index: 3;
}

.grid-arvore-genealogica {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
}

.a,
.b,
.c {
  /* padding: 20px; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.a {
  width: 30%;
}

.b {
  width: 30%;
}

.c {
  width: 30%;
}

.grid-cao {
  background: #ccc;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
}

.b .grid-cao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 10px;
  margin: 5px 0;
}

.tit-cao h2 {
  margin: 12px 0 5px;
  line-height: 1;
}

.divisor.div-1 {
  width: 6%;
}

.divisor.div-2 {
  width: 4%;
}

.a1,
.a2 {
  margin: 0px 0;
}

.img-cao {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 20px;
}

.a .tit-cao h2 {
  font-size: 27px;
  /* height: 62px; */
  overflow: hidden;
}

.b .img-cao {
  width: 43.5%;
}

.b .tit-cao {
  width: 55%;
}

.b .grid-cao button {
  margin-top: 12px;
}

.b .tit-cao h2 {
  padding-left: 10px;
}

.grid-cao button {
  padding: 5px 15px;
  letter-spacing: 0.1em;
  /* background: #279b2f; */
  border-radius: 10px;
  /* border-color: #18681e; */
  border: 0;
  border-bottom: 5px solid #18681e;
  color: #fff;
}

.c .tit-cao h2 {
  font-size: 27px;
}

.c .img-cao {
  width: 20%;
}

.c .tit-cao h2 {
  padding-left: 5px;
  font-size: 21px;
  line-height: 1;
}

.c .tit-cao {
  width: calc(80% - 90px);
  position: relative;
  padding-left: 5px;
}

.c .grid-cao {
  padding: 4px 6px;
  position: relative;
  align-items: center;
  justify-content: flex-start;
}

.c .grid-cao button {
  padding: 5px 7px 0;
  font-size: 15px;
  position: absolute;
  right: 5px;
  bottom: 10px;
}

.b .grid-cao button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 15px 1px;
}

.b1 .grid-cao {
  margin-top: 0;
}

.b2 .grid-cao {
  margin-bottom: 10px;
}

.a1 {
  margin-bottom: 15px;
}

.b4 .grid-cao {
  margin-bottom: 0;
}

.a .grid-cao {
  position: relative;
}

.a .img-cao img {
  width: 76.5%;
  margin: 0 auto;
}

.a .img-cao {
  background: #b6b6b6;
  border-radius: 20px;
}

.a .grid-cao button {
  position: absolute;
  top: 194px;
  margin: 0 auto;
  right: 0;
  left: 0;
  width: 160px;
  padding: 6px 0 4px 0;
}

.c > div {
  margin: 5px 0;
}

.c1 {
  margin-top: 0 !important;
}

.c2,
.c4,
.c6 {
  margin-bottom: 9px !important;
}

.c4 {
}

.divisor.div-1,
.divisor.div-2 {
  height: 280px;
  margin-top: 25px;
  position: relative;
}

.divisor-m,
.divisor-f {
  width: 100%;
  height: 50%;

  position: relative;
}

.divisor-m:before,
.divisor-m:after,
.divisor-f:before,
.divisor-f:after {
  content: "";
  width: 50%;
  height: 2px;
  background: #54e217;
  position: absolute;
  bottom: 0px;
}

span.linha {
  position: absolute;
  left: 0;
  right: 0;
  width: 2px;
  height: 80%;
  background: #54e217;
  margin: 0 auto;
}

.divisor-m span.linha,
.divisor-f span.linha {
  bottom: 0;
}

.divisor-m:after,
.divisor-f:after {
  top: 32%;
  bottom: inherit;
  right: 0;
}

.divisor-m:before,
.divisor-m:after,
.divisor-m span.linha {
  background: #52a6e6 !important;
}

.divisor-f:before,
.divisor-f:after,
.divisor-f span.linha {
  background: #e62aff !important;
}

.divisor-f:before {
  bottom: 32%;
  top: inherit;
  right: 0;
}

.divisor-f:after {
  top: 0px;
  bottom: inherit;
  right: 0;
  left: 0;
}

.divisor-f span.linha {
  bottom: inherit;
  top: 0;
}

.divisor.div-1:last-child {
  margin-top: 60px !important;
}

.grid-arvore-genealogica {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  padding: 18px;
}

.a,
.b,
.c {
  /* padding: 20px; */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

.a {
  width: 30%;
}

.b {
  width: 30%;
}

.c {
  width: 30%;
}

.grid-cao {
  background: #e8e8e8;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
}

.b .grid-cao {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 10px;
  margin: 23px 0;
  min-height: 145px;
  border-radius: 11px;
}

.tit-cao h2 {
}

.tit-cao h2 {
  margin: 12px 0 5px;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
}

.divisor.div-1 {
  width: 6%;
}

.divisor.div-2 {
  width: 4%;
}

.a1,
.a2 {
  margin: 0px 0;
}

.img-cao {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 20px;
}

.a .tit-cao h2 {
  font-size: 20px;
  /* height: 62px; */
  overflow: hidden;
}

.b .img-cao {
  width: 43.5%;
}

.b .tit-cao {
  width: 55%;
}

.b .grid-cao button {
  margin-top: 12px;
}

.b .tit-cao h2 {
  padding-left: 10px;
  font-size: 16px;
}

.grid-cao button {
  padding: 5px 15px;
  letter-spacing: 0.1em;
  background: #8b6e35;
  border-radius: 10px;
  border-color: #372707;
  border: 0;
  border-bottom: 5px solid #594317;
  color: #fff;
}

.c .tit-cao h2 {
  font-size: 27px;
}

.c .img-cao {
  width: 20%;
}

.c .tit-cao h2 {
  padding-left: 5px;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0;
}

.c .tit-cao {
  width: calc(80% - 90px);
  position: relative;
  padding-left: 5px;
}

.c .grid-cao {
  padding: 4px 6px;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  min-height: 72.9px;
  border-radius: 10px;
}

.c .grid-cao button {
  padding: 5px 7px 0;
  font-size: 15px;
  position: absolute;
  right: 5px;
  bottom: 10px;
}

.b .grid-cao button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 15px 1px;
}

.b1 .grid-cao {
  margin-top: 0px;
}

.b2 .grid-cao {
  margin-bottom: 10px;
}

.a1 {
  margin-bottom: 15px;
}

.b4 .grid-cao {
  margin-bottom: 0;
}

.a .grid-cao {
  position: relative;
  height: 320px;
}

.a .img-cao img {
  width: 76.5%;
  margin: 0 auto;
}

.a .img-cao {
  background: #b6b6b6;
  border-radius: 20px;
}

.a .grid-cao button {
  position: absolute;
  top: 194px;
  margin: 0 auto;
  right: 0;
  left: 0;
  width: 160px;
  padding: 6px 0 4px 0;
  z-index: 4;
}

.c > div {
  margin: 3px 0;
}

.c1 {
  margin-top: 0 !important;
}

.c2,
.c4,
.c6 {
  margin-bottom: 9px !important;
}

.c4 {
}

.divisor.div-1,
.divisor.div-2 {
  height: 280px;
  margin-top: 25px;
  position: relative;
}

.divisor-m,
.divisor-f {
  width: 100%;
  height: 50%;
  position: relative;
}

.divisor-m:before,
.divisor-m:after,
.divisor-f:before,
.divisor-f:after {
  content: "";
  width: 50%;
  height: 2px;
  background: #54e217;
  position: absolute;
  bottom: 0px;
}
span.linha {
  position: absolute;
  left: 0;
  right: 0;
  width: 2px;
  height: 68%;
  background: #54e217;
  margin: 0 auto;
}

.divisor-m span.linha,
.divisor-f span.linha {
  bottom: 0;
}

.divisor-m:after,
.divisor-f:after {
  top: 20%;
  bottom: inherit;
  right: 0;
}

.divisor-m:before,
.divisor-m:after,
.divisor-m span.linha {
  background: #52a6e6 !important;
}

.divisor-f:before,
.divisor-f:after,
.divisor-f span.linha {
  background: #e62aff !important;
}

.divisor-f:before {
  bottom: 20%;
  top: inherit;
  right: 0;
}

.divisor-f:after {
  top: 0px;
  bottom: inherit;
  right: 0;
  left: 0;
}

.divisor-f span.linha {
  bottom: inherit;
  top: 0;
}
.area-divisao {
  width: 6% !important;
}
.area-divisao.ad2 {
  width: 4% !important;
}
.area-divisao .divisor {
  width: 100% !important;
}

.divisor.div-2 {
  height: 160px;
  margin: 0;
  margin-bottom: 12px;
}

.divisor.div-2:last-child {
  margin-bottom: 0;
}

.grid-arvore-genealogica .wrapper-fotos {
  aspect-ratio: 4/3;
  overflow: hidden;
}

.grid-arvore-genealogica .wrapper-fotos:before {
  border-radius: 0px !important;
}

.grid-arvore-genealogica .wrapper-fotos img {
  height: 80%;
  width: auto;
  max-width: 100%;
}

.b .tit-cao p {
  padding-left: 10px;
  font-size: 14px;
}

.b > div {
  min-height: inherit;
  height: 165px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
}

.b3 {
  margin-top: 17px !important;
}

.c .tit-cao p {
  font-size: 13px;
  padding-left: 4px;
  margin-bottom: 0;
}

.a2 .grid-cao {
  margin-top: 13px;
}

.c5 {
  margin-top: 20px !important;
}

.ad2 .divisor-m span.linha,
.ad2 .divisor-f span.linha {
  height: 55%;
}

.ad2 .divisor-m:after {
  top: 45%;
}

.ad2 .divisor-f:before {
  bottom: 45%;
}

.a .tit-cao p {
  font-size: 16px;
}

.grid-cao {
  width: 100% !important;
}

.c > div {
  width: 100%;
}

.grid-cao.nao-preenchido img {
  opacity: 0.1;
}

/* videos */

ul.slides {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 10px 30px 30px;
}

.video-container {
  aspect-ratio: 16/9 !important;
  background: #000000;
  width: calc(50% - 10px);
  height: auto;
  overflow: hidden;
  border-radius: 15px;
}

.img-play {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  border-radius: 15px;
}

.img-play svg {
  width: 80px;
  height: 80px;
}

.video-container > div {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  cursor: pointer !important;
}

.video-container > div video:not(.wp-post-image) {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 100%; */
  width: 100%;
  border-radius: 15px;
  opacity: 0.3;
  cursor: pointer;
}
.video-container video.wp-post-image {
  width: 100%;
  height: 100%;
}

/* fim videos */

/* gal imagens */
.gal-img-cao span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gal-img-cao span svg {
  width: 40px;
  height: 40px;
}

.gal-img-cao {
  position: relative;
  background: #000;
  border-radius: 15px;
}

.gal-img-cao img {
  opacity: 0.3;
}

.imagens-cao ul.slides {
  justify-content: flex-start;
}

/* fim gal imagens */

/* documentos */

.grid-valor svg {
  width: 15px;
  height: 15px;
  fill: #4ea25d;
}

.grid-valor svg * {
  fill: #4ea25d;
}

.documentos-cao .grid-valor {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-transform: uppercase;
}

.documentos-cao .grid-valor a {
  color: #4ea25d;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer !important;
}

.documentos-cao .grid-chave {
  line-height: 1.2em;
}

/* fim documentos */

button.simplefavorite-button {
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  letter-spacing: 0.1em;
  border-radius: 500px;
  padding: 8px 10px;
  font-size: 14px;
  margin: 0px 5px 0;
  text-transform: uppercase;
}

button.simplefavorite-button:hover {
  background-color: var(--e-global-color-accent);
}

button.simplefavorite-button.active {
  background: #090b34;
  color: #fff;
  opacity: 1;
  border-color: #090b34;
}

.contagem-textos h3 {
  width: 100%;
}

.contagem-svg {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.contagem-svg svg {
  width: 100%;
  height: auto;
}

.contagem-item {
  border: 1px solid #cccccc7a;
  height: 102px;
  border-radius: 20px;
  background: #f6f6f6;
}

.grid-contagens {
  gap: 30px;
}

.contagem-textos p {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  width: 100%;
  letter-spacing: 0.05em;
}

.linha-botoes button svg {
  width: 17px;
  height: 17px;
}

.linha-botoes button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.linha-botoes button {
  cursor: inherit;
}

.linha-botoes button:hover {
  background: transparent;
}

.linha-botoes a button,
.linha-botoes a button:hover {
  background: var(--e-global-color-accent);
  border-color: #00000045;
  cursor: pointer;
}

.linha-botoes a button svg * {
  fill: #000000de;
}

@media only screen and (max-width: 767px) {
  .grid-fotos {
    max-width: 83%;
    margin: 0 auto;
    margin-top: 20px;
  }

  .grid-fotos .wrapper-fotos {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 375/233;
    height: auto;
  }

  .cabecalho-cao {
    background-size: 204%;
  }

  .linha-informacoes {
    margin-top: 20px;
    padding: 0 20px;
  }

  .cabecalho-cao .sub-coluna-centro {
    max-width: 100%;
  }

  h1.nome-do-cao {
    font-size: 8vw;
    padding: 0;
    line-height: 1.1em;
  }

  h4.ultima-atualizacao {
    font-size: 4.5vw;
    margin-bottom: 19px;
    line-height: 1.1em;
    opacity: 0.6;
  }

  p.descricao-cao {
    margin-bottom: 0 !important;
  }

  .linha-botoes button {
    width: 15vw;
    margin: 0 1vw;
  }

  .linha-botoes {
    align-items: center;
    justify-content: center;
  }

  .cabecalho h3 {
    text-align: center;
  }

  .grid-chave,
  .grid-valor {
    font-size: 4.5vw;
  }

  .grid-valores {
    padding: 0 5vw 20px;
  }

  .contagem-item {
    width: 100%;
  }

  .grid-contagens {
    gap: 10px;
    padding: 10px;
  }

  .responsaveis-cao.b1 .grid-valor {
    overflow: hidden;
  }

  .grid-arvore-genealogica {
    width: 1100px;
  }

  .grid-scroll-m {
    overflow: scroll;
  }

  .grid-scroll-m {
  }

  .documentos-cao .grid-chave {
    width: 40%;
    border-right: 1px solid #ccc;
  }

  .documentos-cao .grid-valor {
    width: 60%;
    padding-left: 5vw;
  }

  ul.slides {
    padding: 0 5vw 30px;
  }

  .video-container {
    width: 100%;
  }

  .gal-img-cao {
    width: 100%;
    /* float: left; */
  }

  .imagens-cao ul.slides {
    padding: 0 5vw 30px;
    gap: 10px 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    /* padding: 0; */
  }

  .imagens-cao ul.slides > div {
    width: 47% !important;
    overflow: hidden;
  }

  ul.slides a {
    width: inherit;
  }
}