:root {
  --preto: #000;
  --branco: #F7F7F7;
  --marrom: #BB876D;
  --bege: #D1BCB1;
  --azul: #76A2FF;
  --creme: #FFD5A2;
  --laranja: #FD9967;
  --neon: #E3FD8D;
  --rosa: #FF4799;
  --roxo: #AE93AB;
  --verde: #B5FFC3;
  --ocre: #9C906D;
}
button:focus, a:focus, input:focus {
  outline: none;
}
*:focus {
  outline: none;
}
.bg-bege {
  background-color: var(--bege);
}
.bg-marrom {
  background-color: var(--marrom);
}
.bg-branco {
  background-color: var(--branco);
}
.bg-azul {
  background-color: var(--azul);
}
.bg-rosa {
  background-color: var(--rosa);
}
.bg-laranja {
  background-color: var(--laranja);
}
#wpadminbar {
  display: none !important;
}
html {
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 0px!important;
}
::-webkit-scrollbar {
  display: none;
}
::selection {
  background-color: var(--bege);
}
.page {
  margin: 0px;
}
body {
  background-color: var(--branco);
  color: var(--preto);
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
  font-size: 30px;
  font-size: clamp(16px, 1.56vw, 1.56vw);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-style: normal;
  transition: padding 0.5s ease-in-out;
  cursor: none;
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translate(0, 2rem);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}


 .custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: #5C90FF;
  translate: var(--x, 0px) var(--y, 0px);
  scale: 1;
  transition: translate 0.1s ease-out, scale 0.4s ease-out, background-color 0.4s ease;
  pointer-events: none;
  z-index: 999999;
  will-change: translate, scale;
}
.custom-cursor.cursor-cresce {
  scale: 1.7;
  cursor: none!important;
}
.pointer {
  cursor: none!important;
}

.in-view {
  animation: fade .4s .4s both;
}
.not-in-view {
  opacity: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}
h1, h1 p, h2, h2 p, h3, h3 p, h4 h4 p{
  line-height: 1;
}
h5, h6, p {
  line-height: 1.15;
}
h2 {
  font-size: 100px;
  font-size: clamp(40px, 5.2vw, 5.2vw);
}
h3, h3 p {
  font-size: 80px;
  font-size: clamp(36px, 4.1vw, 4.1vw);
  line-height: 1;
}
h4, h4 p {
  font-size: 60px;
  font-size: clamp(32px, 3.1vw, 3.1vw);
}
h5, h5 p {
  font-size: 50px;
  font-size: clamp(24px, 2.6vw, 2.6vw);
  line-height: 1;
}
h6 {
  font-size: 40px;
  font-size: clamp(20px, 2vw, 2vw);
}
p {
  font-size: 30px;
  font-size: clamp(16px, 1.56vw, 1.56vw);
  margin: 0px;
}
small {
  font-size: 20px;
}
.container-cs {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
.pt-h {
  padding-top: var(--medida);
}
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-40 {
  gap: 40px;
}
.gap-60 {
  gap: 60px;
}
.gap-80 {
  gap: 80px;
}
a, a:visited, a:active {
  color: var(--preto)!important;
  text-decoration: none;
  transition: all 0.5s ease;
  cursor: none;
}
ul, ol {
  margin: 0px;
  padding: 0px;
}
.ratio-1x1 {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}
.ratio-2x1 {
  aspect-ratio: 2/1;
  object-fit: cover;
  object-position: center;
}
.ratio-5x2 {
  aspect-ratio: 5/2;
  object-fit: cover;
  object-position: center;
}
.w-fit {
  width: fit-content;
}
.f-grow {
  flex-grow: 1;
}
.cover {
  object-fit: cover;
}
.of-hidden {
  overflow: hidden;
}
.sticky {
  position: sticky;
  align-self: flex-start;
  top: 120px
}
.shrink-0, .shrink-0 p {
 flex-shrink: 0;
}
.w-45 {
  width: 45%;
}
.mobile-only {
  display: none;
}
.lh-solid span {
  line-height: 1.1;
}

header, menu {
  height: 116px;
  z-index: 999;
}
menu {
  z-index: 998;
}
.mt-header {
  margin-top: 116px;
}
header h6, footer h5 {
  text-transform: uppercase;
}
header img {
  display: block;
  height: 70%;
  width: auto;
}
menu {
  transition: transform 0.5s ease-in-out;
}
menu.abre {
  transform: translateY(116px);
}
body.abre {
  padding-top: 116px;
}
footer div {
  overflow-x: hidden;
}
footer .info {
  font-size: clamp(10px, 1.7vw, 1.7vw);
}
footer .info a:hover {
  text-decoration: underline;
}

footer div.bg-marrom {
  position: relative;
  overflow: hidden;
  z-index: 1;
  /* --c-escuro: rgba(209, 188, 177, 1);
  --c-claro: rgba(187, 135, 109, 1);
  --c-meio: color-mix(in srgb, var(--c-claro) 50%, var(--c-escuro) 50%); */
  background: linear-gradient(to top, rgba(209, 188, 177, 1), rgba(187, 135, 109, 1));
}

.hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
  --c-claro: rgba(209, 188, 177, 1);
  --c-escuro: rgba(187, 135, 109, 1);
  --c-meio: color-mix(in srgb, var(--c-claro) 50%, var(--c-escuro) 50%);
  background: linear-gradient(to bottom, rgba(209, 188, 177, 1), rgba(187, 135, 109, 1));
}

.hero {
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to bottom, rgba(209, 188, 177, 1) 10%, rgba(187, 135, 109, 1) 60%, rgba(209, 188, 177, 1) 70%);
  background-size: 100% 200%;
  background-position: 0% var(--bg-pos, 0%);
}


.iniciativas-list-item {
  height: 500px;
  height: 55dvh;
  transition: background-color 0.5s ease;
  overflow: hidden;
}
.iniciativas-list-item:nth-child(even) {
  flex-direction: row-reverse;
}
.iniciativas-list-item:hover {
  background-color: var(--hover-cor) !important;
}
.iniciativas-list-item img {
  display: block;
  width: 63vw;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.4s ease 0.4s;
}
.iniciativas-list-item div.flex {
  width: 37vw;
  transition: transform 0.4s ease;
}




#home .gradiente {
  height: 90dvh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#home .gradiente::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to bottom, #FFD5A2 10%, #FF9A67 60%, #94BCF9 80%, #FFD5A2 90%);
  background-size: 100% 150%;
  background-position: 0% var(--bg-pos, 0%);
}


.conteudos-grid-item {
  z-index: 1;
  overflow: hidden;
  padding-top: 30px;
}
.conteudos-grid-item::before {
  content: "";
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(to bottom, var(--neon), transparent);
  z-index: 2;
}
.conteudos-grid-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, var(--neon), transparent 70%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  pointer-events: none;
}
.conteudos-grid-item div.flex-auto {
  padding: 26px 30px 24px;
  z-index: 2;
  min-height: 200px;
}
.pg-conteudos .conteudos-grid-item div.flex-auto {
  padding: 20px 22px;
}
.conteudos-grid-item:hover::after {
  opacity: 1;
}
.conteudos-grid-item img {
  transition: transform 0.5s ease;
}
.conteudos-grid-item:hover img {
  transform: scale(1.05);
}



.gradiente-bottom {
  position: relative;
  overflow: hidden;
  height: 90vh;
  width: 100vw;
  display: flex;
  justify-content: flex-end;
  align-items: end;
  padding-bottom: 60px;
}

.gradiente-bottom::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to bottom, var(--verde) 10%, var(--roxo) 50%, var(--verde) 70%);
  background-size: 100% 300%;
  background-position: 0% var(--bg-pos, 0%);
}


.botao-topo {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 999;
  right: 40px;
  bottom: 20px;
  display: block;
  background-color: var(--ocre);
  width: 78px;
  height: 78px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.botao-topo.show {
  opacity: 1;
  visibility: visible;
}
.botao-topo svg {
  will-change: transform;
}

#iniciativas .gradiente-bottom {
  background: linear-gradient(to bottom, var(--verde), var(--roxo));
}
#iniciativas .iniciativas-list-item {
  height: 620px;
  height: 65dvh;
}

.letreiro {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.letreiro div {
  display: inline-flex;
  width: max-content;
  animation: letreiro 25s linear infinite;
}
footer .letreiro:hover div {
  animation-play-state: paused !important;
}

@keyframes letreiro {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.txt-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
}
.txt-2col p {
  grid-column: 2;
  margin-top: 0;
}
.txt-2col p:first-child {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.gradiente-about {
  margin-top: -30px;
  height: 70dvh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gradiente-about::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to bottom, #D3B1A1 10%, #FC9969 50%, #D3B1A1 70%);
  background-size: 100% 200%;
  background-position: 0% var(--bg-pos, 0%);
}

.logos img {
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}
.logos::after {
  content: '';
  position: absolute;
  left: -40px;
  right: -40px;
  bottom: 0;
  height: 300px;
  background: linear-gradient(to top, var(--neon), transparent 30%);
  z-index: -1;
}
.barra-busca {
  background-color: var(--laranja);
  width: 100%;
  height: 105px;
}
::placeholder {
  color: #000; /* Coloque o código da cor que o cliente deseja aqui */
  opacity: 50%;
}
.input-busca-custom {
  background-color: transparent;
  border: none;
  color: #000000;
  font-size: 40px;
  font-size: clamp(20px, 2vw, 2vw);
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  padding-left: 0;
  outline: none;
  box-shadow: none;
}
.btn-busca-custom {
  background-color: transparent;
  border: none;
  padding: 0;
}
.relogio-icon::before {
  content: '';
  display: inline-block;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='20' stroke='black' stroke-width='4'/%3E%3Cpath d='M22 10.3V25H34.6' stroke='black' stroke-width='4'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 4px;
  padding-top: 4px;
}
.links-compartilhados a, .links-compartilhados a:visited, .links-compartilhados a:hover {
  color: gray!important;
}
.links-compartilhados a:hover {
  text-decoration: underline;
}
.links-compartilhados {
  margin-top: -4px
}
/* .cobrinha, .cobrinha:hover,
header h6:hover,
menu a:hover,
footer .redes a:hover {
  text-decoration: underline wavy;
  text-decoration-color: #000000;
  text-decoration-thickness: 2.5px;
  text-underline-offset: 5px;
} */
.filtros {
  background-color: rgba(0,0,0,0.1);
  width: 350px;
  height: calc(100vh - 120px);
  overflow-y: scroll;
}
.js-filter-btn {
  text-decoration: none;
  transition: all 0.3s ease;
  color: rgb(118,118,118)!important;
}
.item-referencia .js-filter-btn {
  color: black!important;
}
.js-filter-btn:hover, .js-filter-btn.filtro-ativo {
  text-decoration: underline !important;
  text-underline-offset: 4px;
  text-decoration-thickness: 1.5px!important;
  color: rgb(118,118,118)!important;
}
.item-referencia .js-filter-btn:hover {
  color: black!important;
}
.js-filter-btn.filtro-ativo {
  color: #000!important;
}
.list-referencias {
  min-height: calc(100vh - 240px);
}
.list-referencias::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: var(--branco);
  z-index: 3
}
.item-referencia {
  border-bottom: 2px solid black;
  left: 0;
  right: 0;
  height: auto;
  position: relative;
}
.item-referencia::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease;
  background: linear-gradient(to top, var(--cor-gradiente), transparent 60%);
  opacity: 0;
  z-index: -1;
}
.item-referencia:hover::after {
  opacity: 1;
}
.item-referencia .suporte {
  width: 300px;
  flex-shrink: 0;
}
.item-referencia .suporte small {
  width: fit-content;
  display: block;
  color: black;
  position: relative;
  padding-left: 24px;
  line-height: 1;
  padding-top: 6px;
}
.item-referencia .suporte small::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-6px);
  left: -3px;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  background-color: var(--cor-bolinha, black);
}
.single-referencia .w-10 {
  width: 180px!important;
}
.item-referencia .ref-tags span {
  color: #858585!important;
  transition: color 0.5s ease;
}
.item-referencia:hover .ref-tags span {
  color: var(--preto)!important;
}
.item-referencia .ref-autores span {
  font-size: 15px!important;
}


/*
.hover-underline,
.cobrinha,
header h6,
menu a,
footer .redes a {
  width: fit-content;
  text-decoration: none;
  color: #000;
  padding-bottom: 4px;
  position: relative;
}

.hover-underline::after,
.cobrinha::after,
header h6::after,
menu a::after,
footer .redes a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 12'%3E%3Cdefs%3E%3Cpattern id='w' width='24' height='12' patternUnits='userSpaceOnUse'%3E%3Cpath d='M-24,6 Q-18,0 -12,6 T0,6 T12,6 T24,6 T36,6 T48,6' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='480' height='12' fill='url(%23w)'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 480px 12px;
  transition: width 0.4s ease-out;
  will-change: background-position, width;
}

.hover-trigger:hover .hover-underline::after,
.cobrinha:hover::after,
header h6:hover::after,
menu a:hover::after,
footer .redes a:hover::after {
  width: 100%;
  animation: mover-cobrinha 10s linear infinite;
}

.cobrinha-ativa::after {
  width: 100%;
  animation: mover-cobrinha 10s linear infinite;
}

@keyframes mover-cobrinha {
  from { background-position: 0 100%; }
  to   { background-position: 480px 100%; }
} */


/* hosts que recebem a cobrinha */
.hover-underline,
header h6,
menu a,
footer .redes a {
  width: fit-content;
  text-decoration: none;
  color: #000;               /* tire esta linha se quiser herdar a cor do contexto */
  padding-bottom: 6px;
  position: relative;
  display: inline-block;
}

/* a cobrinha (SVG) dentro de cada host */
.hover-underline .cobrinha,
header h6 .cobrinha,
menu a .cobrinha,
footer .redes a .cobrinha {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  overflow: visible;
  pointer-events: none;
}
.hover-underline .cobrinha path,
header h6 .cobrinha path,
menu a .cobrinha path,
footer .redes a .cobrinha path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: var(--len);
  stroke-dashoffset: var(--len);
  transition: stroke-dashoffset .45s ease-out;
}

/* dispara o desenho */
.hover-trigger:hover .hover-underline .cobrinha path,
.hover-trigger.cobrinha-ativa .hover-underline .cobrinha path,
header h6:hover .cobrinha path,
header h6.cobrinha-ativa .cobrinha path,
menu a:hover .cobrinha path,
menu a.cobrinha-ativa .cobrinha path,
footer .redes a:hover .cobrinha path,
footer .redes a.cobrinha-ativa .cobrinha path {
  stroke-dashoffset: 0;
}



/* ----- paginação post ----- */

.paginacao {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  font-size: 24px;
  font-size: clamp(16px, 1.25vw, 1.25vw);
}
.paginacao .page-numbers {
  color: #808080;
  text-decoration: none;
  padding: 0px;
  transition: color 0.2s ease;
}
.paginacao .page-numbers.current {
  color: #000000;
  cursor: default;
}
.paginacao a.page-numbers:hover {
  color: #000000;
}


/* ----- bootstrap accordion - iniciativa ----- */

#iniciativa .accordion-item {
  border-bottom: 1pt solid black!important;
  background-color: transparent;
  padding-top: 45px;
}
#iniciativa .accordion-item::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, var(--neon), transparent 60%);
  mix-blend-mode: multiply;
  opacity: 0;
  z-index: 2;
  transition: opacity 0.5s ease;
  pointer-events: none;
}
#iniciativa .accordion-item:hover::after {
  opacity: 1;
}
#iniciativa .accordion-item.sem-hover:hover::after {
  opacity: 0;
}


#iniciativa .accordion-item:last-child {
  border-bottom: none!important;
}
#iniciativa .accordion-item .excerpt {
  width: 540px;
}
#iniciativa .accordion-button, .accordion-body {
  background-color: var(--branco)!important;
}
#iniciativa .accordion-button {
  position: relative;
  padding-top: 0px;
  padding-bottom: 45px;
}
#iniciativa .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
}
#iniciativa .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}
#iniciativa .accordion-button::after {
  position: absolute;
  top: 1px;
  right: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='24.5' stroke='black' stroke-width='3'/%3E%3Cpath d='M13 33L26 19L39 33' stroke='black' stroke-width='3'/%3E%3C/svg%3E") !important;
  background-size: contain;
  transform: rotate(180deg);
  transition: transform 0.3s ease;
  width: 51px;
  height: 51px;
}
#iniciativa .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}
#iniciativa .accordion-button.sem-setinha::after {
    display: none !important;
}
#iniciativa .accordion-button.sem-setinha {
    cursor: default !important;
}
#iniciativa .accordion-body {
  padding: 0px;
  padding-top: 20px;
}

/* ----- bootstrap accordion - filtros ----- */

.filtros .accordion-item,
.filtros .accordion-body,
.filtros .accordion-button {
  background-color: transparent!important;
  padding: 0px!important;
  color: black!important;
  border: none!important;
}
.filtros .accordion-button::after {
  margin-left: 10px;
}
.filtros .accordion-button:not(.collapsed) {
  color: black!important
}
.filtros .accordion-button {
  font-size: 24px!important;
  font-size: clamp(16px, 1.25vw, 1.25vw);
}

/* ----- bootstrap carrossel ----- */

.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.88086 18.3348C1.28972 18.3348 -0.000158787 19.6247 -0.000158787 21.2158C-0.000158787 22.807 1.28972 24.0968 2.88086 24.0968L2.88086 21.2158L2.88086 18.3348ZM42.1173 23.253C43.2424 22.1279 43.2424 20.3037 42.1173 19.1786L23.7826 0.843946C22.6575 -0.281162 20.8333 -0.281162 19.7082 0.843946C18.5831 1.96905 18.5831 3.79321 19.7082 4.91832L36.0057 21.2158L19.7082 37.5133C18.5831 38.6384 18.5831 40.4626 19.7082 41.5877C20.8333 42.7128 22.6575 42.7128 23.7826 41.5877L42.1173 23.253ZM2.88086 21.2158L2.88086 24.0968L40.0801 24.0968V21.2158V18.3348L2.88086 18.3348L2.88086 21.2158Z' fill='%23F7F7F7'/%3E%3C/svg%3E") !important;
    width: 37px !important;
    height: 37px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
}
.carousel-control-prev-icon {
    transform: rotate(180deg);
}
.carousel-control-next, .carousel-control-prev {
  width: 5%;
  opacity: 1;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
}


/* ----- wordpress content ----- */

:where(.wp-block-columns.is-layout-flex),
.accordion-item div.flex {
  gap: 1rem;
}
.wp-block-columns.is-layout-flex:first-child img {
  padding-right: 200px;
  padding-top: 8px;
}
figure {
  margin-top: 0px;
}
:where(.wp-block-columns) {
  margin-bottom: 6rem;
}
.post-conteudo img {
  width: 100%;
}
.post-conteudo a {
  text-decoration: underline;
}
.post-conteudo h2,
.post-conteudo h3,
.post-conteudo blockquote p {
  font-size: 50px;
  font-size: clamp(24px, 2.6vw, 2.6vw);
  line-height: 1;
}
.post-conteudo h4 {
  font-size: 40px;
  font-size: clamp(20px, 2vw, 2vw);
}
.post-conteudo h6 {
  font-size: 22px;
  font-size: clamp(16px, 1.15vw, 1.15vw);
}
.post-conteudo .wp-element-caption {
  font-size: 14px;
}
.post-conteudo blockquote {
  padding-left: 80px;
  margin: 0px;
}
/* .hover-trigger:hover .hover-underline {
  text-decoration: underline wavy;
  text-decoration-color: #000000;
  text-decoration-thickness: 2.5px;
  text-underline-offset: 5px;
} */
.hover-trigger.no-hover-all:hover {
  text-decoration: none!important;
}

.video-capa-falsa {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    cursor: pointer;
    background-color: #000;
    border-radius: 0px;
    overflow: hidden;
}
.video-capa-falsa img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: opacity 1s ease;
}
.meu-botao-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    backdrop-filter: blur(4px);
    transition: transform 0.4s ease, background 0.4s ease, opacity 1s ease;
    z-index: 2;
}
.meu-botao-play svg {
    width: 30px;
    height: 30px;
    transform: translateX(1px);
}

.video-capa-falsa:hover .meu-botao-play {
    transform: translate(-50%, -50%) scale(1.1);
    background: rgba(255, 255, 255, 0.2);
}
.fade-out {
    opacity: 0 !important;
    pointer-events: none;
}

@media(max-width: 1500px) {
  header, menu {
    height: 87px;
  }
  menu.abre {
    transform: translateY(87px);
  }
  body.abre {
    padding-top: 87px;
  }
  .mt-header {
    margin-top: 87px;
  }
  .barra-busca {
    height: 80px;
  }
  small {
    font-size: 16px;
  }
  .w-90-md {
    width: 90%;
  }
  .gap-10-md {
    gap: 10px;
  }
  #iniciativa .accordion-button::after {
    width: 32px;
    height: 32px;
  }
  .conteudos-grid-item {
    padding-top: 24px;
  }
  .conteudos-grid-item div.flex-auto {
    z-index: 2;
    min-height: 150px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .relogio-icon::before {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    padding-top: 4px;
  }
}

@media(max-width: 1200px) {
  header, menu {
    height: 70px;
  }
  .mt-header {
    margin-top: 70px;
  }
  .barra-busca {
    height: 64px;
  }
  small {
    font-size: 13px;
  }
  .pg-conteudos .grid-3.gap-30 {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .carousel-control-next-icon,
  .carousel-control-prev-icon {
      width: 24px !important;
      height: 24px !important;
  }
  .carousel-control-next, .carousel-control-prev {
    width: 5%;
    opacity: 1;
  }
}


/* footer icons */
.footer__cluster {
  flex-wrap: nowrap;
  overflow-x: hidden;
}

@property --gc1 { syntax: '<color>'; inherits: false; initial-value: #ffffff; }
@property --gc2 { syntax: '<color>'; inherits: false; initial-value: #ffffff; }
@property --go1 { syntax: '<percentage>'; inherits: false; initial-value: 0%; }
@property --go2 { syntax: '<percentage>'; inherits: false; initial-value: 100%; }
@property --glow2 { syntax: '<color>'; inherits: false; initial-value: #ffffff; }

.footer__cluster {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2vw, 32px);
}

.footer__shape {
  position: relative;
  width: 18vw;
  flex-shrink: 0;
  mask-image: var(--mask);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--mask);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.footer__glow, .footer__glow2 {
  position: absolute;
  inset: 0;
  transition:
    --gc1 1.5s cubic-bezier(.45, 0, .2, 1),
    --gc2 1.5s cubic-bezier(.45, 0, .2, 1),
    --go1 1.5s cubic-bezier(.45, 0, .2, 1),
    --go2 1.5s cubic-bezier(.45, 0, .2, 1),
    --glow2 1.5s cubic-bezier(.45, 0, .2, 1);
}
.footer__glow {
  background: radial-gradient(circle farthest-side at 50% 50%, var(--gc1) var(--go1), var(--gc2) var(--go2));
  mask-image: var(--glow-mask);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--glow-mask);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.footer__glow2 {
  background: var(--glow2);
  mask-image: var(--glow2-mask);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: var(--glow2-mask);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.footer__glow-blur, .footer__glow2-blur {
  position: absolute;
  inset: 0;
  transform: scale(1);
  transition: transform .9s cubic-bezier(.45, 0, .2, 1);
}
.footer__glow-blur { filter: blur(var(--gblur, 0.7vw)); }
.footer__glow2-blur { filter: blur(var(--gblur2, 0.7vw)); }

/* 01 */
.footer__shape--1 {
  aspect-ratio: 350 / 356;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 350 356' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M323.266 195.824C315.717 187.849 305.868 182.995 294.717 181.093C306.92 180.397 317.899 176.228 326.439 168.293C352.914 143.687 344.468 93.579 307.209 54.2276C269.95 14.8717 220.026 3.32041 193.55 27.9267C185.808 35.1235 181.053 44.5085 179.135 55.1612C177.364 45.8301 173.301 37.415 166.795 30.5437C141.712 4.0487 91.2542 11.9255 51.9319 48.477C12.605 85.0282 1.44964 134.414 26.5369 160.909C33.0424 167.781 41.2597 172.335 50.5423 174.682C39.6876 175.902 29.9322 180.002 22.1898 187.199C-4.28566 211.805 4.16097 261.908 41.4197 301.264C78.6783 340.62 128.603 352.171 155.078 327.565C163.618 319.631 168.518 309.039 169.997 297.018C171.201 308.164 175.463 318.215 183.012 326.19C208.095 352.685 258.548 344.808 297.875 308.256C337.202 271.705 348.358 222.319 323.275 195.824L323.266 195.824ZM196.53 230.365C188.681 221.478 180.629 216.43 172.584 215.347C164.475 215.278 155.866 219.139 146.98 226.833C139.206 233.563 127.34 232.717 120.474 224.943C113.608 217.169 114.343 205.412 122.117 198.681C131.003 190.987 136.014 183.054 137.027 175.092C137.015 167.053 133.036 158.479 125.187 149.592C118.321 141.818 119.056 130.061 126.83 123.33C134.603 116.599 146.469 117.445 153.335 125.22C161.184 134.107 169.236 139.155 177.281 140.238C185.39 140.306 193.999 136.446 202.885 128.752C210.659 122.021 222.525 122.867 229.391 130.642C236.257 138.416 235.522 150.173 227.748 156.903C218.862 164.597 213.851 172.531 212.838 180.497C212.85 188.536 216.829 197.11 224.678 205.993C231.544 213.767 230.809 225.524 223.035 232.254C215.262 238.985 203.396 238.139 196.53 230.365Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--1 .gradient { --c1: #FC4785; --c2: #FFDCA9; --c3: #FFDCA9; --o1: 26%; --o2: 100%; --o3: 100%; }
.footer__shape--1:hover .gradient { --c1: #A7C0E8; --c2: #FF4799; --c3: #FF4799; --o1: 45%; --o2: 100%; --o3: 100%; }

/* 02 */
.footer__shape--2 {
  aspect-ratio: 369 / 353;
  --gblur: 0.57vw;
  --gblur2: 0.69vw;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 369 353' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M360.619 166.378L303.245 151.452C293.543 148.927 284.303 145.39 275.64 140.961C278.511 131.751 282.499 122.783 287.608 114.241L317.148 64.8664C322.618 55.7198 311.962 45.5226 302.403 50.7567L250.806 79.0245C241.685 84.021 232.096 87.8927 222.254 90.6508C217.173 81.8754 213.142 72.4503 210.322 62.5278L194.723 7.62562C191.833 -2.54187 176.759 -2.54187 173.869 7.62562L158.27 62.5278C155.493 72.3018 151.536 81.5932 146.563 90.2573C137.202 87.5289 128.082 83.7871 119.385 79.0245L67.7868 50.7567C58.2284 45.5226 47.5682 55.7198 53.0418 64.8664L82.5823 114.241C87.5593 122.56 91.4696 131.287 94.3208 140.248C85.2667 145.007 75.557 148.794 65.3429 151.452L7.96893 166.378C-2.65631 169.144 -2.65631 183.569 7.96893 186.334L65.3429 201.261C75.7121 203.959 85.5615 207.816 94.732 212.679C91.8498 222.101 87.8037 231.273 82.5823 240.004L53.0418 289.379C47.5721 298.526 58.2284 308.723 67.7868 303.489L119.385 275.221C128.311 270.332 137.683 266.516 147.307 263.769C151.931 272.058 155.632 280.9 158.27 290.184L173.869 345.087C176.759 355.254 191.833 355.254 194.723 345.087L210.322 290.184C212.998 280.759 216.769 271.784 221.498 263.383C231.607 266.152 241.457 270.095 250.809 275.221L302.407 303.489C311.966 308.723 322.626 298.526 317.152 289.379L287.612 240.004C282.258 231.054 278.135 221.629 275.241 211.955C284.016 207.434 293.4 203.826 303.249 201.261L360.623 186.334C371.248 183.569 371.248 169.144 360.623 166.378H360.619Z' fill='black'/%3E%3C/svg%3E");
  --glow-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 369 353' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M312.444 168.981L270.747 158.115C263.696 156.277 256.98 153.702 250.684 150.478C252.771 143.773 255.669 137.245 259.382 131.026L280.851 95.0827C284.826 88.4241 277.082 81.0008 270.135 84.8111L232.635 105.389C226.007 109.027 219.038 111.845 211.885 113.853C208.192 107.465 205.262 100.604 203.213 93.3802L191.876 53.4126C189.776 46.0109 178.82 46.0109 176.72 53.4126L165.383 93.3802C163.365 100.495 160.489 107.259 156.875 113.567C150.072 111.58 143.443 108.856 137.123 105.389L99.6228 84.8111C92.676 81.0008 84.9286 88.4241 88.9066 95.0827L110.376 131.026C113.993 137.082 116.835 143.436 118.907 149.959C112.327 153.423 105.27 156.18 97.8466 158.115L56.149 168.981C48.4269 170.994 48.4269 181.495 56.149 183.509L97.8466 194.375C105.383 196.339 112.541 199.147 119.206 202.687C117.111 209.546 114.17 216.223 110.376 222.579L88.9066 258.523C84.9314 265.181 92.676 272.605 99.6228 268.794L137.123 248.216C143.61 244.657 150.421 241.879 157.416 239.879C160.777 245.914 163.466 252.351 165.383 259.109L176.72 299.077C178.82 306.479 189.776 306.479 191.876 299.077L203.213 259.109C205.158 252.248 207.899 245.714 211.335 239.598C218.682 241.614 225.841 244.484 232.638 248.216L270.138 268.794C277.085 272.605 284.832 265.181 280.854 258.523L259.385 222.579C255.494 216.064 252.497 209.202 250.394 202.16C256.771 198.869 263.591 196.242 270.749 194.375L312.447 183.509C320.169 181.495 320.169 170.994 312.447 168.981H312.444Z' fill='black'/%3E%3C/svg%3E");
  --glow2-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 369 353' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M262.529 171.936L237.073 165.322C232.768 164.204 228.668 162.636 224.825 160.674C226.099 156.593 227.868 152.62 230.135 148.835L243.242 126.957C245.669 122.905 240.94 118.386 236.699 120.706L213.806 133.231C209.759 135.445 205.505 137.16 201.138 138.382C198.883 134.494 197.095 130.318 195.844 125.921L188.923 101.595C187.64 97.0895 180.952 97.0895 179.67 101.595L172.749 125.921C171.516 130.252 169.761 134.369 167.554 138.208C163.401 136.999 159.354 135.341 155.495 133.231L132.602 120.706C128.361 118.386 123.631 122.905 126.06 126.957L139.167 148.835C141.375 152.521 143.11 156.388 144.375 160.358C140.358 162.467 136.049 164.145 131.518 165.322L106.061 171.936C101.347 173.161 101.347 179.553 106.061 180.779L131.518 187.392C136.118 188.588 140.488 190.297 144.557 192.452C143.278 196.626 141.483 200.69 139.167 204.559L126.06 226.437C123.633 230.489 128.361 235.008 132.602 232.688L155.495 220.163C159.456 217.997 163.614 216.306 167.885 215.089C169.936 218.762 171.578 222.68 172.749 226.793L179.67 251.12C180.952 255.625 187.64 255.625 188.923 251.12L195.844 226.793C197.031 222.617 198.704 218.64 200.802 214.918C205.288 216.145 209.658 217.892 213.808 220.163L236.701 232.688C240.942 235.008 245.672 230.489 243.243 226.437L230.137 204.559C227.761 200.593 225.932 196.417 224.648 192.131C228.541 190.128 232.705 188.529 237.075 187.392L262.531 180.779C267.245 179.553 267.245 173.161 262.531 171.936H262.529Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--2 .gradient { --c1: #CFE1FF; --c2: #CFE1FF; --c3: #CFE1FF; --o1: 0%; --o2: 100%; --o3: 100%; }
.footer__shape--2 .footer__glow { --gc1: #E3FD8D; --gc2: #E3FD8D; --go1: 0%; --go2: 100%; }
.footer__shape--2 .footer__glow2 { --glow2: #8FB9FF; }
.footer__shape--2:hover .gradient { --c1: #FD9967; --c2: #FD9967; --c3: #FD9967; }
.footer__shape--2:hover .footer__glow { --gc1: #76A2FF; --gc2: #76A2FF; }
.footer__shape--2:hover .footer__glow2 { --glow2: #F7F7F7; }
.footer__shape--2:hover .footer__glow-blur { transform: scale(1.14); }
.footer__shape--2:hover .footer__glow2-blur { transform: scale(1.12); }

/* 03 */
.footer__shape--3 {
  aspect-ratio: 338 / 336;
  --gblur: 0.78vw;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 338 336' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.998 167.954C-42.1363 251.329 45.1913 290.448 45.1913 290.448C45.1913 290.448 78.1568 380.774 168.993 306.724C259.83 380.774 292.796 290.448 292.796 290.448C292.796 290.448 380.123 251.329 311.989 167.954C311.989 167.954 312.157 167.728 312.445 167.373C376.621 88.2206 300.502 49.1353 293.33 45.6921C292.987 45.528 292.724 45.2442 292.586 44.892C289.65 37.4996 255.8 -41.1429 169.552 28.7087C169.199 28.9925 168.993 29.4268 168.993 29.8815C168.993 29.4268 168.788 28.9925 168.435 28.7087C82.1866 -41.1429 48.3371 37.4996 45.4003 44.892C45.2633 45.2442 44.9994 45.528 44.6567 45.6921C37.4845 49.1353 -38.6342 88.2206 25.5422 167.373C25.8301 167.728 25.998 167.954 25.998 167.954Z' fill='black'/%3E%3C/svg%3E");
  --glow-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 338 336' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56.3577 169.001C2.18879 235.18 71.617 266.231 71.617 266.231C71.617 266.231 97.8255 337.927 170.043 279.149C242.261 337.927 268.47 266.231 268.47 266.231C268.47 266.231 337.898 235.18 283.729 169.001C283.729 169.001 283.863 168.822 284.092 168.539C335.114 105.713 274.597 74.6886 268.895 71.9556C268.623 71.8253 268.413 71.6001 268.304 71.3205C265.969 65.4528 239.058 3.03032 170.488 58.4751C170.207 58.7003 170.043 59.045 170.043 59.406C170.043 59.045 169.88 58.7003 169.599 58.4751C101.029 3.03032 74.1179 65.4528 71.7832 71.3205C71.6742 71.6001 71.4644 71.8253 71.192 71.9556C65.4898 74.6886 4.97311 105.713 55.9954 168.539C56.2242 168.822 56.3577 169.001 56.3577 169.001Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--3 .gradient { --c1: #FFDCA9; --c2: #FF6B37; --c3: #FF6B37; --o1: 0%; --o2: 100%; --o3: 100%; }
.footer__shape--3 .footer__glow { --gc1: #F3FAFA; --gc2: #8EB8FF; --go1: 0%; --go2: 69%; }
.footer__shape--3:hover .gradient { --c1: #FFA2F1; --c2: #B68F57; --c3: #B68F57; --o1: 0%; --o2: 64%; --o3: 100%; }
.footer__shape--3:hover .footer__glow { --gc1: #C4AEA3; --gc2: #E3FD8D; --go1: 36%; --go2: 100%; }
.footer__shape--3:hover .footer__glow-blur { transform: scale(1.05); }

/* 04 */
.footer__shape--4 {
  aspect-ratio: 305 / 341;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 305 341' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M274.912 166.712C292.428 157.638 304.398 139.359 304.398 118.286C304.398 90.0859 282.968 66.8889 255.494 64.0629C256.04 60.9638 256.328 57.7725 256.328 54.5139C256.328 24.4061 231.902 0 201.77 0C179.783 0 160.833 12.9991 152.199 31.7247C143.562 12.9991 124.615 0 102.628 0C72.4958 0 48.0703 24.4061 48.0703 54.5139C48.0703 57.7725 48.3578 60.9638 48.9043 64.0629C21.4304 66.8889 0 90.0859 0 118.286C0 139.359 11.9697 157.641 29.4859 166.712C11.9697 175.786 0 194.064 0 215.141C0 243.877 22.2537 267.421 50.4799 269.502C48.9149 274.584 48.0703 279.98 48.0703 285.572C48.0703 315.68 72.4958 340.086 102.628 340.086C124.615 340.086 143.565 327.087 152.199 308.361C160.837 327.087 179.783 340.086 201.77 340.086C231.902 340.086 256.328 315.68 256.328 285.572C256.328 279.977 255.483 274.584 253.918 269.502C282.144 267.417 304.398 243.877 304.398 215.141C304.398 194.068 292.428 175.786 274.912 166.715V166.712ZM152.199 262.783C144.101 245.224 126.94 232.704 106.705 231.211C108.27 226.13 109.115 220.733 109.115 215.141C109.115 194.068 97.1449 175.786 79.6287 166.715C97.1449 157.641 109.115 139.363 109.115 118.29C109.115 115.031 108.827 111.84 108.281 108.741C127.83 106.73 144.314 94.4047 152.199 77.3066C160.084 94.4083 176.571 106.73 196.117 108.741C195.571 111.84 195.283 115.031 195.283 118.29C195.283 139.363 207.253 157.645 224.769 166.715C207.253 175.789 195.283 194.068 195.283 215.141C195.283 220.736 196.128 226.13 197.693 231.211C177.458 232.704 160.294 245.227 152.199 262.783Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--4 .gradient { --c1: #A7C0E8; --c2: #F04824; --c3: #FF4799; --o1: 23%; --o2: 73%; --o3: 100%; }
.footer__shape--4:hover .gradient { --c1: #F04824; --c2: #76A2FF; --c3: #A1B5E7; --o1: 44%; --o2: 83%; --o3: 99%; }

/* 05 */
.footer__shape--5 {
  aspect-ratio: 342 / 352;
  --gblur: 0.72vw;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 352' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M170.887 41.3066L188.866 17.9461C217.721 -19.5494 275.956 6.21965 269.691 53.708L266.134 80.6494L290.306 77.4771C336.883 71.3634 360.897 133.306 323.147 162.195L305.587 175.633L323.147 189.072C360.897 217.96 336.883 279.903 290.306 273.789L266.134 270.617L269.691 297.558C275.96 345.047 217.721 370.819 188.866 333.32L170.887 309.96L152.908 333.32C124.053 370.816 65.8181 345.047 72.0835 297.558L75.6401 270.617L51.4679 273.789C4.89148 279.903 -19.1228 217.96 18.6272 189.072L36.1873 175.633L18.6272 162.195C-19.1228 133.306 4.89148 71.3634 51.4679 77.4771L75.6401 80.6494L72.0835 53.708C65.8181 6.21965 124.057 -19.5494 152.908 17.9461L170.887 41.3066Z' fill='black'/%3E%3C/svg%3E");
  --glow-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 342 352' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M170.887 68.5913L185.195 49.9763C208.159 20.0977 254.504 40.632 249.518 78.4734L246.687 99.9418L265.925 97.4139C302.992 92.5422 322.103 141.902 292.06 164.922L278.085 175.63L292.06 186.339C322.103 209.359 302.992 258.719 265.925 253.847L246.687 251.319L249.518 272.787C254.507 310.629 208.159 331.166 185.195 301.284L170.887 282.669L156.578 301.284C133.615 331.163 87.269 310.629 92.2552 272.787L95.0857 251.319L75.8486 253.847C38.7815 258.719 19.6701 209.359 49.7128 186.339L63.6878 175.63L49.7128 164.922C19.6701 141.902 38.7815 92.5422 75.8486 97.4139L95.0857 99.9418L92.2552 78.4734C87.269 40.632 133.617 20.0977 156.578 49.9763L170.887 68.5913Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--5 .gradient { --c1: #CADFFC; --c2: #F04824; --c3: #F04824; --o1: 5%; --o2: 100%; --o3: 100%; }
.footer__shape--5 .footer__glow { --gc1: #E3FD8D; --gc2: #FF6B37; --go1: 0%; --go2: 100%; }
.footer__shape--5:hover .gradient { --c1: #F4484A; --c2: #FC9969; --c3: #FC9969; --o1: 73%; --o2: 99%; --o3: 100%; }
.footer__shape--5:hover .footer__glow { --gc1: #A7C0E8; --gc2: #FF4799; --go1: 23%; --go2: 100%; }

/* 06 */
.footer__shape--6 {
  aspect-ratio: 341 / 339;
  --gblur: 1.04vw;
  --mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 341 339' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M330.108 61.5234L299.647 138.921C291.459 159.723 291.459 182.918 299.647 203.72L330.108 281.117C342.723 313.169 311.351 344.949 279.71 332.17L203.306 301.312C182.771 293.018 159.874 293.018 139.338 301.312L62.9342 332.17C31.2939 344.949 -0.0786851 313.169 12.5368 281.117L42.9981 203.72C51.186 182.918 51.186 159.723 42.9981 138.921L12.5334 61.5234C-0.0820728 29.4719 31.2906 -2.3085 62.9308 10.4709L139.335 41.3282C159.871 49.6225 182.767 49.6225 203.303 41.3282L279.71 10.4709C311.351 -2.3085 342.723 29.4719 330.108 61.5234Z' fill='black'/%3E%3C/svg%3E");
  --glow-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 341 339' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M290.908 87.5772L267.765 145.129C261.544 160.598 261.544 177.845 267.765 193.313L290.908 250.865C300.492 274.698 276.657 298.33 252.619 288.827L194.572 265.882C178.97 259.714 161.574 259.714 145.972 265.882L87.9252 288.827C63.8868 298.33 40.0518 274.698 49.6363 250.865L72.779 193.313C78.9996 177.845 78.9996 160.598 72.779 145.129L49.6337 87.5772C40.0492 63.7441 63.8843 40.1125 87.9226 49.6151L145.97 72.5603C161.572 78.7278 178.967 78.7278 194.569 72.5603L252.619 49.6151C276.657 40.1125 300.492 63.7441 290.908 87.5772Z' fill='black'/%3E%3C/svg%3E");
}
.footer__shape--6 .gradient { --c1: #76A2FF; --c2: #76A2FF; --c3: #76A2FF; --o1: 0%; --o2: 100%; --o3: 100%; }
.footer__shape--6 .footer__glow { --gc1: #B5FFC3; --gc2: #AE93AB; --go1: 0%; --go2: 100%; }
.footer__shape--6:hover .gradient { --c1: #E3FD8D; --c2: #FF6B37; --c3: #FF6B37; --o1: 0%; --o2: 100%; --o3: 100%; }
.footer__shape--6:hover .footer__glow { --gc1: #FC4785; --gc2: #FFDCA9; --go1: 26%; --go2: 100%; }
.footer__shape--6:hover .footer__glow-blur { transform: scale(1.12); }
