/*!
 * Brenda Isis — Home V247 (arquivo único, sem minificar)
 * Usado pelo template PHP page-brenda-home.php (tema astra-child), que não carrega o CSS do tema.
 * Uma página por vez até 679 px.
 * Duas páginas lado a lado a partir de 680 px, em qualquer orientação (celular deitado incluído);
 * com altura >= 640 px a revista ocupa uma tela e vira as páginas (arrastar, abinhas, setas, trackpad).
 * Faixas: <=420 px (lâminas com medidas fixas e fundo em 3 faixas) · >=421 px (fundo inteiro)
 *         >=680 px (.brenda-spread em 2 colunas, lombada central).
 * Proporção de cada lâmina: --page-ratio · imagem de fundo: --slide-src (carregada via .is-near).
 */
@font-face {
  font-family: "Gatsby Gilmour";
  src:
    url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/fonts/GatsbyGilmourRegular.woff2)
      format("woff2"),
    url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/fonts/GatsbyGilmourRegular.woff)
      format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/fonts/Jost-300.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/fonts/Jost-400.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Jost";
  src: url("https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/fonts/Jost-500.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

/* ---------- base ---------- */

:root {
  color-scheme: light;
  scroll-behavior: smooth;
  scroll-padding-top: 76px;
}

html,
body {
  margin: 0;
  min-width: 320px;
  background: #071d35;
}

html.brenda-lock,
body.brenda-lock {
  overflow: hidden;
}

#brenda-site {
  --navy: #071d35;
  --navy-2: #0d3150;
  --paper: #fff8ee;
  --ink: #2f2927;
  --gold: #a06b2f;
  --gold-light: #ba7d38;
  --rose: #ad6a63;
  --title-font: "Gatsby Gilmour", "Jost", sans-serif;
  --body-font: "Jost", sans-serif;
  --header-h: 71px;
  min-height: 100vh;
  color: var(--ink);
  background: var(--navy);
  font-family: var(--body-font);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  --cta-gold: #a06b2f;
  --cta-red: #9b482c;
  --cta-navy: #0d3150;
  --cta-areas-gold: #d9bd7b;
  --footer-base-size: clamp(7px, 1.3vw, 14px);
  --header-gold: #d9bd7b;
}

#brenda-site * {
  box-sizing: border-box;
}

#brenda-site
  :where(
    main,
    section,
    article,
    div,
    figure,
    nav,
    header,
    footer,
    p,
    h1,
    h2,
    h3,
    button,
    a,
    span,
    strong,
    small
  ) {
  hyphens: none;
}

#brenda-site :where(h1, h2, h3, p, figure, blockquote) {
  margin: 0;
}

#brenda-site :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

#brenda-site :where(button) {
  border: 0;
  padding: 0;
  color: inherit;
  background: none;
  font: inherit;
  cursor: pointer;
}

#brenda-site :where(img, svg, iframe) {
  max-width: 100%;
}

#brenda-site a:focus-visible,
#brenda-site button:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 4px;
}

.brenda-skip {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 5000;
  transform: translateY(-180%);
  padding: 0.65rem 0.9rem;
  color: var(--navy);
  background: var(--paper);
  text-decoration: none;
}

.brenda-skip:focus {
  transform: none;
}

#brenda-site .brenda-main {
  padding-top: var(--header-h);
}

@media (max-width: 420px) {
  #brenda-site .brenda-primeira__step {
    transition:
      color 420ms ease,
      font-size 420ms ease,
      font-weight 420ms ease,
      opacity 420ms ease,
      transform 420ms ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
  #brenda-site *,
  #brenda-site *::before,
  #brenda-site *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* ---------- header ---------- */

#brenda-site .brenda-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  height: var(--header-h);
  border-bottom: 1px solid rgba(215, 185, 102, 0.34);
  background: rgba(7, 29, 53, 0.985);
  transition:
    height 0.2s ease,
    box-shadow 0.2s ease;
}

#brenda-site .brenda-header.is-compact {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

#brenda-site .brenda-header__inner {
  width: min(1320px, calc(100% - 32px));
  height: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

#brenda-site .brenda-brand {
  min-width: 0;
  max-width: calc(100% - 60px);
  height: 49px;
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 0;
  color: var(--paper);
  font-weight: 300;
  line-height: 1;
  text-decoration: none;
}

#brenda-site .brenda-brand__top {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 7px;
  white-space: nowrap;
}

#brenda-site .brenda-brand__name {
  color: var(--header-gold);
  font-family: "Gatsby Gilmour", "Jost", sans-serif;
  font-size: clamp(1.08rem, 4.75vw, 1.28rem);
  font-weight: 400;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

#brenda-site .brenda-brand__meta {
  font-size: clamp(calc(0.4rem + 2px), calc(1.62vw + 2px), calc(0.48rem + 2px));
  letter-spacing: 0.055em;
}

#brenda-site .brenda-brand__method {
  margin-bottom: 10px;
  font-size: clamp(calc(0.39rem + 2px), calc(1.58vw + 2px), calc(0.47rem + 2px));
  letter-spacing: 0.115em;
  white-space: nowrap;
}

#brenda-site .brenda-brand__location {
  font-size: clamp(0.39rem, 1.58vw, 0.47rem);
  letter-spacing: 0.13em;
  white-space: nowrap;
}

#brenda-site .brenda-menu-button {
  width: 44px;
  height: 42px;
  position: relative;
  flex: 0 0 auto;
  align-self: center;
}

#brenda-site .brenda-menu-button span {
  width: 24px;
  position: absolute;
  left: 10px;
  background: var(--gold);
  transition: 0.18s ease;
  height: 2px;
}

#brenda-site .brenda-menu-button span:nth-child(1) {
  top: 12px;
}

#brenda-site .brenda-menu-button span:nth-child(2) {
  top: 20px;
}

#brenda-site .brenda-menu-button span:nth-child(3) {
  top: 28px;
}

#brenda-site .brenda-menu-button.is-open span:nth-child(1) {
  top: 20px;
  transform: rotate(45deg);
}

#brenda-site .brenda-menu-button.is-open span:nth-child(2) {
  opacity: 0;
}

#brenda-site .brenda-menu-button.is-open span:nth-child(3) {
  top: 20px;
  transform: rotate(-45deg);
}

#brenda-site .brenda-menu-button:focus-visible {
  outline: 2px solid #fff8ee;
  outline-offset: 4px;
}

@media (max-width: 420px) {
  #brenda-site .brenda-header__inner {
    width: calc(100% - 28px);
  }
}

/* ---------- menu ---------- */

#brenda-site .brenda-menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 1990;
  background: rgba(3, 16, 30, 0.68);
  backdrop-filter: blur(4px);
}

#brenda-site .brenda-menu {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 2000;
  width: min(92vw, 410px);
  padding: 1.2rem;
  transform: translateX(105%);
  color: var(--paper);
  background: var(--navy);
  box-shadow: -18px 0 40px rgba(0, 0, 0, 0.3);
  transition: transform 0.24s ease;
}

#brenda-site .brenda-menu.is-open {
  transform: none;
}

#brenda-site .brenda-menu__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(215, 185, 102, 0.35);
}

#brenda-site .brenda-menu__head strong {
  font-family: var(--title-font);
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}

#brenda-site .brenda-menu__head button {
  color: var(--gold-light);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
}

#brenda-site .brenda-menu nav {
  display: grid;
  margin-top: 1rem;
}

#brenda-site .brenda-menu nav a {
  padding: 0.78rem 0.2rem;
  border-bottom: 1px solid rgba(255, 248, 238, 0.12);
  color: var(--paper);
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#brenda-site .brenda-menu nav a:hover {
  color: var(--gold-light);
}

#brenda-site .brenda-menu nav .brenda-menu__cta {
  margin-top: 1rem;
  border: 1px solid var(--gold-light);
  color: var(--gold-light);
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 0.18em;
  line-height: 1.15;
}

#brenda-site .brenda-menu nav .brenda-menu__cta > span {
  white-space: nowrap;
}

#brenda-site .brenda-menu :is(a, button):focus-visible {
  outline: 2px solid #fff8ee;
  outline-offset: 4px;
}

/* ---------- reader ---------- */

#brenda-site
  :is(
    .brenda-hero__title,
    .brenda-presentation__title,
    .brenda-dor__title,
    .brenda-ajuda__title,
    .brenda-trabalho__title,
    .brenda-experiencia__title,
    .brenda-areas__title,
    .brenda-metodo__title,
    .brenda-primeira__title,
    .brenda-faq__title,
    .brenda-local__title,
    .brenda-contact__title,
    .brenda-reader h2,
    .brenda-reader h3
  ) {
  font-family: var(--title-font);
  font-weight: 400;
}

#brenda-site .brenda-reader-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1990;
  background: rgba(3, 16, 30, 0.68);
  backdrop-filter: blur(4px);
}

#brenda-site .brenda-reader {
  position: fixed;
  inset: 4vh 50% auto auto;
  z-index: 2100;
  width: min(92vw, 760px);
  max-height: 92vh;
  transform: translateX(50%) scale(0.98);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  opacity: 0;
  pointer-events: none;
  background: var(--paper);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

#brenda-site .brenda-reader.is-open {
  transform: translateX(50%);
  opacity: 1;
  pointer-events: auto;
}

#brenda-site .brenda-reader__header,
#brenda-site .brenda-reader__footer-global {
  padding: 1rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--paper);
  background: var(--navy);
}

#brenda-site .brenda-reader__header p,
#brenda-site .brenda-reader__header button,
#brenda-site .brenda-reader__footer-global button {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
}

#brenda-site .brenda-reader__body {
  overflow-y: auto;
  padding: clamp(1.4rem, 4vw, 3.4rem);
}

#brenda-site .brenda-reader__body :is(h2, h3[data-brenda-reader-heading]) {
  color: var(--navy-2);
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1.05;
}

#brenda-site .brenda-reader__body h3:not([data-brenda-reader-heading]) {
  margin-top: 1.8rem;
  color: var(--navy-2);
  font-size: 1.55rem;
}

#brenda-site .brenda-reader__eyebrow {
  margin-bottom: 0.7rem;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#brenda-site .brenda-reader__text,
#brenda-site .brenda-reader__intro p {
  margin-top: 1.4rem;
  font-weight: 300;
  line-height: 1.75;
}

#brenda-site .brenda-reader__text p + p {
  margin-top: 1rem;
}

#brenda-site .brenda-reader__grid {
  margin-top: 1.6rem;
  display: grid;
  gap: 1rem;
}

#brenda-site .brenda-reader__grid article {
  padding: 1rem;
  border: 1px solid rgba(169, 122, 37, 0.32);
}

#brenda-site .brenda-reader__references {
  margin-top: 1.8rem;
  display: grid;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(169, 122, 37, 0.32);
}

#brenda-site .brenda-reader__references span {
  color: var(--gold);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}

#brenda-site .brenda-reader__references a {
  color: var(--navy-2);
}

/* ---------- pages ---------- */

#brenda-site .brenda-slide-scope {
  --slide-bg: var(--slide-src);
  position: relative;
  isolation: isolate;
  contain: paint;
  padding-bottom: 1px;
  background: var(--navy);
}

/* Fundos sob demanda: a imagem da lâmina só entra quando o JS marca .is-near. */
#brenda-site.is-lazy .brenda-slide-scope:not(.is-near) {
  --slide-bg: none;
}

/* Imagem e proporção de cada lâmina */
#brenda-site [data-brenda-slide="hero1"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-001-hero-mobile-leve.webp);
}

#brenda-site [data-brenda-slide="hero2"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-002-apresentacao-mobile.webp);
}

#brenda-site [data-brenda-slide="dor"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-003-funciona-pesa-mobile.webp);
  --page-ratio: 375 / 619.5;
  --page-hw: 1.652;
}

#brenda-site [data-brenda-slide="ajuda"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-004-como-posso-ajudar-mobile.webp);
  --page-ratio: 375 / 613.3;
  --page-hw: 1.6355;
}

#brenda-site [data-brenda-slide="trabalho"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-005-como-eu-trabalho-mobile.webp);
}

#brenda-site [data-brenda-slide="experiencia"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-006-experiencia-contextos-mobile.webp);
  --page-ratio: 375 / 620;
  --page-hw: 1.6533;
}

#brenda-site [data-brenda-slide="areas"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-007-experiencia-demandas-mobile.webp);
  --page-ratio: 375 / 650;
  --page-hw: 1.7333;
}

#brenda-site [data-brenda-slide="metodo"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-008-conducao-terapia-mobile.webp);
}

#brenda-site [data-brenda-slide="primeira-conversa"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-010-faq-mobile.webp);
}

#brenda-site [data-brenda-slide="faq"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-009-inicio-psicoterapia-mobile.webp);
  --page-ratio: 375 / 680;
  --page-hw: 1.8133;
}

#brenda-site [data-brenda-slide="local"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-011-psicoterapia-boa-vista-mobile.webp?v=20260727-164840);
}

#brenda-site [data-brenda-slide="contato"] {
  --slide-src: url(https://www.psicologabrendaisis.com.br/assets/brenda-home/v2/templates/brenda-lamina-012-contato-mobile.webp?v=20260727-164840);
}

#brenda-site .brenda-slide-scope > section::before {
  content: "";
  position: absolute;
  inset: 0 4% auto;
  z-index: 5;
  height: 3px;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(198, 143, 63, 0.98) 0%,
    rgba(183, 134, 71, 0.84) 34%,
    rgba(183, 134, 71, 0.24) 72%,
    transparent 100%
  );
}

#brenda-site .brenda-slide-scope > section::after {
  content: "";
  position: absolute;
  inset: auto 4% 0;
  z-index: 5;
  height: 3px;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(198, 143, 63, 0.98) 0%,
    rgba(183, 134, 71, 0.84) 34%,
    rgba(183, 134, 71, 0.24) 72%,
    transparent 100%
  );
}

#brenda-site
  :is(
    .brenda-hero__content,
    .brenda-presentation__safe,
    .brenda-dor__safe,
    .brenda-ajuda__safe,
    .brenda-trabalho__safe,
    .brenda-experiencia__safe,
    .brenda-areas__safe,
    .brenda-metodo__safe,
    .brenda-primeira__safe,
    .brenda-faq__safe,
    .brenda-local__safe,
    .brenda-contact__safe
  ) {
  position: absolute;
  z-index: 2;
}

#brenda-site
  :is(
    .brenda-presentation__copy,
    .brenda-dor__content,
    .brenda-ajuda__content,
    .brenda-trabalho__content,
    .brenda-experiencia__content,
    .brenda-areas__content,
    .brenda-metodo__content,
    .brenda-primeira__content,
    .brenda-faq__content,
    .brenda-local__content,
    .brenda-contact__content
  ) {
  text-align: center;
}

#brenda-site .brenda-template-slices {
  display: none;
}

#brenda-site .brenda-page-coordinate {
  display: contents;
}

#brenda-site .brenda-slide-scope > section {
  container-type: inline-size;
  width: calc(100% - 18px);
  max-width: 1086px;
  min-height: 0;
  margin-inline: auto;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #f8f1e9;
  background-image: var(--slide-bg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.12);
  scroll-margin-top: var(--header-h);
  aspect-ratio: var(--page-ratio, 375 / 612.15);
}

#brenda-site
  :is(
    .brenda-trabalho__content,
    .brenda-experiencia__content,
    .brenda-areas__content,
    .brenda-metodo__content,
    .brenda-primeira__content,
    .brenda-faq__content,
    .brenda-local__content,
    .brenda-contact__content
  ) {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 420px) {
  /* Até 420 px o fundo é montado em três faixas (.brenda-template-slice); a FAQ usa a imagem inteira. */
  #brenda-site .brenda-slide-scope:not([data-brenda-slide="faq"]) > section {
    background-image: none;
  }
  #brenda-site .brenda-slide-scope + .brenda-slide-scope > section::before {
    content: none;
  }
  #brenda-site .brenda-template-slices {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    grid-template-rows: 9.091% 81.818% 9.091%;
    overflow: hidden;
    pointer-events: none;
  }
  #brenda-site .brenda-template-slice {
    min-width: 0;
    min-height: 0;
    background-image: var(--slide-bg);
    background-repeat: no-repeat;
    background-position-x: center;
  }
  #brenda-site .brenda-template-slice--top {
    background-size: 100% 2000%;
  }
  #brenda-site .brenda-template-slice--middle {
    background-size: 100% 111.111%;
    background-position-y: center;
  }
  #brenda-site .brenda-template-slice--bottom {
    background-size: 100% 2000%;
    background-position-y: bottom;
  }
  #brenda-site .brenda-page-coordinate {
    position: absolute;
    inset: 4.545% 0 auto;
    z-index: 2;
    display: block;
    height: 90.91%;
  }
  #brenda-site.has-mobile-effects .brenda-slide-scope {
    perspective: 1040px;
  }
  #brenda-site.has-mobile-effects .brenda-slide-scope > section {
    border-radius: 48% 48% 46% 46% / 0.55% 0.55% 0.8% 0.8%;
    clip-path: polygon(
      0.92% 0%,
      0.88% 5%,
      0.78% 11%,
      0.64% 18%,
      0.49% 26%,
      0.35% 34%,
      0.23% 42%,
      0.15% 48%,
      0.13% 50%,
      0.15% 52%,
      0.23% 58%,
      0.35% 66%,
      0.49% 74%,
      0.64% 82%,
      0.78% 89%,
      0.88% 95%,
      0.92% 100%,
      99.08% 100%,
      99.12% 95%,
      99.22% 89%,
      99.36% 82%,
      99.51% 74%,
      99.65% 66%,
      99.77% 58%,
      99.85% 52%,
      99.87% 50%,
      99.85% 48%,
      99.77% 42%,
      99.65% 34%,
      99.51% 26%,
      99.36% 18%,
      99.22% 11%,
      99.12% 5%,
      99.08% 0%
    );
    transform: perspective(1120px) translateX(calc(var(--page-scroll-x, 0px) + var(--page-touch-x, 0px)))
      translateY(var(--page-shift, 0px)) rotateX(var(--page-rotate-x, 0deg))
      rotateY(calc(var(--page-rotate-y, 0deg) + var(--page-touch-rotate-y, 0deg)))
      rotateZ(calc(var(--page-rotate-z, 0deg) + var(--page-touch-rotate-z, 0deg))) scale(var(--page-scale, 1));
    transform-origin: 50% var(--page-origin-y, 50%);
    transform-style: preserve-3d;
    opacity: var(--page-opacity, 1);
    filter: brightness(var(--page-brightness, 1));
    box-shadow:
      0 8px 18px rgba(0, 0, 0, var(--page-shadow, 0.06)),
      0 2px 5px rgba(0, 0, 0, 0.04);
    backface-visibility: hidden;
    will-change: transform, opacity, filter, box-shadow, clip-path;
  }
}

#brenda-site.has-mobile-effects [data-brenda-slide="hero1"] > section {
  clip-path: none;
  border-radius: 0;
  transform: none;
  filter: none;
  will-change: auto;
}

@media (max-width: 420px) {
  #brenda-site.has-mobile-effects .brenda-reveal {
    opacity: 0.12;
    translate: 0 4px;
    filter: blur(0.15px);
    transition:
      opacity 1.08s ease var(--reveal-delay, 0ms),
      translate 1.08s cubic-bezier(0.22, 0.68, 0.28, 1) var(--reveal-delay, 0ms),
      filter 1.08s ease var(--reveal-delay, 0ms);
  }
  #brenda-site.has-mobile-effects .brenda-reveal.is-revealed {
    opacity: 1;
    translate: 0 0;
    filter: blur(0);
  }
}

/* ---------- type ---------- */

#brenda-site
  :is(
    .brenda-hero__title,
    .brenda-presentation__title,
    .brenda-dor__title,
    .brenda-ajuda__title,
    .brenda-trabalho__title,
    .brenda-experiencia__title,
    .brenda-areas__title,
    .brenda-metodo__title,
    .brenda-primeira__title,
    .brenda-faq__title,
    .brenda-local__title,
    .brenda-contact__title
  )
  > :is(span, a) {
  color: inherit;
}

#brenda-site
  :is(
    .brenda-hero__title,
    .brenda-presentation__title,
    .brenda-dor__title,
    .brenda-ajuda__title,
    .brenda-trabalho__title,
    .brenda-experiencia__title,
    .brenda-areas__title,
    .brenda-metodo__title,
    .brenda-primeira__title,
    .brenda-faq__title,
    .brenda-local__title,
    .brenda-contact__title
  ) {
  color: var(--navy-2);
  text-transform: uppercase;
}

#brenda-site .brenda-ajuda__title-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2cqw;
}

#brenda-site
  :is(
    .brenda-trabalho__title,
    .brenda-experiencia__title,
    .brenda-areas__title,
    .brenda-metodo__title,
    .brenda-primeira__title,
    .brenda-faq__title,
    .brenda-local__title,
    .brenda-contact__title
  ) {
  text-rendering: geometricPrecision;
}

#brenda-site .brenda-line-option {
  display: grid;
  place-items: center;
  border-top: 1px solid rgba(160, 107, 47, 0.38);
  color: var(--navy-2);
  font-size: clamp(0.57rem, 1.75cqw, 1.02rem);
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.22s ease,
    transform 0.24s ease,
    font-weight 0.22s ease;
}

@media (max-width: 420px) {
  #brenda-site .brenda-hover-cue,
  #brenda-site .brenda-experiencia__area,
  #brenda-site .brenda-areas__item,
  #brenda-site .brenda-metodo__step,
  #brenda-site .brenda-faq__item {
    transition:
      color 420ms ease,
      font-size 420ms ease,
      font-weight 420ms ease,
      opacity 420ms ease,
      transform 420ms ease;
  }
}

#brenda-site .brenda-line-option:last-child {
  border-bottom: 1px solid rgba(160, 107, 47, 0.38);
}

#brenda-site .brenda-line-option:is(:hover, :focus-visible, .is-scroll-active) {
  color: var(--gold);
  font-weight: 500;
  transform: scale(1.04);
}

#brenda-site .brenda-text-accent {
  color: #9b482c;
  font: inherit;
  font-weight: 500;
}

/* ---------- cta ---------- */

#brenda-site .brenda-line-cta,
#brenda-site .brenda-ajuda__hint {
  --cta-scale: 1;
  --cta-opacity: 0;
  --cta-color: var(--cta-gold);
  max-width: min(74cqw, 420px);
  display: grid;
  grid-template-columns: 4px auto 4px;
  align-items: center;
  justify-self: center;
  align-self: center;
  gap: 4px;
  margin-inline: auto;
  color: var(--cta-color);
  font-size: clamp(4.25px, 1.12cqw, 8.25px);
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: 0.135em;
  text-decoration: none;
  text-transform: uppercase;
  opacity: var(--cta-opacity);
  transform: scale(var(--cta-scale));
  transition:
    color 0.34s linear,
    opacity 0.26s linear,
    transform 0.3s cubic-bezier(0.22, 0.68, 0.28, 1);
  will-change: color, opacity, transform;
}

#brenda-site .brenda-line-cta *,
#brenda-site .brenda-ajuda__hint * {
  font-weight: 300;
}

#brenda-site .brenda-line-cta__label {
  display: grid;
  justify-items: center;
  gap: 0.06em;
}

#brenda-site .brenda-line-cta__label > span {
  white-space: nowrap;
}

#brenda-site .brenda-line-cta::before,
#brenda-site .brenda-line-cta::after,
#brenda-site .brenda-ajuda__hint::before,
#brenda-site .brenda-ajuda__hint::after {
  content: "";
  width: 4px;
  height: 1px;
  justify-self: center;
  background: currentColor;
  opacity: 0.7;
  transition:
    background-color 0.34s linear,
    opacity 0.26s linear;
}

#brenda-site .brenda-line-cta:is(:hover, :focus-visible),
#brenda-site .brenda-ajuda__hint:is(:hover, :focus-visible) {
  color: var(--cta-red);
  font-weight: 300;
  opacity: 1;
  transform: scale(3);
}

@media (max-width: 420px) {
  #brenda-site .brenda-line-cta,
  #brenda-site .brenda-ajuda__hint {
    font-size: 4.25px;
  }
  #brenda-site .brenda-line-cta__label {
    font-weight: calc(300 + var(--cta-opacity) * 180);
  }
}

@media (prefers-reduced-motion: reduce) {
  #brenda-site .brenda-line-cta,
  #brenda-site .brenda-ajuda__hint {
    transition-duration: 0.001ms;
  }
}

@media (max-width: 420px) {
  #brenda-site .brenda-line-cta,
  #brenda-site .brenda-ajuda__hint {
    transition:
      color 420ms ease,
      transform 420ms ease,
      opacity 420ms ease,
      filter 420ms ease;
    filter: saturate(calc(1 + var(--cta-opacity) * 0.32)) contrast(calc(1 + var(--cta-opacity) * 0.14));
  }
}

/* ---------- ornaments ---------- */

#brenda-site .brenda-divider,
#brenda-site .brenda-presentation__divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2cqw;
}

#brenda-site
  :is(
    .brenda-divider,
    .brenda-presentation__divider,
    .brenda-ajuda__title-divider,
    .brenda-trabalho__divider,
    .brenda-faq__divider,
    .brenda-highlight-divider
  )
  span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-light));
}

#brenda-site
  :is(
    .brenda-divider,
    .brenda-presentation__divider,
    .brenda-ajuda__title-divider,
    .brenda-trabalho__divider,
    .brenda-faq__divider,
    .brenda-highlight-divider
  )
  span:last-child {
  background: linear-gradient(90deg, var(--gold-light), transparent);
}

#brenda-site
  :is(
    .brenda-divider,
    .brenda-presentation__divider,
    .brenda-ajuda__title-divider,
    .brenda-trabalho__divider,
    .brenda-faq__divider,
    .brenda-highlight-divider
  )
  i {
  width: 1.35cqw;
  height: 1.35cqw;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--gold);
  background: var(--gold);
  font-size: 0.75cqw;
  font-style: normal;
}

/* ---------- slide:hero1 ---------- */

/* CTA da L1: fixo, rosa; azul no hover/foco e, no celular, quando a tela rola (.is-lit, via JS). Fica dentro de .brenda-hero__intro
 * para usar o mesmo eixo do título/nome; a altura é calculada pela proporção da lâmina
 * (P = altura da área de coordenadas, em cqw da lâmina): base do CTA a 10,8% + 10px do pé. */
#brenda-site [data-brenda-slide="hero1"] .brenda-line-cta {
  --hero-cta-top: calc(130.59cqw - 10px);
  --cta-scale: 1;
  --cta-opacity: 1;
  --cta-color: var(--rose);
  --hero-cta-size: clamp(8px, 2.2cqw, 13px);
  position: absolute;
  z-index: 4;
  grid-column: 1 / -1;
  top: var(--hero-cta-top);
  left: 0;
  right: 0;
  min-height: 44px;
  padding: 8px 12px;
  translate: 0 -100%;
  gap: 4px;
  font-size: var(--hero-cta-size);
  filter: none;
  transition: color 0.2s ease;
  will-change: auto;
  pointer-events: auto;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__address-footer {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 0.55%;
  width: 82%;
  display: grid;
  gap: 0.34em;
  color: #4a2418;
  font-size: clamp(0.28rem, calc(0.2rem + 0.36cqw), 0.4rem);
  font-weight: 300;
  line-height: 1.22;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateX(-50%);
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__address-footer span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__content {
  inset: 0;
  pointer-events: none;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__intro {
  position: absolute;
  top: 9.2%;
  left: calc(55% - 8px);
  width: 62%;
  display: grid;
  justify-items: center;
  text-align: center;
  translate: -50% 0;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__title {
  max-width: 100%;
  display: grid;
  gap: calc(0.7em - 3px);
  color: var(--navy-2);
  font-size: clamp(16.4px, 4.35cqw, 18.2px);
  font-weight: 100 !important;
  line-height: 0.98;
  letter-spacing: 0.102em;
  text-rendering: geometricPrecision;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__title > span {
  color: inherit;
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__name {
  max-width: 100%;
  margin-top: 11px;
  color: #9a622b;
  font-family: "Gatsby Gilmour", "Jost", sans-serif;
  font-size: clamp(29.8px, calc(6.65cqw + 5px), 32.4px);
  font-weight: 100;
  line-height: 1;
  letter-spacing: 0.31em;
  text-transform: uppercase;
  white-space: nowrap;
  text-rendering: geometricPrecision;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-gold-line {
  max-width: 100%;
  margin-top: 11px;
  color: var(--navy-2);
  font-size: clamp(8.2px, 2.18cqw, 8.9px);
  line-height: 1.12;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 500;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-divider {
  width: 58%;
  margin: 10px auto 0;
  transform: translateY(clamp(6px, 1.4286cqw, 10.86px));
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__service {
  max-width: 100%;
  margin-top: 11px;
  display: grid;
  gap: 3px;
  color: var(--navy-2);
  font-size: clamp(10px, calc(2.12cqw + 2px), 10.7px);
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__service p {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__body {
  position: absolute;
  top: calc(50% - 40px);
  right: calc(25% - 14px);
  width: calc(58% - 10px);
  text-align: right;
  transform: translateY(clamp(12px, 2.8571cqw, 21.71px));
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__text {
  display: grid;
  gap: 8px;
  color: var(--navy-2);
  font-size: clamp(10.62px, 2.772cqw, 11.16px);
  font-weight: 300;
  line-height: 1.31;
  letter-spacing: 0.078em;
  text-transform: uppercase;
  text-rendering: geometricPrecision;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__text > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-hero__highlight {
  font: inherit;
  color: #9b482c;
  font-weight: 500;
}

#brenda-site
  [data-brenda-slide="hero1"]
  :is(
    .brenda-hero__title,
    .brenda-hero__name,
    .brenda-gold-line,
    .brenda-divider,
    .brenda-hero__service,
    .brenda-hero__text
  ) {
  translate: 0 0;
  transition: none;
}

/* L1 sem os tracinhos laterais: o texto fica sozinho, centralizado. */
#brenda-site [data-brenda-slide="hero1"] .brenda-line-cta {
  grid-template-columns: auto;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-line-cta::before,
#brenda-site [data-brenda-slide="hero1"] .brenda-line-cta::after {
  content: none;
}

#brenda-site [data-brenda-slide="hero1"] .brenda-line-cta:is(:hover, :focus-visible, .is-lit) {
  --cta-color: var(--navy-2);
  color: var(--navy-2);
  transform: none;
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__body {
    transform: translate(5px, 47px);
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__text {
    line-height: calc(1.31em - 6px);
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-line-cta {
    --hero-cta-top: calc(118.72cqw - 50px);
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__name {
    margin-top: 21px;
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__intro {
    transform: translateY(10px);
  }
}

@media (min-width: 421px) {
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__title {
    font-size: 4.35cqw;
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__name {
    font-size: calc(6.65cqw + 5px);
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-gold-line {
    font-size: 2.18cqw;
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__service {
    font-size: calc(2.12cqw + 2px);
  }
  #brenda-site [data-brenda-slide="hero1"] .brenda-hero__text {
    font-size: 2.772cqw;
  }
}

/* ---------- slide:hero2 ---------- */

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__copy {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition:
    color 0.82s cubic-bezier(0.22, 0.68, 0.28, 1),
    opacity 0.88s ease,
    transform 0.92s cubic-bezier(0.22, 0.68, 0.28, 1),
    font-weight 0.82s ease,
    letter-spacing 0.92s ease;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__portrait img {
  width: 112px;
  height: 112px;
  max-width: none;
  border-radius: 50%;
  object-fit: cover;
  object-position: 50% 36%;
  filter: brightness(1.06) saturate(0.78) contrast(0.98);
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__portrait-fallback {
  display: none;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item:last-child {
  border-bottom: 1px solid rgba(167, 123, 45, 0.28);
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item p span {
  display: block;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item p span + span {
  margin-top: 2px;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__icon svg {
  width: 53%;
  height: 53%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__items {
  transition:
    color 0.82s cubic-bezier(0.22, 0.68, 0.28, 1),
    opacity 0.88s ease,
    transform 0.92s cubic-bezier(0.22, 0.68, 0.28, 1),
    font-weight 0.82s ease,
    letter-spacing 0.92s ease;
  width: min(228px, 82%);
  margin: 16px auto 0;
  display: grid;
  gap: 0;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item {
  transition:
    color 0.82s cubic-bezier(0.22, 0.68, 0.28, 1),
    opacity 0.88s ease,
    transform 0.92s cubic-bezier(0.22, 0.68, 0.28, 1),
    font-weight 0.82s ease,
    letter-spacing 0.92s ease;
  height: 42px;
  display: grid;
  place-items: center;
  gap: 0;
  border-top: 1px solid rgba(155, 103, 40, 0.24);
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item p {
  transition:
    color 0.82s cubic-bezier(0.22, 0.68, 0.28, 1),
    opacity 0.88s ease,
    transform 0.92s cubic-bezier(0.22, 0.68, 0.28, 1),
    font-weight 0.82s ease,
    letter-spacing 0.92s ease;
  grid-row: 1;
  grid-column: 1;
  justify-self: center;
  color: var(--navy-2);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.22;
  letter-spacing: 0.074em;
  text-transform: uppercase;
  opacity: 0.88;
}

#brenda-site
  [data-brenda-slide="hero2"]
  .brenda-presentation__item:is(:hover, :focus-within, .is-scroll-active)
  p {
  color: var(--gold);
  font-weight: 500;
  letter-spacing: 0.078em;
  opacity: 1;
  transform: scale(1.075);
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__icon {
  width: clamp(27px, 6.5cqw, 64px);
  height: clamp(27px, 6.5cqw, 64px);
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  place-items: center;
  border-radius: 50%;
  color: var(--gold-light);
  background: var(--navy);
  display: none;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__safe {
  inset: 13.5% 15.5% 14.6%;
  transform: translateY(-38px);
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__title {
  width: 100%;
  margin-top: 5px;
  color: var(--gold);
  font-size: clamp(1.72rem, calc(0.46rem + 5.4cqw), 3.32rem);
  font-weight: 300 !important;
  line-height: 1;
  letter-spacing: 0.124em;
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__subtitle {
  width: 100%;
  margin-top: 2.8cqw;
  color: var(--navy-2);
  font-size: clamp(0.58rem, calc(0.26rem + 1.3cqw), 1rem);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.152em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__divider {
  width: 48%;
  margin: 18px auto 0;
  opacity: 0.94;
}

#brenda-site [data-brenda-slide="hero2"] .brenda-presentation__portrait {
  width: 112px;
  flex: 0 0 112px;
  margin: 20px auto 0;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(155, 103, 40, 0.6);
  border-radius: 50%;
  background: rgba(255, 248, 238, 0.72);
  display: grid;
  place-items: center;
}

@media (max-width: 420px) {
  #brenda-site
    [data-brenda-slide="hero2"]
    .brenda-presentation__item:is(:hover, :focus-within, .is-scroll-active)
    p,
  #brenda-site
    [data-brenda-slide="hero2"]
    .brenda-presentation__item:is(:hover, :focus-within, .is-scroll-active)
    p
    span {
    color: var(--gold) !important;
    font-weight: 500 !important;
  }
}

@media (min-width: 421px) {
  #brenda-site [data-brenda-slide="hero2"] .brenda-presentation__title {
    font-size: calc(0.46rem + 5.4cqw);
  }
  #brenda-site [data-brenda-slide="hero2"] .brenda-presentation__subtitle {
    font-size: calc(0.26rem + 1.3cqw);
  }
  #brenda-site [data-brenda-slide="hero2"] .brenda-presentation__items {
    width: 82% !important;
    margin-top: 4.27cqw;
  }
  #brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item {
    height: 11.2cqw;
  }
  #brenda-site [data-brenda-slide="hero2"] .brenda-presentation__item p {
    font-size: 1.9cqw;
  }
}

/* ---------- slide:dor ---------- */

#brenda-site [data-brenda-slide="dor"] .brenda-line-cta {
  margin: 26px auto 0;
  gap: 2px;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__safe {
  inset: calc(19.1% + 12px) 14% 8.8%;
  transform: translateY(-10px);
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__line,
#brenda-site [data-brenda-slide="dor"] .brenda-dor__text-line {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__line--gold {
  color: var(--gold);
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__text {
  width: min(100%, 680px);
  margin-top: 3.8cqw;
  display: grid;
  gap: 0.34em;
  color: var(--navy-2);
  font-size: clamp(0.795rem, calc(0.545rem + 1.03cqw), 1.275rem);
  font-weight: 300;
  line-height: 1.16;
  letter-spacing: 0.074em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__title {
  width: 100%;
  display: grid;
  color: var(--navy-2);
  font-size: clamp(1.14rem, calc(0.14rem + 4.86cqw), 3.4rem);
  font-weight: 300 !important;
  line-height: 0.97;
  letter-spacing: 0.072em;
  gap: 0.46em;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__word-copper {
  color: var(--gold);
  font: inherit;
  font-weight: 300;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__text-gap {
  margin-top: 4px;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__divider {
  width: 56%;
  margin: 3cqw auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2cqw;
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__divider span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__divider span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

#brenda-site [data-brenda-slide="dor"] .brenda-dor__divider i {
  width: 1.35cqw;
  height: 1.35cqw;
  border-radius: 50%;
  background: var(--gold);
}

/* ---------- slide:ajuda ---------- */

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__hint {
  margin-top: 18px;
  gap: 2px;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title {
  width: 100%;
  display: grid;
  gap: 0.18em;
  color: var(--navy-2);
  font-size: clamp(1.24rem, calc(0.195rem + 4.48cqw), 3rem);
  font-weight: 300 !important;
  line-height: 1.05;
  letter-spacing: 0.09em;
  position: relative;
  top: 5px;
  transform: translateY(clamp(11px, 2.619cqw, 19.9px));
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title-divider {
  width: 42%;
  margin: 14px auto 0;
  transform: translateY(clamp(11px, 2.619cqw, 19.9px));
  margin-top: calc(2.4cqw + clamp(3px, 0.7143cqw, 5.43px));
  margin-bottom: 2.4cqw;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title-divider span {
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title-divider span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__icon svg {
  width: 53%;
  height: 53%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
}

#brenda-site
  [data-brenda-slide="ajuda"]
  .brenda-ajuda__item:is(:hover, :focus-visible, .is-scroll-active)
  strong {
  color: var(--gold);
  font-weight: 300 !important;
  transform: scale(1.045);
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__grid {
  width: min(224px, 78%);
  margin: 28px auto 0;
  display: grid;
  gap: 0;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__icon {
  width: clamp(22px, calc(-5px + 8.5cqw), 58px);
  height: clamp(22px, calc(-5px + 8.5cqw), 58px);
  place-items: center;
  border-radius: 50%;
  color: var(--gold-light);
  background: var(--navy);
  display: none;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item {
  min-height: 39px;
  display: grid;
  place-items: center;
  gap: 0;
  border-bottom: 1px solid rgba(169, 122, 37, 0.42);
  color: var(--navy-2);
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__safe {
  top: 13.5%;
  left: 12%;
  width: 76%;
  height: 82%;
  transform: translateY(-15px);
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item:is(:hover, :focus-visible) strong {
  color: var(--gold);
  font-weight: 300 !important;
  transform: scale(1.045);
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item--last {
  min-height: 50px;
  border-bottom: 0;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item--last strong {
  display: grid;
  justify-items: center;
  gap: 0.08em;
}

#brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item strong {
  max-width: 100%;
  justify-self: center;
  font-family: var(--title-font);
  font-size: clamp(0.875rem, calc(0.625rem + 1.02cqw), 1.265rem);
  font-weight: 200;
  line-height: 1.16;
  letter-spacing: 0.157em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.2s ease,
    transform 0.2s ease,
    font-weight 0.2s ease;
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title {
    transform: translateY(26px);
  }
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title-divider {
    margin-top: calc(2.4cqw + 20px);
    margin-bottom: calc(2.4cqw + 3px);
    transform: translateY(23px);
  }
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item--last strong > span {
    white-space: nowrap;
  }
}

@media (min-width: 421px) {
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__title {
    font-size: calc(0.195rem + 4.48cqw);
  }
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__grid {
    width: 78%;
    margin-top: 7.47cqw;
  }
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item {
    min-height: 10.4cqw;
    height: 10.4cqw;
  }
  #brenda-site [data-brenda-slide="ajuda"] .brenda-ajuda__item strong {
    font-size: calc(0.625rem + 1.02cqw);
  }
}

/* ---------- slide:trabalho ---------- */

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__cta {
  position: relative;
  top: 10px;
  margin-top: 5.2cqw;
  gap: 3px;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__safe {
  /* Abaixo de 400 px de lâmina, deslocamento e texto encolhem na mesma proporção (sem cortar à direita). */
  transform: translate(
    clamp(min(45px, 11.25cqw), 10.7143cqw, 81.43px),
    clamp(min(15px, 3.75cqw), 3.5714cqw, 27.14px)
  );
  inset: 6.6% 12.5% 6%;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__title {
  display: grid;
  gap: 0.06em;
  font-size: clamp(1.24rem, calc(0.195rem + 4.48cqw), 3rem);
  line-height: 1.05;
  letter-spacing: 0.09em;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__title span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__subtitle {
  margin-top: 2.6cqw;
  color: var(--navy-2);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  width: 94%;
  display: grid;
  gap: 0.12em;
  line-height: 1.34;
  font-size: clamp(7.6px, 1.8095cqw, 13.75px);
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__text {
  margin-top: 5cqw;
  display: grid;
  gap: 8px;
  color: var(--navy-2);
  font-weight: 300;
  letter-spacing: 0.078em;
  text-transform: uppercase;
  line-height: 1.34;
  font-size: clamp(min(11.8px, 2.95cqw), 2.8095cqw, 21.35px);
  width: 98%;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__links {
  margin-top: 4.3cqw;
  display: grid;
  width: 66%;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__text > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__divider {
  width: 42%;
  margin-top: 2.7cqw;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2cqw;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__divider span {
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__divider i {
  font-size: 0;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-line-option {
  min-height: clamp(1.94rem, calc(6.1cqw - 5px), 3.94rem);
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__subtitle > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__divider span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="trabalho"] .brenda-trabalho__safe {
    transform: translate(min(45px, 11.25cqw), min(20px, 5cqw));
  }
}

/* ---------- slide:experiencia ---------- */

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__safe {
  transform: translateY(14px);
  inset: 13.5% 11.5% 7%;
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__title {
  color: var(--paper);
  line-height: 1;
  letter-spacing: 0.055em;
  white-space: nowrap;
  font-size: clamp(1.3rem, 4.25cqw, 2.9rem);
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__subtitle {
  margin-top: 2.8cqw;
  color: #d9bd7b;
  font-size: clamp(0.56rem, 1.64cqw, 0.96rem);
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__text {
  width: 88%;
  margin-top: 4cqw;
  color: rgba(255, 248, 238, 0.94);
  font-size: clamp(0.67rem, 2.08cqw, 1.3rem);
  font-weight: 300;
  line-height: 1.58;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__areas {
  margin-top: 4.2cqw;
  display: grid;
  width: 72%;
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__area {
  min-height: clamp(2.3rem, 7.4cqw, 4.9rem);
  display: grid;
  place-items: center;
  border-top: 1px solid rgba(217, 189, 123, 0.48);
  color: var(--paper);
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__area:last-child {
  border-bottom: 1px solid rgba(217, 189, 123, 0.48);
}

#brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__area strong {
  font-size: clamp(0.61rem, 1.92cqw, 1.14rem);
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.22s ease,
    transform 0.22s ease,
    font-weight 0.22s ease;
}

#brenda-site
  [data-brenda-slide="experiencia"]
  .brenda-experiencia__area:is(:hover, :focus-visible, .is-scroll-active)
  strong {
  color: #d9bd7b;
  font-weight: 500;
  transform: scale(1.045);
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="experiencia"] .brenda-experiencia__title {
    line-height: 1.12;
    padding-top: 0.12em;
    margin-top: -0.12em;
  }
}

/* ---------- slide:areas ---------- */

#brenda-site [data-brenda-slide="areas"] .brenda-areas__closing:is(:hover, :focus-visible) {
  color: var(--cta-areas-gold);
  font-weight: 300;
  opacity: 1;
  transform: scale(3);
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__closing {
  --cta-color: var(--cta-navy);
  position: relative;
  top: 30px;
  margin-top: 3.2cqw;
  grid-template-columns: 18px auto 18px;
  gap: 7px;
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__title {
  color: var(--paper);
  letter-spacing: 0.065em;
  width: 58%;
  display: grid;
  gap: 0.1em;
  font-size: clamp(18px, 4.2857cqw, 32.57px);
  line-height: 0.94;
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__text {
  font-weight: 300;
  text-transform: uppercase;
  color: rgba(255, 248, 238, 0.96);
  line-height: 1.42;
  letter-spacing: 0.075em;
  width: 58%;
  margin-top: 3.2cqw;
  font-size: calc(clamp(8.8px, 2.0952cqw, 15.92px) + 2px);
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__grid {
  display: grid;
  width: 68%;
  margin-top: 3.1cqw;
  position: relative;
  top: 15px;
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__item {
  display: grid;
  align-items: center;
  border-top: 1px solid rgba(217, 189, 123, 0.43);
  color: var(--paper);
  border-top-color: rgba(217, 189, 123, 0.52);
  min-height: clamp(27px, 6.4286cqw, 48.86px);
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__item:last-child {
  border-bottom: 1px solid rgba(217, 189, 123, 0.43);
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__item strong {
  font-weight: 300;
  letter-spacing: 0.105em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.22s ease,
    transform 0.22s ease,
    font-weight 0.22s ease;
  grid-column: 1;
  padding-inline: 0.35rem;
  font-size: clamp(0.57rem, 2.48cqw, 0.88rem);
  line-height: 1.14;
}

#brenda-site
  [data-brenda-slide="areas"]
  .brenda-areas__item:is(:hover, :focus-visible, .is-scroll-active)
  strong {
  color: #d9bd7b;
  font-weight: 500;
  transform: scale(1.04);
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__safe {
  transform: translateY(clamp(60px, 14.2857cqw, 108.57px));
  inset: clamp(40px, 9.5238cqw, 72.38px) 10.5% 4.5%;
}

#brenda-site [data-brenda-slide="areas"] .brenda-areas__title > span {
  white-space: nowrap;
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="areas"] .brenda-areas__title {
    line-height: 1.12;
    padding-top: 0.12em;
    margin-top: -0.12em;
  }
  #brenda-site [data-brenda-slide="areas"] .brenda-areas__closing {
    translate: 0 -10px;
  }
}

/* ---------- slide:primeira-conversa ---------- */

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__cta {
  position: relative;
  top: 35px;
  margin-top: 4.8cqw;
  gap: 3px;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__safe {
  inset: 5.5% 11.5% 5%;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__title {
  display: grid;
  letter-spacing: 0.055em;
  font-size: clamp(1.28rem, 4.18cqw, 2.85rem);
  line-height: 0.96;
  position: relative;
  top: -5px;
  gap: 0.38em;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__title span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__steps {
  margin-top: 4.8cqw;
  display: grid;
  width: calc(82% - 30px);
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__step {
  min-height: clamp(2.7rem, 8.5cqw, 5.7rem);
  display: grid;
  align-items: center;
  border-top: 1px solid rgba(160, 107, 47, 0.37);
  grid-template-columns: 15px minmax(0, 1fr) 15px;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__step:last-child {
  border-bottom: 1px solid rgba(160, 107, 47, 0.37);
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__step strong {
  color: var(--navy-2);
  font-size: clamp(0.62rem, 1.92cqw, 1.15rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  grid-column: 2;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__closing {
  margin-top: 4.7cqw;
  display: grid;
  color: var(--gold);
  font-size: clamp(0.56rem, 1.65cqw, 0.96rem);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  gap: 0;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__text {
  display: grid;
  color: var(--navy-2);
  font-weight: 300;
  letter-spacing: 0.078em;
  text-transform: uppercase;
  width: 84%;
  margin-top: 3.2cqw;
  top: 10px;
  font-size: clamp(11.62px, 2.7667cqw, 21.03px);
  line-height: 1.3;
  gap: 7px;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__text > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__ornament {
  width: 43%;
  margin: 2.7cqw auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.8cqw;
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__ornament span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__ornament span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

#brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__ornament i {
  width: 1.25cqw;
  height: 1.25cqw;
  border-radius: 50%;
  background: var(--gold);
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="primeira-conversa"] .brenda-primeira__step:first-child {
    border-top: 0;
  }
}

/* ---------- slide:faq ---------- */

#brenda-site [data-brenda-slide="faq"] .brenda-faq__cta {
  position: relative;
  top: 40px;
  margin-top: 3.3cqw;
  gap: 3px;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__safe {
  inset: 4.2% 7.5% 4%;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__title {
  letter-spacing: 0.075em;
  display: grid;
  gap: 0.24em;
  font-size: clamp(18px, 4.2857cqw, 32.57px);
  line-height: 0.96;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__subtitle {
  color: var(--gold);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 2.2cqw;
  font-size: clamp(7.6px, 1.8095cqw, 13.75px);
  display: grid;
  justify-items: center;
  gap: 0.08em;
  line-height: 1.24;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__list {
  display: grid;
  width: 84%;
  margin-top: calc(3.3cqw + clamp(7px, 1.6667cqw, 12.67px));
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__item {
  display: grid;
  align-items: center;
  border-top: 1px solid rgba(160, 107, 47, 0.35);
  color: var(--navy-2);
  min-height: clamp(48px, 11.4286cqw, 86.86px);
  padding: 4px 0.45rem;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__list > h3:last-child > .brenda-faq__item {
  border-bottom: 1px solid rgba(160, 107, 47, 0.35);
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__item strong {
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.22s ease,
    transform 0.22s ease;
  grid-column: 1;
  padding-inline: 0.25rem;
  font-size: clamp(10px, 2.381cqw, 18.1px);
  line-height: 1.16;
}

#brenda-site
  [data-brenda-slide="faq"]
  .brenda-faq__item:is(:hover, :focus-visible, .is-scroll-active)
  strong {
  color: var(--gold);
  transform: scale(1.028);
}

#brenda-site [data-brenda-slide="faq"] .brenda-page-coordinate {
  position: absolute;
  inset: 0;
  display: block;
  height: 100%;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__divider {
  width: 38%;
  margin: 2.5cqw auto 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 2cqw;
}

#brenda-site [data-brenda-slide="faq"] .brenda-faq__title > span {
  white-space: nowrap;
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__subtitle > span {
    white-space: nowrap;
  }
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__divider span {
    min-width: 24px;
    background: linear-gradient(90deg, transparent, var(--navy-2));
  }
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__divider span:last-child {
    background: linear-gradient(90deg, var(--navy-2), transparent);
  }
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__divider i {
    background: var(--navy-2);
  }
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__list > h3:first-child > .brenda-faq__item {
    border-top: 0;
  }
}

/* FAQ com a mesma proporção das outras lâminas (1,6533) em todas as larguras:
 * menos margem embaixo e as perguntas um pouco mais próximas. */
#brenda-site [data-brenda-slide="faq"] {
  --page-ratio: 375 / 620;
  --page-hw: 1.6533;
}
#brenda-site [data-brenda-slide="faq"] .brenda-faq__safe {
  inset: 5% 7.5% 2.6%;
}
#brenda-site [data-brenda-slide="faq"] .brenda-faq__list {
  margin-top: calc(2.4cqw + clamp(6px, 1.4cqw, 11px));
}
#brenda-site [data-brenda-slide="faq"] .brenda-faq__item {
  min-height: clamp(38px, 11.2cqw, 86px);
}
#brenda-site [data-brenda-slide="faq"] .brenda-faq__cta {
  top: 4cqw;
  margin-top: 2.4cqw;
}
/* Duas páginas: o título da FAQ fica na mesma altura do título da página ao lado (Método). */
@media (min-width: 680px) {
  #brenda-site [data-brenda-slide="faq"] .brenda-faq__safe {
    inset: 6.8% 7.5% 2.6%;
  }
}

/* ---------- slide:metodo ---------- */

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__safe {
  inset: 6.8% 11.5% 5.5%;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__title {
  display: grid;
  line-height: 0.98;
  letter-spacing: 0.055em;
  gap: calc(0.05em + 5px);
  font-size: clamp(18px, 4.2857cqw, 32.57px);
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__title span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__subtitle {
  margin-top: 3cqw;
  color: var(--navy-2);
  font-size: clamp(0.57rem, 1.65cqw, 0.98rem);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__steps {
  width: 82%;
  margin-top: 4.8cqw;
  display: grid;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__step {
  min-height: clamp(3rem, 9.2cqw, 6rem);
  display: grid;
  grid-template-columns: clamp(28px, 7cqw, 58px) minmax(0, 1fr) clamp(28px, 7cqw, 58px);
  align-items: center;
  border-top: 1px solid rgba(160, 107, 47, 0.37);
  color: var(--navy-2);
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__step:last-child {
  border-bottom: 1px solid rgba(160, 107, 47, 0.37);
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__number {
  grid-column: 1;
  font-family: var(--title-font);
  font-size: clamp(0.52rem, 1.5cqw, 0.9rem);
  transform: translateX(clamp(20px, 4.7619cqw, 36.19px));
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__label {
  grid-column: 2;
  display: grid;
  justify-items: center;
  gap: 0.32em;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__label strong {
  max-width: 100%;
  font-size: clamp(0.62rem, 1.92cqw, 1.16rem);
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  transform: scale(1);
  transition:
    color 0.22s ease,
    transform 0.22s ease;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__label small {
  color: var(--gold);
  font-size: clamp(0.5rem, 1.45cqw, 0.83rem);
  font-weight: 300;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#brenda-site
  [data-brenda-slide="metodo"]
  .brenda-metodo__step:is(:hover, :focus-visible, .is-scroll-active)
  strong {
  color: var(--gold);
  transform: scale(1.035);
}

#brenda-site
  [data-brenda-slide="metodo"]
  :is(.brenda-metodo__subtitle, .brenda-metodo__text, .brenda-metodo__steps, .brenda-metodo__closing) {
  position: relative;
  top: 15px;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__text {
  display: grid;
  gap: 8px;
  color: var(--navy-2);
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.31;
  letter-spacing: 0.078em;
  font-size: clamp(10.62px, 2.5286cqw, 19.22px);
  width: 98%;
  margin-top: calc(4.8cqw + clamp(5px, 1.1905cqw, 9.05px));
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__text > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__ornament {
  width: 43%;
  margin: 2.7cqw auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.8cqw;
  margin-top: 3cqw;
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__ornament span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__ornament span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

#brenda-site [data-brenda-slide="metodo"] .brenda-metodo__ornament i {
  width: 1.25cqw;
  height: 1.25cqw;
  border-radius: 50%;
  background: var(--gold);
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__text {
    font-size: 12.62px;
    margin-left: auto;
    margin-right: auto;
  }
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__title {
    margin-left: auto;
    margin-right: auto;
  }
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__subtitle {
    margin-left: auto;
    margin-right: auto;
  }
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__ornament,
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__steps {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Método: o número é deslocado para a direita; o rótulo quebra antes de encostar nele. */
@media (min-width: 421px) {
  #brenda-site [data-brenda-slide="metodo"] .brenda-metodo__label strong {
    max-width: 72%;
  }
}

/* ---------- slide:local ---------- */

#brenda-site [data-brenda-slide="local"] .brenda-local__cta {
  min-width: 112px;
  grid-template-columns: 15px auto 15px;
  gap: 6px;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__safe {
  inset: 6.5% 11.5% 5%;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__title {
  display: grid;
  letter-spacing: 0.055em;
  line-height: 0.97;
  gap: 0.18em;
  font-size: clamp(calc(1.355rem - 1px), calc(4.35cqw - 1px), calc(3.05rem - 1px));
}

#brenda-site [data-brenda-slide="local"] .brenda-local__title span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts {
  display: grid;
  gap: 0;
  width: 66%;
  margin-top: 3.8cqw;
  border-top: 1px solid rgba(160, 107, 47, 0.42);
  border-bottom: 1px solid rgba(160, 107, 47, 0.42);
  /* -15px: compensa as duas linhas do horário, para o bloco e o botão ficarem onde estavam. */
  transform: translateY(calc(clamp(50px, 11.9048cqw, 90.48px) - 27px));
  padding-block: 7px;
  font-size: 0.92em;
  line-height: 1.22;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts span {
  color: var(--navy-2);
  font-size: clamp(0.56rem, 1.64cqw, 0.98rem);
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__actions {
  display: grid;
  gap: 2.2cqw;
  width: 48%;
  margin-top: 3.1cqw;
  transform: translateY(calc(clamp(50px, 11.9048cqw, 90.48px) - 27px));
}

#brenda-site [data-brenda-slide="local"] .brenda-local__text {
  color: var(--navy-2);
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 3.7cqw;
  letter-spacing: 0.07em;
  width: 92%;
  display: grid;
  gap: clamp(14px, 3.3333cqw, 25.33px);
  font-size: clamp(10.9px, 2.5952cqw, 19.72px);
  line-height: 1.68;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts > :is(p, small) {
  align-items: center;
  justify-content: center;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__ornament {
  width: 35%;
  margin-top: 2.6cqw;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.8cqw;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__ornament span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="local"] .brenda-local__ornament i {
  width: 1.25cqw;
  height: 1.25cqw;
  border-radius: 50%;
  background: var(--gold);
}

#brenda-site [data-brenda-slide="local"] .brenda-local__accent {
  color: #9b482c;
  font-weight: 500;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts p {
  min-height: 0;
  display: grid;
  gap: 0.16em;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts strong {
  color: var(--gold);
  font-size: clamp(0.56rem, 1.72cqw, 0.96rem);
  font-weight: 500;
  letter-spacing: 0.14em;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__address-line {
  color: var(--navy-2);
}

/* Horário: duas linhas discretas abaixo do endereço. */
#brenda-site [data-brenda-slide="local"] .brenda-local__facts .brenda-local__hours {
  margin-top: 3px;
  color: var(--navy-2);
  font-size: clamp(0.56rem, 1.48cqw, 0.88rem);
  line-height: 1.35;
  letter-spacing: 0.06em;
  opacity: 0.72;
}

#brenda-site [data-brenda-slide="local"] .brenda-local__facts .brenda-local__hours + .brenda-local__hours {
  margin-top: 0;
}

@media (max-width: 359px) {
  #brenda-site [data-brenda-slide="local"] .brenda-local__facts .brenda-local__hours {
    letter-spacing: 0.02em;
    text-wrap: balance;
  }
}

#brenda-site [data-brenda-slide="local"] .brenda-local__ornament span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="local"] .brenda-local__facts {
    font-size: calc(1em - 10px);
    line-height: calc(1.2em - 1px);
    transform: translateY(-10px);
  }
}

/* ---------- slide:contato ---------- */

#brenda-site [data-brenda-slide="contato"] .brenda-contact__cta {
  margin-top: 7cqw;
  gap: 3px;
  min-height: clamp(34px, 8.0952cqw, 61.52px);
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__safe {
  transform: translateY(clamp(45px, 10.7143cqw, 81.43px));
  inset: 8.5% 11.5% 5.5%;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__title {
  letter-spacing: 0.06em;
  display: grid;
  font-size: clamp(1.34rem, 4.45cqw, 3.05rem);
  line-height: 0.96;
  gap: 0.24em;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__service {
  width: 78%;
  font-size: clamp(0.64rem, 1.98cqw, 1.18rem);
  font-weight: 300;
  line-height: 1.55;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  margin-top: 6.2cqw;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__quote {
  width: 70%;
  margin: 5.6cqw auto 0;
  color: var(--navy-2);
  font-family: var(--title-font);
  font-size: clamp(0.88rem, 2.82cqw, 1.8rem);
  font-weight: 300;
  line-height: 1.42;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  margin-top: calc(3.6cqw + 5px);
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__quote-author {
  color: var(--gold);
  font-size: clamp(0.56rem, 1.6cqw, 0.92rem);
  letter-spacing: 0.14em;
  margin-top: 2.8cqw;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__highlight {
  width: 65%;
  color: var(--gold);
  font-size: clamp(0.57rem, 1.72cqw, 1rem);
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  margin-top: 6.6cqw;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__title > span {
  white-space: nowrap;
}

#brenda-site [data-brenda-slide="contato"] :is(.brenda-contact__title, .brenda-contact__service) {
  position: relative;
  top: 5px;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__title {
  top: 10px;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__service {
  top: 5px;
  color: var(--navy-2);
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament {
  width: 42%;
  margin: 3.4cqw auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.8cqw;
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament span {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold));
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament span:last-child {
  background: linear-gradient(90deg, var(--gold), transparent);
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament i {
  width: 1.25cqw;
  height: 1.25cqw;
  border-radius: 50%;
  background: var(--gold);
}

#brenda-site [data-brenda-slide="contato"] .brenda-contact__highlight strong {
  font-weight: 500;
}

@media (max-width: 420px) {
  #brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament--navy {
    width: 38%;
    margin: 4.4cqw auto 0;
  }
  #brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament--navy span {
    background: linear-gradient(90deg, transparent, var(--navy-2));
  }
  #brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament--navy span:last-child {
    background: linear-gradient(90deg, var(--navy-2), transparent);
  }
  #brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament--navy i {
    background: var(--navy-2);
  }
  #brenda-site [data-brenda-slide="contato"] .brenda-contact__ornament--navy + .brenda-contact__highlight {
    margin-top: 4.2cqw;
  }
}

/* ---------- footer ---------- */

#brenda-site .brenda-technical-footer {
  border-top: 1px solid rgba(215, 185, 102, 0.36);
  color: var(--paper);
  background: var(--navy);
}

#brenda-site .brenda-technical-footer__inner {
  margin-inline: auto;
  width: min(1086px, calc(100% - 20px));
  padding: 18px 0 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
}

#brenda-site .brenda-technical-footer :is(h2, p, address, a, span, b) {
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
}

#brenda-site .brenda-technical-footer__details > p {
  color: rgba(255, 248, 238, 0.94);
}

#brenda-site .brenda-technical-footer address {
  color: rgba(255, 248, 238, 0.94);
}

#brenda-site .brenda-technical-footer__contacts a {
  color: #d9bd7b;
}

#brenda-site .brenda-social-icon {
  display: grid;
  place-items: center;
  color: #d9bd7b;
  width: 34px;
  height: 34px;
}

#brenda-site .brenda-social-icon svg {
  fill: none;
  stroke-width: 1.5;
  width: 29px;
  height: 29px;
  stroke: #d9bd7b;
}

#brenda-site .brenda-technical-footer a {
  transition:
    opacity 0.18s ease,
    color 0.18s ease;
}

#brenda-site .brenda-technical-footer a:is(:hover, :focus-visible) {
  color: var(--paper);
  opacity: 0.78;
}

#brenda-site .brenda-technical-footer__copyright {
  border-top: 1px solid rgba(255, 248, 238, 0.12);
  color: rgba(255, 248, 238, 0.52) !important;
  margin-top: 18px;
  padding-top: 9px;
}

#brenda-site .brenda-technical-footer__details {
  min-width: 0;
  display: grid;
  gap: 8px;
}

#brenda-site .brenda-technical-footer #brendaFooterTitle {
  color: rgba(255, 248, 238, 0.95);
}

#brenda-site .brenda-technical-footer__contacts {
  margin-top: 8px;
  display: grid;
  gap: 13px;
}

#brenda-site .brenda-technical-footer__commercial {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

#brenda-site .brenda-footer__contact--plain {
  color: rgba(255, 248, 238, 0.92) !important;
}

#brenda-site .brenda-footer__contact--brenda {
  color: #d9bd7b;
}

#brenda-site .brenda-technical-footer__social {
  width: 40px;
  display: grid;
  align-items: center;
  align-self: start;
  align-content: start;
  justify-items: center;
  gap: 8px;
  margin-top: -2px;
}

#brenda-site .brenda-technical-footer :is(h2, p, address, a, span) {
  font-size: var(--footer-base-size);
  line-height: 1.28;
}

#brenda-site .brenda-technical-footer #brendaFooterTitle {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 11px;
  row-gap: 3px;
}

#brenda-site .brenda-footer__name {
  color: #d9bd7b;
  white-space: nowrap;
}

#brenda-site .brenda-footer__credentials {
  white-space: nowrap;
}

#brenda-site .brenda-technical-footer__unit span {
  font-size: calc(var(--footer-base-size) - 1px) !important;
}

@media (max-width: 420px) {
  #brenda-site .brenda-technical-footer__inner {
    padding: 16px 0 12px;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 10px;
  }
  #brenda-site .brenda-technical-footer__commercial {
    gap: 6px;
  }
  #brenda-site .brenda-social-icon {
    width: 30px;
    height: 30px;
  }
  #brenda-site .brenda-social-icon svg {
    width: 26px;
    height: 26px;
  }
  #brenda-site .brenda-technical-footer #brendaFooterTitle {
    column-gap: 8px;
  }
}

/* ---------- spread ---------- */

/* Tela em pé de 421 a 679 px: uma lâmina por vez, do tamanho da altura da tela. */
@media (min-width: 421px) and (max-width: 679px) and (orientation: portrait) {
  #brenda-site .brenda-slide-scope > section {
    max-width: min(1086px, calc((100svh - var(--header-h) - 20px) / var(--page-hw, 1.6324)));
  }
}

@media (min-width: 680px) {
  #brenda-site .brenda-spread {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    width: min(100%, 1100px);
    margin: 0 auto 36px;
    background: var(--navy);
  }
  /* As duas páginas de cada abertura ficam com a mesma altura (a mais alta define). */
  #brenda-site .brenda-spread .brenda-slide-scope {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    background: transparent;
  }
  #brenda-site .brenda-spread .brenda-slide-scope > section {
    flex: 1 0 auto;
    width: 100%;
    max-width: none;
  }
  #brenda-site .brenda-spread .brenda-slide-scope:first-child > section {
    border-radius: 48% 0 0 46% / 0.55% 0 0 0.8%;
    clip-path: polygon(
      0.92% 0%,
      0.88% 5%,
      0.78% 11%,
      0.64% 18%,
      0.49% 26%,
      0.35% 34%,
      0.23% 42%,
      0.15% 48%,
      0.13% 50%,
      0.15% 52%,
      0.23% 58%,
      0.35% 66%,
      0.49% 74%,
      0.64% 82%,
      0.78% 89%,
      0.88% 95%,
      0.92% 100%,
      100% 100%,
      100% 0%
    );
  }
  #brenda-site .brenda-spread .brenda-slide-scope:last-child > section {
    border-radius: 0 48% 46% 0 / 0 0.55% 0.8% 0;
    clip-path: polygon(
      0% 0%,
      0% 100%,
      99.08% 100%,
      99.12% 95%,
      99.22% 89%,
      99.36% 82%,
      99.51% 74%,
      99.65% 66%,
      99.77% 58%,
      99.85% 52%,
      99.87% 50%,
      99.85% 48%,
      99.77% 42%,
      99.65% 34%,
      99.51% 26%,
      99.36% 18%,
      99.22% 11%,
      99.12% 5%,
      99.08% 0%
    );
  }
  #brenda-site .brenda-spread::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0 auto 0 50%;
    width: 4px;
    transform: translateX(-50%);
    background: linear-gradient(
      90deg,
      rgba(2, 14, 27, 0.12),
      rgba(2, 14, 27, 0.48) 50%,
      rgba(2, 14, 27, 0.12)
    );
    pointer-events: none;
  }
}

/* ---------- revista: uma abertura por tela, virar a página ---------- */

@media (min-width: 680px) and (min-height: 640px) {
  #brenda-site {
    --mag-pad: 8px;
    --mag-tab: 14px;
    --mag-h: calc(100svh - var(--header-h) - var(--mag-pad) - 22px);
    --mag-max-w: min(calc(100vw - var(--mag-tab) * 2 - 28px), 1100px);
    /* Cada abertura ocupa toda a altura disponível; as de páginas mais altas ficam mais estreitas.
     * --mag-cur-hw (abertura atual) vem do JS e posiciona os cantinhos. */
    --mag-cur-w: min(var(--mag-max-w), calc(var(--mag-h) / var(--mag-cur-hw, 1.6533) * 2));
  }
  /* Todas as lâminas com o mesmo tamanho na revista (375 × 620): ao virar, a página de baixo
   * nunca aparece maior ou menor que a folha que vira. */
  #brenda-site .brenda-main > .brenda-spread {
    --spread-hw: 1.6533;
    --mag-w: min(var(--mag-max-w), calc(var(--mag-h) / var(--spread-hw) * 2));
  }
  #brenda-site .brenda-main > .brenda-spread > .brenda-slide-scope {
    --page-ratio: 375 / 620;
    --page-hw: 1.6533;
  }
  #brenda-site .brenda-main {
    position: relative;
    isolation: isolate;
    height: 100svh;
    box-sizing: border-box;
    overflow: hidden;
    overflow: clip;
    touch-action: pan-y;
  }
  #brenda-site .brenda-main > .brenda-spread {
    position: absolute;
    /* Centrada na área útil (só sobra altura quando a largura limita). */
    top: calc(var(--header-h) + var(--mag-pad) + max(0px, (var(--mag-h) - var(--mag-w) / 2 * var(--spread-hw)) / 2));
    left: calc(50% - var(--mag-w) / 2);
    width: var(--mag-w);
    margin: 0;
    background: transparent;
    visibility: hidden;
    user-select: none;
    -webkit-user-select: none;
  }
  /* Antes do JS, só a primeira abertura (L1 + L2) aparece, sem nenhum efeito. */
  #brenda-site:not(.is-mag-ready) .brenda-main > .brenda-spread:first-child,
  #brenda-site .brenda-main > .brenda-spread.is-mag-current,
  #brenda-site .brenda-main > .brenda-spread.is-mag-target {
    visibility: visible;
  }
  #brenda-site .brenda-main > .brenda-spread > .brenda-slide-scope {
    z-index: 2;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #brenda-site .brenda-main > .brenda-spread::after {
    z-index: 40;
  }
  #brenda-site.is-mag-turning .brenda-main > .brenda-spread::after {
    opacity: 0;
  }
  #brenda-site.is-mag-dragging .brenda-main {
    cursor: grabbing;
  }

  /* Sombra da folha que vira e da página que aparece por baixo. */
  /* Sombra (::before) e brilho da curva do papel (::after) da folha que vira. */
  #brenda-site .brenda-mag-shade {
    position: absolute;
    z-index: 30;
    inset: 0 0 1px;
    pointer-events: none;
  }
  #brenda-site .brenda-mag-shade::before,
  #brenda-site .brenda-mag-shade::after {
    content: "";
    position: absolute;
    inset: 0;
  }
  #brenda-site .brenda-mag-shade::before {
    opacity: var(--mag-shade, 0);
    background: linear-gradient(90deg, rgba(4, 16, 30, 0.62), rgba(4, 16, 30, 0.18) 55%, rgba(4, 16, 30, 0.05));
  }
  #brenda-site .brenda-mag-shade::after {
    opacity: var(--mag-gloss, 0);
    background: linear-gradient(
      90deg,
      rgba(4, 16, 30, 0.34),
      rgba(4, 16, 30, 0.08) 18%,
      rgba(255, 250, 240, 0.34) 46%,
      rgba(255, 250, 240, 0) 62%,
      rgba(4, 16, 30, 0.14) 88%,
      rgba(4, 16, 30, 0.3)
    );
  }
  #brenda-site .brenda-spread > .brenda-slide-scope:first-child .brenda-mag-shade {
    transform: scaleX(-1);
  }

  /* Cantinhos de folha (no lugar das abinhas): canto de baixo da página da direita avança,
   * da esquerda volta. A ponta dobrada mostra o verso do papel e a página de baixo. */
  #brenda-site {
    --mag-corner: clamp(20px, 2vw, 28px);
    --mag-cur-ph: calc(var(--mag-cur-w) / 2 * var(--mag-cur-hw, 1.6533));
    --mag-cur-top: calc(var(--header-h) + var(--mag-pad) + max(0px, (var(--mag-h) - var(--mag-cur-ph)) / 2));
  }
  #brenda-site .brenda-mag-tab {
    position: absolute;
    z-index: 60;
    top: calc(var(--mag-cur-top) + var(--mag-cur-ph) - var(--mag-corner));
    width: var(--mag-corner);
    height: var(--mag-corner);
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    transition:
      opacity 0.3s ease,
      transform 0.35s cubic-bezier(0.3, 0.6, 0.3, 1);
  }
  #brenda-site .brenda-mag-tab--next {
    left: calc(50% + var(--mag-cur-w) / 2 - var(--mag-corner));
    transform-origin: 100% 100%;
  }
  #brenda-site .brenda-mag-tab--prev {
    left: calc(50% - var(--mag-cur-w) / 2);
    transform-origin: 0 100%;
  }
  /* Ponta da lâmina "levantada pelo vento": o cantinho se ergue um pouco, mostra o verso claro
   * em curva e deixa ver o fundo da revista por baixo, com sombra macia. Sem vinco de dobra. */
  #brenda-site .brenda-mag-tab span {
    position: absolute;
    inset: 0;
    filter: drop-shadow(-1px -1px 2px rgba(4, 16, 30, 0.3));
  }
  #brenda-site .brenda-mag-tab--prev span {
    transform: scaleX(-1);
  }
  #brenda-site .brenda-mag-tab span::before,
  #brenda-site .brenda-mag-tab span::after {
    content: "";
    position: absolute;
    inset: 0;
  }
  /* Por baixo da ponta: o fundo da revista, escurecido junto da borda que levantou. */
  #brenda-site .brenda-mag-tab span::before {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    background: linear-gradient(to bottom right, rgba(2, 10, 20, 0.85) 50%, var(--navy) 70%);
  }
  /* O verso da ponta, curvo e claro, escurecendo de leve para a borda. */
  #brenda-site .brenda-mag-tab span::after {
    clip-path: polygon(0 100%, 100% 0, 0 0);
    background: radial-gradient(130% 130% at 0 0, transparent 40%, #fffaf2 41%, #f4e8d6 55%, #d9bf98 67%, #b8966b 70.5%, transparent 71%);
  }
  #brenda-site .brenda-mag-tab:is(:hover, :focus-visible) {
    transform: scale(1.5);
  }
  #brenda-site .brenda-mag-tab:focus-visible {
    outline: 2px solid var(--gold-light);
    outline-offset: 2px;
  }
  #brenda-site .brenda-mag-tab[aria-disabled="true"],
  #brenda-site.is-mag-turning .brenda-mag-tab,
  #brenda-site.is-mag-dragging .brenda-mag-tab {
    opacity: 0;
    pointer-events: none;
  }
  /* Aceno: a partir da 2a abertura, depois de alguns segundos parado, a ponta levanta uma vez. */
  #brenda-site.is-mag-hint .brenda-mag-tab--next {
    animation: brenda-corner-hint 1.6s cubic-bezier(0.4, 0, 0.3, 1) 1;
  }
  @keyframes brenda-corner-hint {
    0%, 100% { transform: scale(1); }
    40% { transform: scale(1.45); }
    65% { transform: scale(1.15); }
  }
  /* Clicar na página da direita avança; na da esquerda, volta. */
  #brenda-site.is-mag-ready:not(.is-mag-last) .brenda-main > .brenda-spread.is-mag-current > .brenda-slide-scope:last-child,
  #brenda-site.is-mag-ready:not(.is-mag-first) .brenda-main > .brenda-spread.is-mag-current > .brenda-slide-scope:first-child {
    cursor: pointer;
  }
  #brenda-site .brenda-mag-count {
    position: absolute;
    z-index: 60;
    left: 50%;
    bottom: 5px;
    margin: 0;
    transform: translateX(-50%);
    color: rgba(215, 185, 102, 0.82);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.22em;
    white-space: nowrap;
    pointer-events: none;
  }
}

/* Fora da revista, os cantinhos e o contador não aparecem. */
@media not all and (min-width: 680px) and (min-height: 640px) {
  #brenda-site .brenda-mag-tab,
  #brenda-site .brenda-mag-count,
  #brenda-site .brenda-mag-shade {
    display: none;
  }
}

/* Compatibilidade semântica: FAQ conserva a caixa e tipografia dos botões. */
#brenda-site .brenda-faq__list > h3 { display: contents; }