.obra-cabeca--dupla { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--calha); align-items: end; }
.obra-cabeca--dupla > .rotulo { grid-column: 1 / -1; }
.obra-cabeca--dupla > h2 { grid-column: 1 / 8; }
.obra-cabeca--dupla > .entrada { grid-column: 8 / -1; margin-bottom: .35em; }
@media (max-width: 63.99rem) {
  .obra-cabeca--dupla > h2, .obra-cabeca--dupla > .entrada { grid-column: 1 / -1; }
}


.obra-blocos { display: grid; gap: var(--esp-6) var(--esp-5); }
.obra-blocos--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.obra-blocos--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.obra-bloco {
  display: grid;
  gap: var(--esp-3);
  align-content: start;
  padding-top: var(--esp-4);
  border-top: var(--espessura-linha) solid var(--linha);
}
.obra-bloco > h3 {
  font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2.125rem); 
  line-height: 1.1;
  max-width: none;
}
.obra-bloco > .rotulo--numero { color: var(--acento-texto); }
@media (max-width: 47.99rem) {
  .obra-blocos--2, .obra-blocos--3 { grid-template-columns: minmax(0, 1fr); }
}


.obra-texto { display: grid; gap: var(--esp-4); align-content: start; }
.obra-texto > .secao__cabeca { margin-bottom: var(--esp-2); }


.obra-endereco {
  font-family: var(--fonte-dados);
  font-size: var(--passo--1);
  line-height: 1.5;
  color: var(--texto-2);
  padding-top: var(--esp-3);
  border-top: var(--espessura-linha) solid var(--linha);
  max-width: var(--medida-curta);
}
.obra-endereco strong { font-weight: var(--peso-medio); color: var(--texto); display: block; }


@media (max-width: 47.99rem) {
  .obra-moldura--larga { --proporcao: 4 / 3; }
}




.sabia-heroi { align-items: center; }

.sabia-heroi h1 { font-size: clamp(3.25rem, 0.5rem + 8vw, 9.5rem); }


.sabia-heroi .obra-heroi__grade {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--calha);
  row-gap: var(--esp-6);
  align-items: center;
}
.sabia-heroi .obra-heroi__grade > * { min-width: 0; }
.sabia-heroi .obra-heroi__texto { grid-column: 1 / 7; }
.sabia-heroi .obra-heroi__figura { grid-column: 7 / -1; }

.sabia-heroi .obra-heroi__figura .moldura {
  max-height: min(calc(100svh - var(--altura-cabecalho) - var(--esp-7) - var(--secao-apertada) - 1rem), 38rem);
  view-transition-name: capa-sabia;
}

@media (max-width: 47.99rem) {
  .sabia-heroi { align-items: start; }
  .sabia-heroi .obra-heroi__texto, .sabia-heroi .obra-heroi__figura { grid-column: 1 / -1; }
  
  .sabia-heroi .obra-heroi__figura .moldura { max-height: none; --proporcao: 4 / 3; }
}


.sabia-heroi--video h1 { font-size: clamp(3.25rem, 0.5rem + 7vw, 8.25rem); }
.sabia-heroi--video .obra-heroi__texto { grid-column: 1 / 6; }
.sabia-heroi--video .obra-heroi__video { grid-column: 6 / 11; }
.sabia-heroi--video .obra-heroi__figura { grid-column: 11 / -1; align-self: end; }
.sabia-heroi--video .obra-heroi__video .moldura {
  --proporcao: 4 / 5;
  max-height: min(calc(100svh - var(--altura-cabecalho) - var(--esp-7) - var(--secao-apertada) - 1rem), 38rem);
}
.sabia-heroi--video .obra-heroi__figura .moldura { --proporcao: 1 / 2; max-height: 26rem; view-transition-name: none; }
@media (min-width: 48rem) and (max-width: 63.99rem) {
  .sabia-heroi--video .obra-heroi__texto { grid-column: 1 / -1; }
  .sabia-heroi--video .obra-heroi__video { grid-column: 1 / 9; }
  .sabia-heroi--video .obra-heroi__figura { grid-column: 9 / -1; align-self: stretch; grid-template-rows: minmax(0, 1fr) auto; }
  .sabia-heroi--video .obra-heroi__video .moldura { --proporcao: 4 / 3; max-height: none; }
  .sabia-heroi--video .obra-heroi__figura .moldura { --proporcao: auto; height: auto; min-height: 12rem; max-height: none; }
}
@media (max-width: 47.99rem) {
  .sabia-heroi--video { padding-top: calc(var(--altura-cabecalho-celular) + var(--esp-5)); }
  .sabia-heroi--video .obra-heroi__grade { row-gap: var(--esp-5); }
  .sabia-heroi--video .obra-heroi__video, .sabia-heroi--video .obra-heroi__figura { grid-column: 1 / -1; }
  .sabia-heroi--video .obra-heroi__video .moldura { --proporcao: 16 / 9; max-height: none; }
  .sabia-heroi--video .obra-heroi__figura .moldura { --proporcao: 2 / 1; max-height: none; }
}


.moldura > video { width: 100%; height: 100%; object-fit: cover; object-position: var(--foco, center); display: block; }

@media (min-width: 64rem) {
  .sabia-heroi--video .obra-heroi__video .moldura > video { scale: 1.2; transform-origin: 58% 88%; }
}
.video-laco__botao {
  position: absolute; z-index: 2; top: .625rem; right: .625rem;
  min-height: 2.75rem; padding: .4em .9em;
  font-family: var(--fonte-dados); font-size: .75rem; letter-spacing: .01em;
  color: var(--papel);
  background: color-mix(in oklab, var(--verde-noite) 88%, transparent);
  border: 0; cursor: pointer;
}
.video-laco__botao[hidden] { display: none; }

.video-laco__botao { --foco: var(--papel); }
.video-laco__botao:focus-visible { outline-offset: -5px; }


.sabia-conceito__rotulo { --de: 1; --ate: 5; }
.sabia-conceito__rotulo.secao__cabeca { margin-bottom: 0; }
.sabia-conceito__texto { --de: 5; --ate: 13; display: grid; gap: var(--esp-4); }


.sabia-palavra {
  overflow: clip;
  padding-block: var(--secao-apertada);
  display: grid;
  gap: .02em;
  user-select: none;
}
.sabia-palavra__linha {
  font-family: var(--fonte-display);
  font-style: italic;
  font-weight: var(--peso-fino);
  font-size: var(--passo-6);
  line-height: .92;
  letter-spacing: -0.02em;
  font-optical-sizing: auto;
  font-variation-settings: var(--fraunces-enfase);
  white-space: nowrap;
  
  color: var(--marca-dagua, color-mix(in oklab, var(--tinta) 10%, transparent));
  margin-left: -0.6em;
}
.sabia-palavra__linha:nth-child(2) { margin-left: -2.4em; }
.sabia-palavra__linha:nth-child(3) { margin-left: -1.3em; }
.sabia-palavra__linha em { font-style: inherit; color: var(--terracota); }

@media (max-width: 47.99rem) {
  .sabia-palavra__linha { font-size: clamp(3.5rem, 20vw, var(--passo-6)); }
}
@supports (animation-timeline: view()) {
  @media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
    .sabia-palavra__linha { animation: sabia-deslizar linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    .sabia-palavra__linha:nth-child(2) { animation-direction: reverse; }
    @keyframes sabia-deslizar { from { translate: -3% 0; } to { translate: 3% 0; } }
  }
}


.sabia-local__intro { --de: 1; --ate: 5; display: grid; gap: var(--esp-4); align-content: start; }
.sabia-local__blocos { --de: 6; --ate: 13; }


.sabia-produto__intro { --de: 1; --ate: 8; }
.sabia-produto__colunas { --de: 1; --ate: 13; }
.sabia-produto__materiais { --de: 1; --ate: 13; display: grid; gap: var(--esp-3); }
.obra-materiais {
  display: flex;
  flex-wrap: wrap;
  gap: .4em 0;
  padding-block: var(--esp-3);
  border-block: var(--espessura-linha) solid var(--linha);
  font-family: var(--fonte-dados);
  font-size: var(--passo--1);
  letter-spacing: var(--espaco-letras-rotulo);
  text-transform: uppercase;
  color: var(--texto-2);
}

.obra-materiais > li:not(:last-child)::after { content: "·"; margin-inline: .9em; color: var(--acento-texto); }


.sabia-galeria { row-gap: var(--esp-6); }
.sabia-galeria__studio { --de: 1; --ate: 7; }
.sabia-galeria__quarto { --de: 7; --ate: 13; margin-top: 14%; }
.sabia-galeria__nota { --de: 1; --ate: 7; display: grid; gap: var(--esp-3); }
@media (min-width: 48rem) {
  .sabia-galeria__studio { grid-row: 1; }
  .sabia-galeria__quarto { grid-row: 1 / 3; }
  .sabia-galeria__nota { grid-row: 2; align-self: start; }
}


.sabia-comuns__figura { margin-bottom: var(--esp-8); }
@media (max-width: 47.99rem) {
  .sabia-comuns__figura .moldura { --proporcao: 16 / 9; }
}
.sabia-comuns .pinado__fixo { display: grid; gap: var(--esp-4); }
.sabia-comuns .pinado__passos > * { gap: var(--esp-3); min-height: 0; padding-block: var(--esp-5); }


.sabia-perfil__intro { --de: 1; --ate: 8; }
.sabia-perfil__blocos { --de: 1; --ate: 13; }


.sabia-investidor__texto { --de: 1; --ate: 6; display: grid; gap: var(--esp-4); align-content: start; }
.sabia-investidor__equacao { --de: 7; --ate: 13; }
.obra-equacao { display: grid; }
.obra-equacao > li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--esp-3);
  align-items: baseline;
  padding-block: var(--esp-4);
  border-top: var(--espessura-linha) solid var(--linha);
  font-size: var(--passo-1);
  line-height: 1.3;
}
.obra-equacao > li:last-child { border-bottom: var(--espessura-linha) solid var(--linha); }
.obra-equacao__operador {
  font-family: var(--fonte-dados);
  font-size: var(--passo-1);
  color: var(--acento-texto);
  line-height: 1;
}
.obra-equacao__resultado {
  font-family: var(--fonte-display);
  font-weight: var(--peso-normal);
  font-size: var(--passo-2);
  line-height: 1.1;
  letter-spacing: var(--espaco-letras-titulo);
  font-variation-settings: var(--fraunces-display);
}





.guara-heroi {
  grid-template-rows: minmax(0, 1fr) auto;
  row-gap: var(--esp-6);
  padding-bottom: 0;
}
.guara-heroi .obra-heroi__grade {
  grid-row: 1;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--calha);
  row-gap: var(--esp-6);
  align-items: end;
}
.guara-heroi .obra-heroi__grade > * { min-width: 0; }
.guara-heroi .obra-heroi__texto { grid-column: 1 / 7; }
.guara-heroi .obra-heroi__figura { grid-column: 7 / -1; }

.guara-heroi .obra-heroi__figura .moldura {
  --proporcao: 4 / 5;
  max-height: min(calc(100svh - 23rem), 38rem);
  view-transition-name: capa-guara;
}
.guara-heroi__nome { max-width: none; display: grid; overflow-wrap: normal; }
.guara-heroi__nome .guara-heroi__palavra { font-size: var(--passo-6); line-height: .9; letter-spacing: -0.02em; }

.guara-heroi__nome .guara-heroi__assinatura {
  font-size: clamp(2.25rem, 0.5rem + 6.2vw, 8rem);
  line-height: .95;
  font-style: italic;
  font-variation-settings: var(--fraunces-enfase);
  letter-spacing: 0;
  margin-left: clamp(1.5rem, 16.6%, 14rem); 
  margin-top: -.08em;
}

@media (max-width: 47.99rem) {
  .guara-heroi .obra-heroi__texto, .guara-heroi .obra-heroi__figura { grid-column: 1 / -1; }
  
  .guara-heroi .obra-heroi__figura .moldura { --proporcao: 4 / 3; max-height: none; }
}

.guara-heroi__ficha {
  position: relative;
  padding-block: var(--esp-5);
}

.guara-heroi__horizonte {
  position: absolute;
  left: calc(50% - 50vw); right: calc(50% - 50vw); top: 0;
  height: 1px;
  background: color-mix(in oklab, var(--papel) 40%, transparent);
}
.com-js .guara-heroi__horizonte {
  background: none;
}
.com-js .guara-heroi__horizonte::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in oklab, var(--papel) 40%, transparent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.6s var(--suave) 200ms;
}
.com-js .guara-heroi__horizonte.visto::before { transform: scaleX(1); }
.guara-heroi__ficha .ficha-numeros { border-top: 0; }

.guara-heroi__ficha .surgir:nth-child(2) { transition-delay: 70ms; }
.guara-heroi__ficha .surgir:nth-child(3) { transition-delay: 140ms; }
.guara-heroi__ficha .surgir:nth-child(4) { transition-delay: 210ms; }
.guara-heroi__ficha .ficha-numeros > * { padding-top: 0; }


.guara-capa { padding-top: var(--esp-6); }

.guara-capa .moldura { --proporcao: 16 / 9; --foco: 50% 50%; width: 100vw; margin-inline: calc(50% - 50vw); }
@media (max-width: 47.99rem) {
  .guara-capa .moldura { --proporcao: 4 / 3; --foco: 55% 50%; }
}


.guara-conceito__numero {
  --de: 1; --ate: 5;
  align-self: center;
  color: var(--marca-dagua, color-mix(in oklab, var(--tinta) 12%, transparent)); 
  margin-left: calc(-1 * var(--margem) + .08em);
  line-height: .8;
  user-select: none;
}
.guara-conceito__texto { --de: 6; --ate: 13; align-self: center; display: grid; gap: var(--esp-4); }
.guara-conceito__texto > .secao__cabeca { margin-bottom: var(--esp-2); }
@supports (animation-timeline: view()) {
  @media (min-width: 48rem) and (prefers-reduced-motion: no-preference) {
    .guara-conceito__numero { animation: guara-deslizar linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    @keyframes guara-deslizar { from { translate: 0 4%; } to { translate: 0 -4%; } }
  }
}
@media (max-width: 47.99rem) {
  .guara-conceito__numero { font-size: clamp(5rem, 30vw, 8rem); margin-left: calc(-1 * var(--margem) + .1em); }
}


.guara-local__texto { --de: 1; --ate: 6; display: grid; gap: var(--esp-4); align-content: start; }

.guara-local__esquema { --de: 7; --ate: 13; align-self: start; position: sticky; top: calc(var(--altura-cabecalho) + var(--esp-5)); }
@media (max-width: 47.99rem) {
  .guara-local__esquema { position: static; }
}
.guara-esquema {
  position: relative;
  aspect-ratio: 6 / 5;
  color: var(--texto);
  border-block: var(--espessura-linha) solid var(--linha);
}
.guara-esquema svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.guara-esquema svg * { stroke-width: 1.25; vector-effect: none; }

.guara-esquema .guara-esquema__medida { stroke-dasharray: .05 .03 !important; stroke-dashoffset: 0 !important; animation: none !important; }
.guara-esquema__rotulo {
  position: absolute;
  margin: 0;
  font-family: var(--fonte-dados);
  font-size: var(--passo--1);
  letter-spacing: var(--espaco-letras-rotulo);
  text-transform: uppercase;
  color: var(--texto-2);
  white-space: nowrap;
}

.guara-esquema__rotulo--avenida { left: 4%; top: 17%; }
.guara-esquema__rotulo--lote { left: 44.5%; top: 39%; color: var(--acento-texto); }
.guara-esquema__rotulo--medida { left: 50.5%; top: 55%; writing-mode: vertical-rl; rotate: 180deg; }
.guara-esquema__rotulo--areia { left: 4%; top: 73%; }
.guara-esquema__rotulo--mar { left: 4%; top: 89%; }
.guara-esquema__rotulo--ponte { right: 4%; top: 3%; } 
@media (max-width: 47.99rem) {
  
  .guara-esquema__rotulo--areia, .guara-esquema__rotulo--mar { display: none; }
  
  .guara-esquema__rotulo--avenida { top: 24.2%; line-height: 1; }
}


.guara-unidades__texto { --de: 1; --ate: 6; }
.guara-unidades__figura { --de: 7; --ate: 13; align-self: center; }


.guara-clube__cabeca { padding-bottom: var(--secao-apertada); }
.guara-clube .pilha > * {
  min-height: min(70vh, 40rem);
  min-height: min(70svh, 40rem);
  padding-block: var(--secao-apertada);
}

.guara-clube .pilha > *:not(:has(.guara-cartao__midia)) {
  min-height: min(56vh, 32rem);
  min-height: min(56svh, 32rem);
}

.guara-cartao__midia--fogo { --de: 8; --ate: 13; }
.guara-cartao__texto { --de: 1; --ate: 6; display: grid; gap: var(--esp-4); align-content: center; }
.guara-cartao__midia { --de: 7; --ate: 13; align-self: center; }

.guara-cartao__topo { display: flex; align-items: center; justify-content: space-between; gap: var(--esp-3); }
.guara-cartao__icone { width: 3rem; height: 3rem; color: var(--texto); }
.guara-cartao__icone svg { width: 100%; height: 100%; overflow: visible; }
.guara-cartao__icone svg * { stroke-width: 1.25; }
.guara-cartao__numero {
  --de: 7; --ate: 13;
  align-self: center;
  justify-self: end;
  line-height: .8;
  color: var(--marca-dagua, color-mix(in oklab, var(--texto) 12%, transparent)); 
  margin-right: calc(-1 * var(--margem) - .06em); 
  user-select: none;
}
.guara-cartao__texto h2 { max-width: none; }
@media (max-width: 47.99rem) {
  
  .guara-clube .pilha > *,
  .guara-clube .pilha > *:not(:has(.guara-cartao__midia)) { min-height: 0; }
  .guara-cartao__numero { display: none; } 
}


.obra-ficha > .tabela { max-width: 60rem; }


.guara-motivos__blocos { --de: 1; --ate: 13; }
.guara-motivos__acao { --de: 1; --ate: 13; margin-top: var(--esp-2); }




.selo {
  position: absolute;
  z-index: 1;
  left: .625rem; bottom: .625rem;
  padding: .3em .6em .32em;
  font-family: var(--fonte-dados);
  font-size: .75rem;
  line-height: 1.2;
  letter-spacing: .01em;
  color: var(--papel);
  background: color-mix(in oklab, var(--verde-noite) 88%, transparent);
  white-space: nowrap;
  pointer-events: none;
}
.selo--dir { left: auto; right: .625rem; }
.moldura:has(> .selo) { container-type: inline-size; }
@container (max-width: 15rem) {
  .selo { white-space: normal; width: min-content; line-height: 1.25; }
}
.selo--topo { bottom: auto; top: .625rem; }


.tipos-indice { margin-bottom: var(--esp-7); }
.tipos-indice ul { display: flex; flex-wrap: wrap; gap: var(--esp-2) var(--esp-6); list-style: none; margin: 0; padding: 0; }
.tipos-indice a { font-size: var(--passo-0); }
.tipos-indice ul { row-gap: var(--esp-4); }
.tipos-indice .mono { color: var(--texto-2); margin-inline-end: .35em; }


.tipologia { display: grid; gap: var(--esp-5); padding-top: var(--esp-5); border-top: var(--espessura-linha) solid var(--linha); }
.tipologia + .tipologia { margin-top: var(--esp-8); }
.tipologia__cabeca {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: var(--esp-5);
  row-gap: var(--esp-3);
  align-items: end;
}
.tipologia__letra {
  font-family: var(--fonte-display);
  font-weight: var(--peso-fino);
  font-size: var(--passo-4);
  line-height: .8;
  letter-spacing: var(--espaco-letras-display);
  font-variation-settings: var(--fraunces-display);
  color: var(--acento-texto);
  margin: 0;
}
.tipologia__titulo, .espaco__titulo, .plantas__titulo { display: grid; gap: var(--esp-2); }
.tipologia__titulo > .rotulo {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.tipologia__nome, .espaco__nome, .plantas__nome {
  font-family: var(--fonte-display);
  font-weight: var(--peso-normal);
  font-size: var(--passo-2);
  line-height: 1.05;
  letter-spacing: var(--espaco-letras-titulo);
  font-variation-settings: var(--fraunces-display);
}
.tipologia__ficha { display: grid; gap: var(--esp-2); justify-items: end; text-align: right; }
.tipologia__dados, .plantas__dados {
  display: flex; flex-wrap: wrap; gap: var(--esp-1) var(--esp-5);
  font-family: var(--fonte-dados); font-size: var(--passo--1); font-variant-numeric: tabular-nums;
}
.tipologia__dados > div, .plantas__dados > div { display: flex; gap: .5em; align-items: baseline; }
.tipologia__dados dt, .plantas__dados dt { color: var(--texto-2); }
@media (max-width: 47.99rem) {
  .tipologia__cabeca { grid-template-columns: auto minmax(0, 1fr); }
  .tipologia__ficha { grid-column: 1 / -1; justify-items: start; text-align: left; }
  .tipologia__dados > div { display: block; }
  .tipologia__dados dt { display: inline; margin-inline-end: .5em; }
  .tipologia__dados dd { display: inline; }
}

@media (min-width: 64rem) {
  .tipologia:has(> .galeria > li:only-child) { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--calha); align-items: end; }
  .tipologia:has(> .galeria > li:only-child) > .tipologia__cabeca { grid-column: 9 / 13; grid-row: 1; grid-template-columns: auto minmax(0, 1fr); }
  .tipologia:has(> .galeria > li:only-child) .tipologia__ficha { grid-column: 1 / -1; justify-items: start; text-align: left; }
  .tipologia:has(> .galeria > li:only-child) .tipologia__dados { flex-direction: column; }
  .tipologia:has(> .galeria > li:only-child) > .galeria { grid-column: 1 / 9; grid-row: 1; }
  .tipologia:has(> .galeria > li:only-child) .galeria__item--inteira .moldura { --proporcao: 4 / 3; }
}


.galeria {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--esp-5) var(--calha);
  list-style: none; margin: 0; padding: 0;
}
.galeria > li { min-width: 0; grid-column: span 4; }
.galeria > .galeria__item--capa { grid-column: 1 / 9; grid-row: span 2; }
.galeria > .galeria__item--lado { grid-column: 9 / 13; }
.galeria > .galeria__item--meia { grid-column: span 6; }
.galeria > .galeria__item--inteira { grid-column: 1 / -1; }

.galeria > .galeria__item--inteira .moldura { --proporcao: 16 / 9; }
@media (min-width: 64rem) {
  .galeria__item--capa > .figura { height: 100%; grid-template-rows: minmax(0, 1fr) auto; }
  .galeria__item--capa .galeria__abrir, .galeria__item--capa .moldura { height: 100%; }
  .galeria__item--capa .moldura { aspect-ratio: auto; min-height: 20rem; }
}

@media (max-width: 63.99rem) {
  .galeria { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-4) var(--esp-3); }
  .galeria > li { grid-column: auto !important; grid-row: auto !important; }
  
  .galeria > .galeria__item--capa,
  .galeria > .galeria__item--inteira,
  .galeria > .galeria__item--fecha { grid-column: 1 / -1 !important; }
  .galeria > .galeria__item--inteira .moldura,
  .galeria > .galeria__item--fecha .moldura { --proporcao: 16 / 9; }
}
@media (max-width: 47.99rem) {
  
  .galeria > li:not(.galeria__item--capa):not(.galeria__item--inteira):not(.galeria__item--fecha) .selo,
  .versatil .selo { font-size: .6875rem; left: .375rem; bottom: .375rem; padding: .25em .45em; }
  .moldura--planta .selo { font-size: .6875rem; padding: .25em .45em; right: .375rem; bottom: .375rem; }
}


.galeria__abrir { display: block; color: inherit; text-decoration: none; cursor: zoom-in; }
.galeria__abrir:focus-visible { outline-offset: 3px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .galeria__abrir img { transition: scale .9s var(--suave); }
  .galeria__abrir:hover img { scale: 1.035; }
}


.espacos { display: grid; gap: var(--esp-8); margin-top: var(--esp-8); }
.espaco { display: grid; gap: var(--esp-5); padding-top: var(--esp-5); border-top: var(--espessura-linha) solid var(--linha); }
.espaco__cabeca { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--esp-3) var(--esp-5); }
@media (max-width: 47.99rem) { .espaco__cabeca { flex-direction: column; align-items: start; } }


.versatil { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--esp-4) var(--calha); margin-top: var(--esp-4); }
.versatil__frase { display: contents; }
.versatil__frase > span {
  grid-row: 1;
  font-family: var(--fonte-display);
  font-weight: var(--peso-fino);
  font-size: var(--passo-3);
  line-height: var(--entrelinha-titulo);
  letter-spacing: 0;
  font-variation-settings: var(--fraunces-display);
  text-transform: uppercase;
  align-self: end;
}
.versatil__frase > span:last-child { grid-column: 2; }
.versatil__frase em { font-style: italic; font-variation-settings: var(--fraunces-enfase); color: var(--acento-texto); }
.versatil > .figura { grid-row: 2; }
.versatil > .versatil__noite { grid-column: 2; }
@media (max-width: 47.99rem) {
  .versatil { grid-template-columns: minmax(0, 1fr); }
  .versatil__frase > span:first-child { grid-row: 1; }
  .versatil > .versatil__dia { grid-row: 2; }
  .versatil__frase > span:last-child { grid-row: 3; grid-column: 1; margin-top: var(--esp-4); }
  .versatil > .versatil__noite { grid-row: 4; grid-column: 1; }
}


.versatil--video > .versatil__palco { grid-column: 1 / -1; grid-row: 1; --proporcao: 21 / 9; }
.versatil--video > .figura { grid-row: 2; }
.versatil__palco::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgb(0 0 0 / .6) 0%, rgb(0 0 0 / .45) 45%, rgb(0 0 0 / .25) 100%);
}
.versatil__palco .versatil__frase {
  position: absolute; z-index: 1; inset: 0 0 auto 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--calha);
  padding: var(--esp-6) var(--esp-6) var(--esp-5);
  color: var(--papel);
  margin: 0; max-width: none;
}
.versatil__palco .versatil__frase > span { grid-row: 1; }
.versatil__palco .versatil__frase > span:last-child { grid-column: 2; }
.versatil__palco .selo { left: auto; right: .625rem; }
@media (min-width: 64rem) {
  .versatil__palco .versatil__frase > span:last-child { justify-self: end; text-align: right; }
}
@media (min-width: 48rem) and (max-width: 63.99rem) {
  .versatil--video > .versatil__palco { --proporcao: 16 / 9; }
  .versatil__palco .versatil__frase { grid-template-columns: minmax(0, 1fr); }
  .versatil__palco .versatil__frase > span, .versatil__palco .versatil__frase > span:last-child { grid-row: auto; grid-column: 1; }
}

.versatil--video > .figura .moldura { --proporcao: 16 / 9; }
.versatil__palco .video-laco__botao { top: auto; right: auto; bottom: .625rem; left: .625rem; }
@media (max-width: 47.99rem) {
  .versatil--video > .versatil__palco { --proporcao: 4 / 5; grid-row: 1; }
  .versatil--video > .versatil__dia { grid-row: 2; }
  .versatil--video > .versatil__noite { grid-row: 3; grid-column: 1; }
  .versatil__palco .versatil__frase { grid-template-columns: minmax(0, 1fr); padding: var(--esp-5) var(--esp-4); }
  .versatil__palco .versatil__frase > span, .versatil__palco .versatil__frase > span:last-child { grid-row: auto; grid-column: 1; margin-top: 0; }
}


.plantas__abas { display: flex; flex-wrap: wrap; gap: var(--esp-2); margin-bottom: var(--esp-6); }
.plantas__aba {
  min-height: 2.75rem;
  padding: .55em 1.1em;
  border: var(--espessura-linha) solid var(--linha-forte);
  border-radius: var(--raio-pilula);
  font-family: var(--fonte-dados);
  font-size: var(--passo--1);
  color: var(--texto);
  background: transparent;
  cursor: pointer;
  transition: background-color var(--dur-toque) ease, color var(--dur-toque) ease, border-color var(--dur-toque) ease;
}
.plantas__aba:hover { border-color: var(--texto); }
.plantas__aba[aria-selected="true"] { background: var(--texto); border-color: var(--texto); color: var(--fundo); }
.plantas__painel {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--esp-5) var(--calha);
  align-items: start;
}
.plantas__painel + .plantas__painel { margin-top: var(--esp-7); padding-top: var(--esp-5); border-top: var(--espessura-linha) solid var(--linha); }
.plantas--abas .plantas__painel + .plantas__painel { margin-top: 0; padding-top: 0; border-top: 0; }
.plantas__painel[hidden] { display: none; }
.plantas__figura { grid-column: 1 / 9; }
.plantas__ficha { grid-column: 9 / 13; display: grid; gap: var(--esp-4); align-content: start; }
.plantas__dados { display: grid; gap: var(--esp-3); }
.plantas__dados > div { display: grid; gap: var(--esp-1); padding-bottom: var(--esp-3); border-bottom: var(--espessura-linha) solid var(--linha); }
.plantas__dados dd { line-height: 1.5; }
.moldura--planta { aspect-ratio: auto; background: transparent; }
.moldura--planta > picture > img { height: auto; object-fit: contain; }
.plantas__nota { margin-top: var(--esp-6); max-width: 72ch; }
@media (max-width: 63.99rem) {
  .plantas__figura, .plantas__ficha { grid-column: 1 / -1; }
}


.visor {
  position: fixed;
  inset: 0;
  width: 100vw; width: 100dvw;
  height: 100vh; height: 100dvh;
  max-width: none; max-height: none;
  margin: 0; padding: 0;
  border: 0;
  background: color-mix(in oklab, var(--verde-noite) 94%, black);
  color: var(--papel);
  --texto: var(--papel);
  --texto-2: color-mix(in oklab, var(--papel) 66%, var(--verde-noite));
  --linha-forte: color-mix(in oklab, var(--papel) 40%, transparent);
  --acento-texto: color-mix(in oklab, var(--terracota) 70%, var(--papel));
  --foco: var(--terracota);
  z-index: var(--z-menu);
}
.visor[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.visor::backdrop { background: rgb(0 0 0 / .5); }
body:has(.visor[open]) { overflow: hidden; }
.visor__topo, .visor__rodape {
  display: flex; align-items: center; gap: var(--esp-3) var(--esp-5);
  padding: var(--esp-3) var(--margem);
  font-family: var(--fonte-dados); font-size: var(--passo--1);
}
.visor__grupo, .visor__legenda { max-width: none; } 
.visor__grupo { flex: 1 1 auto; min-width: 0; color: var(--texto-2); letter-spacing: var(--espaco-letras-rotulo); text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visor__contador { font-variant-numeric: tabular-nums; color: var(--texto-2); }
.visor__botao {
  display: inline-flex; align-items: center; gap: .5em;
  min-height: 2.75rem; padding: .5em .25em;
  font: inherit; letter-spacing: var(--espaco-letras-rotulo); text-transform: uppercase;
  color: inherit; background: none; border: 0; cursor: pointer;
}
.visor__botao[hidden] { display: none; }
.visor__botao[aria-pressed="true"] { color: var(--acento-texto); }
.visor__palco { position: relative; display: grid; place-items: center; min-height: 0; overflow: hidden; padding-inline: calc(var(--margem) + 3.75rem); touch-action: pan-y pinch-zoom; }
.visor--zoom .visor__palco { touch-action: auto; }
.visor__quadro { position: relative; line-height: 0; }
.visor__img {
  display: block;
  width: auto; height: auto;
  max-width: calc(100vw - 2 * var(--margem) - 7.5rem);
  max-height: calc(100vh - 9rem); max-height: calc(100dvh - 9rem);
  user-select: none; -webkit-user-select: none;
  touch-action: pan-y pinch-zoom;
}
.visor--planta .visor__img { cursor: zoom-in; }
.visor--zoom .visor__palco { place-items: start; overflow: auto; overscroll-behavior: contain; padding-inline: var(--margem); }
.visor--zoom .visor__img { max-width: none; max-height: none; cursor: zoom-out; touch-action: auto; }
.visor__seta {
  position: absolute; top: 50%; translate: 0 -50%; z-index: 2;
  display: grid; place-items: center;
  width: 3rem; height: 3rem;
  border: var(--espessura-linha) solid var(--linha-forte); border-radius: 50%;
  background: color-mix(in oklab, var(--verde-noite) 55%, transparent);
  color: var(--papel); cursor: pointer;
}
.visor__seta svg { width: 1.125rem; height: 1.125rem; }
.visor__seta--anterior { left: var(--margem); }
.visor__seta--anterior svg { scale: -1 1; }
.visor__seta--proxima { right: var(--margem); }
.visor__seta:hover { border-color: var(--papel); }
.visor--zoom .visor__seta, .visor__seta[hidden] { display: none; } 
.visor__legenda { flex: 1 1 auto; min-width: 0; }
@media (max-width: 47.99rem) {
  .visor__palco { padding-inline: var(--margem); }
  .visor__img { max-width: calc(100vw - 2 * var(--margem)); max-height: calc(100dvh - 11rem); }
  
  .visor--zoom .visor__img { height: calc(100dvh - 11rem); width: auto; }
  
  .visor__palco { position: static; }
  .visor__seta { top: auto; bottom: var(--esp-2); translate: none; width: 2.75rem; height: 2.75rem; }
  .visor__rodape { padding-inline: calc(var(--margem) + 3.5rem); text-align: center; justify-content: center; }
  
  .visor__topo { gap: var(--esp-3); }
  .visor__grupo { display: none; }
  .visor__contador { margin-inline-end: auto; }
  .visor__botao { letter-spacing: 0; white-space: nowrap; }
}


.capitulos {
  position: fixed;
  right: .75rem;
  top: 50%;
  translate: 0 -50%;
  z-index: var(--z-flutuante);
  display: none;
  gap: .125rem;
  color: var(--capitulos-cor, var(--texto));
  transition: color var(--dur-tema) ease;
  pointer-events: none; 
}
@media (min-width: 80rem) { .com-js .capitulos { display: grid; } }
.capitulos a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem;
  min-height: 2.25rem;
  padding-inline: .5rem;
  text-decoration: none;
  color: inherit;
  pointer-events: auto;
}
.capitulos__nome {
  font-family: var(--fonte-dados);
  font-size: var(--passo--1);
  letter-spacing: var(--espaco-letras-rotulo);
  text-transform: uppercase;
  opacity: 0;
  translate: .4rem 0;
  transition: opacity var(--dur-toque) ease, translate var(--dur-toque) var(--suave);
}
.capitulos__traco {
  width: .75rem; height: 1px;
  background: currentColor;
  opacity: .5;
  transition: width var(--dur-toque) var(--suave), opacity var(--dur-toque) ease;
}
.capitulos a:hover .capitulos__nome, .capitulos a:focus-visible .capitulos__nome { opacity: 1; translate: 0 0; }
.capitulos a:hover .capitulos__traco, .capitulos a:focus-visible .capitulos__traco, .capitulos a[aria-current="true"] .capitulos__traco { width: 1.25rem; opacity: 1; }


@media (prefers-reduced-motion: reduce) {
  .sabia-palavra__linha, .guara-conceito__numero { animation: none !important; translate: none !important; }
  .com-js .guara-heroi__horizonte::before { transform: none !important; }
  
  .guara-esquema svg * { animation: none !important; stroke-dashoffset: 0 !important; }
}
@media print {
  .capitulos { display: none !important; }
  .guara-clube .pilha > *,
  .guara-clube .pilha > *:not(:has(.guara-cartao__midia)) { position: static; min-height: 0; }
  .guara-local__esquema { position: static; }
}


@media (min-width: 48rem) {
  .visor:not(.visor--zoom) .visor__img { max-width: min(calc(100vw - 2 * var(--margem) - 7.5rem), 1200px); }
}


.video-filme__quadro { background: var(--verde-noite); }
.video-filme__quadro > video { width: 100%; height: 100%; object-fit: contain; display: block; background: #000; }
.video-filme--vertical .video-filme__quadro { max-height: 72svh; }
.video-filme__play {
  position: absolute; z-index: 2; left: 50%; top: 50%; translate: -50% -50%;
  display: inline-flex; align-items: center; gap: .75em;
  min-height: 3.25rem; padding: .8em 1.4em .8em 1.1em;
  font-family: var(--fonte-dados); font-size: var(--passo--1); letter-spacing: .02em;
  color: var(--papel);
  background: color-mix(in oklab, var(--verde-noite) 86%, transparent);
  border: var(--espessura-linha) solid color-mix(in oklab, var(--papel) 45%, transparent);
  border-radius: var(--raio-pilula);
  cursor: pointer;
  white-space: nowrap;
  --foco: var(--papel);
  transition: background-color var(--dur-toque) ease, border-color var(--dur-toque) ease;
}
.video-filme__play[hidden] { display: none; }
.video-filme__play:hover { background: var(--terracota-escura); border-color: var(--terracota-escura); }
.video-filme__icone { width: 0; height: 0; border-left: .8em solid currentColor; border-block: .5em solid transparent; }
@media (max-width: 47.99rem) {
  .video-filme__play { top: auto; bottom: 3.5rem; translate: -50% 0; }
}
.video-filme figcaption { flex-wrap: wrap; }


.sabia-filme .secao__cabeca { margin-bottom: var(--esp-6); }
.sabia-filme:not(:has(video)) { display: none; } 

.video-filme figcaption > .legenda + .legenda { flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 47.99rem) {
  .video-filme__play { top: 42%; bottom: auto; translate: -50% -50%; min-height: 2.75rem; padding: .6em 1.1em .6em .9em; }
}



.versatil__palco { --acento-texto: color-mix(in oklab, var(--terracota) 70%, var(--papel)); }

.video-filme figcaption { row-gap: var(--esp-1); }
.video-filme figcaption > .legenda + .legenda { font-size: .75rem; }

.sabia-filme .video-filme { max-width: min(100%, calc((100svh - var(--altura-cabecalho) - 6rem) * 16 / 9)); margin-inline: 0 auto; }

@media (max-width: 47.99rem) {
  .video-filme__play { top: auto; bottom: var(--esp-3); left: var(--esp-3); translate: none; }
}


.sabia-construcao:not(:has(video)) { display: none; }

.sabia-construcao .video-mudo { max-width: min(100%, calc((100svh - var(--altura-cabecalho) - 6rem) * 16 / 9)); margin-inline: 0 auto; }


.sabia-produto__fachada { --de: 1; --ate: 13; margin-block: var(--esp-6) var(--esp-4); }
.sabia-produto__fachada:not(:has(img)) { display: none; }