/* ==========================================================================
   BIOVIE HEALTH EXPERIENCE 2026 — Estilos
   Ordem: base → utilitários → assinaturas gráficas → header → botões →
   hero → propósito → palestrantes → local → credenciamento → rodapé →
   estados de movimento → responsivo
   ========================================================================== */

/* ---------- Base ---------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-h) + 28px);
  overflow-x: clip;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: clip;
  background-color: var(--bg-obsidian);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: var(--step-0);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color var(--dur-theme) var(--ease-in-out);
}

html[data-surface="cream"] body {
  background-color: var(--bg-editorial-cream);
}

body.menu-open {
  overflow: hidden;
  overflow: clip;
}

[hidden] {
  display: none !important;
}

img,
svg,
iframe {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
}

h1,
h2,
h3,
p,
dl,
dd,
figure {
  margin: 0;
}

button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}

::selection {
  background: var(--biovie-gold-primary);
  color: var(--biovie-navy);
}

:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 4px;
}

/* ---------- Utilitários --------------------------------------------------- */
.container {
  width: min(100% - 2 * var(--gutter), var(--container));
  margin-inline: auto;
}

.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  overflow: clip;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.micro {
  font-family: var(--font-sans);
  font-size: var(--step--1);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-micro);
  text-transform: uppercase;
  line-height: 1.4;
  color: var(--accent-ink);
}

.section-title {
  font-family: var(--font-display);
  font-size: var(--step-4);
  font-weight: var(--weight-light);
  line-height: var(--leading-tight);
  letter-spacing: -0.025em;
  color: var(--ink);
  text-wrap: balance;
}

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  padding: 12px 18px;
  border-radius: var(--radius-pill);
  background: var(--biovie-gold-primary);
  color: var(--biovie-navy);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform var(--dur-base) var(--ease-out-expo);
}

.skip-link:focus-visible {
  transform: translateY(0);
}

.svg-library {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  overflow: clip;
}

/* ---------- Assinaturas gráficas ------------------------------------------ */
/* Flor de 8 pétalas: cada instância controla preenchimento e traço via variáveis
   herdadas pelo <use> (fill sólido, gradiente metálico ou linha vazada). */
.petal {
  fill: var(--flower-fill, currentColor);
  stroke: var(--flower-stroke, none);
  stroke-width: var(--flower-sw, 0);
  stroke-linejoin: round;
}

#botanical-sprig path {
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Film grain global */
.grain {
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  opacity: var(--grain-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 220px 220px;
}

/* Feixes de luz âmbar (prisma golden hour) */
.beam {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(var(--beam-blur));
  mix-blend-mode: screen;
}

/* ---------- Header -------------------------------------------------------- */
.site-header {
  position: fixed;
  inset: 14px 0 auto;
  z-index: 60;
  padding-inline: var(--gutter);
  pointer-events: none;
}

.site-header__bar {
  position: relative;
  max-width: var(--container);
  height: 64px;
  margin-inline: auto;
  padding: 0 10px 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  pointer-events: auto;
  border-radius: 14px;
  background: rgba(17, 17, 19, 0.52);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  border: 1px solid rgba(245, 242, 235, 0.06);
  box-shadow: 0 18px 50px -28px rgba(0, 0, 0, 0.7);
  transition: background-color var(--dur-theme) var(--ease-in-out), border-color var(--dur-theme) var(--ease-in-out), height var(--dur-base) var(--ease-out-expo);
}

/* Filete dourado inferior */
.site-header__bar::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--biovie-gold-primary) 20%, var(--biovie-gold-light) 50%, var(--biovie-gold-primary) 80%, transparent);
  opacity: 0.85;
}

.site-header.is-scrolled .site-header__bar {
  height: 58px;
  background: rgba(17, 17, 19, 0.72);
}

html[data-surface="cream"] .site-header .site-header__bar {
  background: rgba(234, 227, 217, 0.76);
  border-color: rgba(15, 19, 34, 0.08);
  box-shadow: 0 18px 50px -30px rgba(90, 81, 72, 0.45);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--text-primary);
  border-radius: 8px;
  transition: color var(--dur-theme) var(--ease-in-out);
}

/* Logotipo oficial (vetor do brandbook) — sempre em cor sólida da paleta, sem gradiente */
.brand__logo {
  display: block;
  width: auto;
  height: 34px;
  fill: currentColor;
}

.brand {
  color: var(--biovie-gold-primary);
}

html[data-surface="cream"] .brand {
  color: var(--biovie-navy);
}

.site-nav__list {
  display: flex;
  gap: clamp(1.25rem, 2.4vw, 2.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav a {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-size: 0.9rem;
  font-weight: var(--weight-medium);
  color: var(--text-secondary);
  text-decoration: none;
  transition: color var(--dur-fast) linear;
}

.site-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
  background: var(--biovie-gold-primary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--dur-base) var(--ease-out-expo);
}

.site-nav a:hover,
.site-nav a[aria-current="location"] {
  color: var(--text-primary);
}

.site-nav a:hover::after,
.site-nav a[aria-current="location"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

html[data-surface="cream"] .site-nav a {
  color: var(--ink-cream-muted);
}

html[data-surface="cream"] .site-nav a:hover,
html[data-surface="cream"] .site-nav a[aria-current="location"] {
  color: var(--biovie-navy);
}

html[data-surface="cream"] .site-nav a::after {
  background: var(--biovie-gold-deep);
}

html[data-surface="cream"] .site-header :focus-visible {
  outline-color: var(--biovie-navy);
}

.site-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.menu-toggle {
  display: none;
  position: relative;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
}

.menu-toggle__line {
  position: absolute;
  left: 12px;
  right: 12px;
  height: 1.5px;
  background: currentColor;
  transition: transform var(--dur-base) var(--ease-out-expo);
}

.menu-toggle__line:nth-of-type(1) {
  top: 18px;
}

.menu-toggle__line:nth-of-type(2) {
  top: 25px;
  left: 18px;
}

.menu-toggle[aria-expanded="true"] .menu-toggle__line:nth-of-type(1) {
  transform: translateY(3.5px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle__line:nth-of-type(2) {
  left: 12px;
  transform: translateY(-3.5px) rotate(-45deg);
}

html[data-surface="cream"] .menu-toggle {
  color: var(--biovie-navy);
}

/* Menu mobile */
.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 55;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-7);
  padding: calc(var(--header-h) + 24px) var(--gutter) var(--space-7);
  background: rgba(17, 17, 19, 0.96);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  opacity: 0;
  transition: opacity var(--dur-base) var(--ease-out-quart);
}

.mobile-menu.is-open {
  opacity: 1;
}

.mobile-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu__list a {
  display: block;
  padding: 10px 0;
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 9vw, 3rem);
  font-weight: var(--weight-light);
  line-height: 1.1;
  color: var(--text-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--line);
}

.mobile-menu__list li:last-child a {
  color: var(--biovie-gold-light);
  border-bottom: 0;
}

.mobile-menu__meta {
  font-size: var(--step--1);
  color: var(--text-secondary);
}

/* ---------- Botões -------------------------------------------------------- */
.btn {
  --btn-h: 54px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: var(--btn-h);
  padding: 0 28px;
  border: 0;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  isolation: isolate;
  transition: box-shadow var(--dur-base) var(--ease-out-quart), background-position var(--dur-slow) var(--ease-out-expo), background-color var(--dur-base) var(--ease-out-quart), color var(--dur-base) linear;
  will-change: transform;
}

.btn__label {
  position: relative;
  display: inline-block;
}

.btn__icon {
  width: 18px;
  height: 18px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.btn__chevron {
  width: 16px;
  height: 16px;
  margin-right: -6px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  transition: transform var(--dur-base) var(--ease-out-expo);
}

[aria-expanded="true"] > .btn__chevron {
  transform: rotate(180deg);
}

.btn--gold {
  color: var(--biovie-navy);
  background-image: var(--gold-metal);
  background-size: 240% 100%;
  background-position: 0% 50%;
  box-shadow: 0 12px 32px -14px rgba(212, 165, 72, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 0 rgba(122, 84, 24, 0.35);
}

.btn--gold:hover {
  background-position: 100% 50%;
  box-shadow: 0 18px 44px -14px rgba(217, 155, 82, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -1px 0 rgba(122, 84, 24, 0.35);
}

.btn--ghost {
  color: var(--text-primary);
  background-color: rgba(245, 242, 235, 0.03);
  box-shadow: inset 0 0 0 1px rgba(212, 165, 72, 0.6);
}

.btn--ghost:hover {
  background-color: rgba(212, 165, 72, 0.1);
  box-shadow: inset 0 0 0 1px var(--biovie-gold-light);
}

.btn--sm {
  --btn-h: 44px;
  padding: 0 20px;
  font-size: 0.86rem;
}

.btn--lg {
  --btn-h: 60px;
  padding: 0 38px;
  font-size: 1rem;
}

/* Área magnética expandida */
[data-magnetic]::after {
  content: "";
  position: absolute;
  inset: -16px;
  border-radius: inherit;
}

.btn:disabled,
.btn[aria-busy="true"] {
  cursor: progress;
}

.btn__spinner {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid rgba(15, 19, 34, 0.25);
  border-top-color: var(--biovie-navy);
  animation: spin 0.8s linear infinite;
}

.btn[aria-busy="true"] .btn__spinner {
  display: inline-block;
}

.text-link {
  padding: 8px 2px;
  border: 0;
  background: none;
  color: var(--text-secondary);
  font-size: 0.92rem;
  text-decoration: underline;
  text-decoration-color: rgba(212, 165, 72, 0.6);
  text-underline-offset: 4px;
  cursor: pointer;
}

.text-link:hover {
  color: var(--text-primary);
}

/* ---------- Hero ---------------------------------------------------------- */
.hero {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(2.5rem, 6vh, 4.5rem);
  padding-top: calc(var(--header-h) + clamp(3rem, 9vh, 6.5rem));
  padding-bottom: clamp(2rem, 5vh, 3.5rem);
  background-color: var(--bg-obsidian);
  overflow: hidden;
  overflow: clip;
}

.hero__stage {
  position: absolute;
  inset: 0;
  z-index: -3;
}

.hero__stage canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  transition: opacity 1.6s var(--ease-out-quart);
}

.hero.is-webgl .hero__stage canvas {
  opacity: 1;
}

.hero__fallback {
  position: absolute;
  top: 50%;
  right: 2%;
  width: min(58vw, 760px);
  aspect-ratio: 1;
  transform: translateY(-50%);
  transition: opacity 1.2s var(--ease-out-quart);
}

.hero__fallback-flower {
  --flower-fill: var(--biovie-gold-primary);
  opacity: 0.9;
}

.hero.is-webgl .hero__fallback {
  opacity: 0;
}

.hero__scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(17, 17, 19, 0.9) 0%, rgba(17, 17, 19, 0.62) 34%, rgba(17, 17, 19, 0.08) 62%, rgba(17, 17, 19, 0) 100%),
    linear-gradient(0deg, var(--bg-obsidian) 0%, rgba(17, 17, 19, 0) 26%);
}

.beam--hero-a {
  width: 46vw;
  height: 70vh;
  right: -6vw;
  top: -18vh;
  z-index: -2;
  background: radial-gradient(closest-side, rgba(217, 155, 82, 0.5), rgba(200, 126, 79, 0.1) 70%, transparent);
  opacity: 0.55;
}

.beam--hero-b {
  width: 34vw;
  height: 44vh;
  left: 18vw;
  bottom: -14vh;
  z-index: -2;
  background: radial-gradient(closest-side, rgba(200, 126, 79, 0.45), transparent);
  opacity: 0.35;
}

/* Selo giratório "VAGAS LIMITADAS!" */
.seal {
  position: absolute;
  z-index: 2;
  top: calc(var(--header-h) + clamp(28px, 6vh, 56px));
  right: var(--gutter);
  width: clamp(104px, 10vw, 152px);
  height: auto;
  overflow: visible;
}

.seal__ring {
  transform-box: view-box;
  transform-origin: 100px 100px;
  animation: spin var(--seal-spin) linear infinite;
}

.seal__text {
  font-family: var(--font-sans);
  font-size: 14.5px;
  font-weight: var(--weight-medium);
  letter-spacing: 0.18em;
  fill: var(--text-primary);
}

.seal__flower {
  --flower-fill: var(--biovie-gold-primary);
}

.motion-paused .seal__ring {
  animation-play-state: paused;
}

/* Controle de pausa (WCAG 2.2.2): selo giratório, escultura 3D e contagem por segundo */
.motion-toggle {
  position: absolute;
  z-index: 3;
  top: calc(var(--header-h) + clamp(28px, 6vh, 56px) + clamp(104px, 10vw, 152px) + 14px);
  right: var(--gutter);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 14px 0 12px;
  border: 0;
  border-radius: var(--radius-pill);
  background: rgba(17, 17, 19, 0.55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 0 0 1px rgba(212, 165, 72, 0.4);
  color: var(--text-primary);
  font-size: 0.78rem;
  font-weight: var(--weight-medium);
  cursor: pointer;
  transition: box-shadow var(--dur-fast) linear, background-color var(--dur-fast) linear;
}

.motion-toggle:hover {
  background: rgba(212, 165, 72, 0.14);
  box-shadow: inset 0 0 0 1px var(--biovie-gold-light);
}

.motion-toggle__icon {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: var(--biovie-gold-light);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.motion-toggle__play {
  display: none;
  fill: var(--biovie-gold-light);
}

.motion-toggle[aria-pressed="true"] .motion-toggle__pause {
  display: none;
}

.motion-toggle[aria-pressed="true"] .motion-toggle__play {
  display: inline;
}

.motion-paused .countdown__unit:last-child {
  display: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.hero__inner {
  position: relative;
  z-index: 1;
}

.hero__eyebrow {
  max-width: 34rem;
  margin-bottom: clamp(1.25rem, 3vh, 2rem);
  color: var(--biovie-gold-light);
}

/* Marca do evento: BIOVIE no desenho do logotipo + Health (light) e, abaixo,
   EXPERIENCE 2026 em caixa alta espaçada como o FARMACÊUTICA do logo */
.event-title {
  display: inline-grid;
  justify-items: start;
  font-family: var(--font-sans);
  color: var(--text-primary);
  line-height: 0.92;
}

.event-title__main {
  font-size: var(--step-5);
  letter-spacing: -0.035em;
  white-space: nowrap;
}

/* Vetor oficial do BIOVIE, na altura das maiúsculas de "Health" (viewBox 575.6 × 139.7) */
.event-title__brand {
  display: inline-block;
  width: 3.07em;
  height: 0.745em;
  margin-right: 0.24em;
  vertical-align: -0.02em;
  fill: currentColor;
}

.event-title__light {
  font-weight: var(--weight-light);
}

.event-title__edition {
  justify-self: end;
  margin-top: 0.55em;
  margin-right: -0.42em;
  font-size: max(0.82rem, calc(var(--step-5) * 0.2));
  font-weight: var(--weight-medium);
  letter-spacing: 0.42em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.line {
  display: block;
  overflow: hidden;
  overflow: clip;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

.line__inner {
  display: inline-block;
}

.hero__theme {
  margin-top: clamp(1.5rem, 3.4vh, 2.25rem);
  font-family: var(--font-display);
  font-size: var(--step-3);
  font-style: italic;
  font-weight: var(--weight-light);
  line-height: 1.1;
  color: var(--biovie-gold-light);
}

.hero__lead {
  max-width: 50ch;
  margin-top: var(--space-4);
  font-size: var(--step-0);
  font-weight: var(--weight-light);
  color: #D6D1C7;
}

.hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: clamp(1.75rem, 4vh, 2.5rem);
}

/* HUD de informações essenciais */
.hero__hud-wrap {
  position: relative;
  z-index: 1;
}

.hud {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.55fr);
  border-radius: var(--radius-card);
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.25);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.25);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-deep);
  overflow: hidden;
  overflow: clip;
}

.hud::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--biovie-gold-light), transparent);
}

.hud__cell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px clamp(16px, 1.8vw, 26px);
  border-left: 1px solid var(--line);
}

.hud__cell:first-child {
  border-left: 0;
}

.hud__cell dt {
  color: var(--biovie-gold-primary);
  font-size: var(--step--2);
}

.hud__cell dd {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.hud__value {
  font-size: 1.06rem;
  font-weight: var(--weight-semibold);
  line-height: 1.3;
  color: var(--text-primary);
}

.hud__note {
  font-size: 0.84rem;
  line-height: 1.4;
  color: var(--text-secondary);
}

.hud__cell--countdown {
  background: linear-gradient(135deg, rgba(212, 165, 72, 0.12), rgba(212, 165, 72, 0.02));
}

.countdown__units {
  display: flex;
  gap: clamp(10px, 1.4vw, 20px);
}

.countdown__unit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 2.6ch;
}

.countdown__num {
  font-family: var(--font-display);
  font-size: clamp(2rem, 1.4rem + 1.4vw, 2.7rem);
  font-weight: var(--weight-light);
  line-height: 0.95;
  font-variant-numeric: lining-nums tabular-nums;
  color: var(--biovie-gold-light);
}

.countdown__lbl {
  margin-top: 4px;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  color: var(--text-secondary);
}

.countdown__status {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-style: italic;
  font-weight: var(--weight-light);
  line-height: 1.2;
  color: var(--biovie-gold-light);
}

/* ---------- Propósito (creme institucional) -------------------------------- */
.purpose {
  position: relative;
  isolation: isolate;
  padding-block: var(--section-pad);
  background-color: var(--bg-editorial-cream);
  color: var(--ink);
  overflow: hidden;
  overflow: clip;
}

.js .purpose {
  background-color: transparent;
}

.purpose ::selection {
  background: var(--biovie-navy);
  color: var(--bg-editorial-cream);
}

.purpose__sprig {
  position: absolute;
  z-index: -1;
  left: clamp(-40px, -2vw, -10px);
  width: clamp(130px, 15vw, 230px);
  height: auto;
  fill: none;
  stroke: var(--biovie-gold-deep);
  stroke-width: 1.1;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 0;
  opacity: 0.75;
}

.purpose__sprig--top {
  top: clamp(16px, 3vw, 48px);
  transform: rotate(180deg) scaleX(-1);
}

.purpose__sprig--bottom {
  bottom: clamp(16px, 3vw, 40px);
}

.purpose__watermark {
  position: absolute;
  z-index: -1;
  right: -14vw;
  top: 8%;
  width: clamp(420px, 52vw, 860px);
  max-width: none;
  height: auto;
  --flower-fill: rgba(158, 111, 33, 0.075);
}

.purpose__inner {
  position: relative;
}

.lockup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

.lockup__logo {
  display: block;
  width: auto;
  height: clamp(48px, 4vw, 62px);
  color: var(--biovie-navy);
  fill: currentColor;
}

.lockup__rule {
  width: 1px;
  height: 62px;
  background: linear-gradient(180deg, transparent, var(--biovie-gold-deep), transparent);
}

.lockup__slogan {
  font-size: clamp(1.25rem, 1rem + 0.8vw, 1.6rem);
  font-weight: var(--weight-light);
  line-height: 1.22;
  color: var(--biovie-navy);
}

.lockup__slogan strong {
  font-weight: var(--weight-bold);
}

.purpose__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center;
  margin-top: clamp(3.5rem, 7vw, 6rem);
}

.purpose__copy .section-title {
  font-size: clamp(2.8rem, 1.6rem + 4.6vw, 5.6rem);
}

.purpose__lead {
  max-width: 34ch;
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
  font-family: var(--font-display);
  font-size: clamp(1.4rem, 1.15rem + 0.8vw, 1.85rem);
  font-weight: var(--weight-light);
  line-height: 1.45;
  color: var(--biovie-navy);
}

.purpose__text {
  max-width: 52ch;
  margin-top: var(--space-5);
  padding-left: var(--space-5);
  border-left: 1px solid var(--biovie-gold-deep);
  font-size: var(--step-0);
  line-height: var(--leading-body);
  color: var(--ink-cream-muted);
}

.purpose__figure {
  position: relative;
  justify-self: end;
  width: min(100%, 430px);
  aspect-ratio: 0.84;
}

/* Medalhão em gota (a forma da pétala Biovie) com o logo creme vertical em ouro */
.purpose__medallion {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  clip-path: url(#clip-drop);
  background:
    radial-gradient(62% 48% at 50% 60%, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 72%),
    linear-gradient(165deg, #F1EBE2 0%, var(--bg-cream-deep) 78%, #DCD1C1 100%);
}

.purpose__medallion-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.92);
  transform-origin: 50% 58%;
  fill: none;
  stroke: rgba(158, 111, 33, 0.42);
  stroke-width: 1;
}

.purpose__brand {
  position: absolute;
  left: 50%;
  top: 60%;
  width: 70%;
  height: auto;
  transform: translate(-50%, -50%);
  overflow: visible;
  fill: url(#g-foil);
  --flower-fill: url(#g-foil);
}

.purpose__figure-outline {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: translate(18px, 14px);
  fill: none;
  stroke: var(--biovie-gold-deep);
  stroke-width: 1;
  overflow: visible;
}

/* Pilares */
.pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 28px);
  margin: clamp(4.5rem, 9vw, 8rem) 0 0;
  padding: 0;
  list-style: none;
}

.pillar {
  --mx: 50%;
  --my: 0%;
  position: relative;
  isolation: isolate;
  padding: clamp(64px, 8vw, 104px) clamp(22px, 2.6vw, 36px) clamp(32px, 3vw, 44px);
  border-radius: var(--radius-arch);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.14) 70%);
  box-shadow: inset 0 0 0 1px var(--line);
  text-align: center;
  overflow: hidden;
  overflow: clip;
  transition: transform var(--dur-slow) var(--ease-out-expo), box-shadow var(--dur-base) var(--ease-out-quart);
}

.pillar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(320px circle at var(--mx) var(--my), rgba(212, 165, 72, 0.22), transparent 70%);
  opacity: 0;
  transition: opacity var(--dur-base) linear;
}

.pillar:hover {
  transform: translateY(-6px);
  box-shadow: inset 0 0 0 1px var(--biovie-gold-deep), 0 34px 60px -44px rgba(122, 84, 24, 0.55);
}

.pillar:hover::before {
  opacity: 1;
}

.pillar__petal {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 0;
  width: min(130%, 520px);
  max-width: none;
  height: auto;
  transform: translate(-50%, -54%);
  --flower-fill: none;
  --flower-stroke: var(--biovie-gold-deep);
  --flower-sw: 0.42;
  opacity: 0.32;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 1.8s var(--ease-in-out);
}

.pillar:hover .pillar__petal {
  stroke-dashoffset: 0;
}

.pillar__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto var(--space-5);
  fill: none;
  stroke: var(--biovie-gold-ink);
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pillar__title {
  font-family: var(--font-display);
  font-size: var(--step-3);
  font-weight: var(--weight-light);
  line-height: 1.05;
  color: var(--biovie-navy);
}

.pillar__text {
  max-width: 24ch;
  margin: var(--space-3) auto 0;
  color: var(--ink-cream-muted);
}

/* ---------- Palestrantes -------------------------------------------------- */
.speakers {
  position: relative;
  padding-block: var(--section-pad);
  background-color: var(--bg-obsidian);
}

.js .speakers {
  background-color: transparent;
}

.speakers__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: end;
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.speakers__intro {
  max-width: 46ch;
  justify-self: end;
  color: var(--text-secondary);
}

.speaker-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 32px);
  margin: 0;
  padding: 0;
  list-style: none;
}

.speaker-card {
  grid-column: span 2;
  perspective: 1100px;
}

.speaker-card:nth-child(4) {
  grid-column: 2 / span 2;
}

.speaker-card:nth-child(5) {
  grid-column: 4 / span 2;
}

.speaker-card__body {
  --mx: 50%;
  --my: 0%;
  position: relative;
  isolation: isolate;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 26px clamp(20px, 2vw, 30px) 30px;
  border-radius: var(--radius-card);
  background:
    radial-gradient(110% 60% at 50% 28%, #242428 0%, rgba(36, 36, 40, 0) 70%),
    var(--bg-surface-dark);
  overflow: hidden;
  overflow: clip;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Borda iluminada que segue o cursor */
.speaker-card__body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  padding: 1px;
  border-radius: inherit;
  background: radial-gradient(460px circle at var(--mx) var(--my), rgba(243, 220, 163, 0.95), rgba(212, 165, 72, 0.32) 32%, rgba(212, 165, 72, 0.12) 64%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
  opacity: 0.5;
  transition: opacity var(--dur-base) linear;
}

.speaker-card:hover .speaker-card__body::before,
.speaker-card:focus-within .speaker-card__body::before {
  opacity: 1;
}

.speaker-card__glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(380px circle at var(--mx) var(--my), rgba(217, 155, 82, 0.14), transparent 65%);
  opacity: 0;
  transition: opacity var(--dur-base) linear;
  pointer-events: none;
}

.speaker-card:hover .speaker-card__glow {
  opacity: 1;
}

/* Pétalas vazadas em linha dourada (fiel aos cards oficiais) */
.speaker-card__petals {
  position: absolute;
  z-index: 0;
  max-width: none;
  height: auto;
  pointer-events: none;
  --flower-fill: none;
  --flower-stroke: #C8A96E;
  opacity: 0.22;
  stroke-dasharray: 1 2;
  stroke-dashoffset: 0;
  overflow: visible;
}

.speaker-card__petals--a {
  width: 165%;
  right: -92%;
  top: -14%;
  --flower-sw: 0.34;
}

.speaker-card__petals--b {
  width: 110%;
  left: -78%;
  top: 34%;
  --flower-sw: 0.5;
}

.speaker-card__top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-primary);
}

.event-mark {
  font-size: 0.98rem;
  font-weight: var(--weight-light);
  letter-spacing: -0.01em;
  line-height: 1;
  white-space: nowrap;
}

.event-mark b {
  font-weight: var(--weight-bold);
}

.event-mark small {
  margin-left: 3px;
  font-size: 0.56rem;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.1em;
}

.brand-mark {
  display: block;
  flex: none;
  width: auto;
  height: 22px;
  fill: currentColor;
}

.speaker-card__portrait {
  position: relative;
  z-index: 1;
  margin: 14px calc(-1 * clamp(20px, 2vw, 30px)) 0;
  aspect-ratio: 680 / 538;
}

.speaker-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(180deg, #000 58%, transparent 97%), linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(180deg, #000 58%, transparent 97%), linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%);
  mask-composite: intersect;
  transition: transform var(--dur-slow) var(--ease-out-expo), filter var(--dur-slow) var(--ease-out-expo);
  transform: translateZ(0);
}

.speaker-card:hover .speaker-card__portrait img {
  transform: translateZ(30px) scale(1.02);
  filter: brightness(1.06);
}

.speaker-card__tag {
  position: relative;
  z-index: 2;
  margin-top: -6px;
  text-align: center;
  color: var(--biovie-gold-primary);
}

.speaker-card__name {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  font-family: var(--font-sans);
  font-size: clamp(1.45rem, 1.05rem + 0.9vw, 1.95rem);
  line-height: 1.04;
  letter-spacing: -0.015em;
  color: var(--text-primary);
}

.speaker-card__first {
  display: block;
  font-weight: var(--weight-semibold);
}

.speaker-card__last {
  display: block;
  font-weight: var(--weight-light);
}

.speaker-card__theme {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  margin-top: 20px;
  font-size: 1.02rem;
  line-height: 1.42;
  color: var(--text-primary);
}

.speaker-card__theme strong {
  font-weight: var(--weight-semibold);
}

.speaker-card__bullet {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  --flower-fill: var(--biovie-gold-primary);
}

.speaker-card__summary {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  font-size: 0.92rem;
  line-height: 1.6;
  color: #CDC7BC;
}

.speaker-card__bio {
  position: relative;
  z-index: 2;
  margin-top: auto;
  padding-top: 18px;
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.speaker-card__summary + .speaker-card__bio {
  margin-top: 18px;
  border-top: 1px solid var(--line);
}

.speaker-card__bio--solo {
  margin-top: 16px;
  padding-top: 0;
}

/* ---------- O palco do encontro ------------------------------------------- */
/* Recorte só horizontal e acima do RSVP: o menu da agenda pode extrapolar a seção */
.venue {
  position: relative;
  z-index: 2;
  isolation: isolate;
  padding-block: var(--section-pad);
  background-color: var(--bg-obsidian);
  overflow-x: clip;
  overflow-y: visible;
}

.beam--venue {
  width: 52vw;
  height: 60vh;
  right: -10vw;
  top: 10%;
  background: radial-gradient(closest-side, rgba(200, 126, 79, 0.4), transparent);
  opacity: 0.45;
  z-index: -1;
}

.venue__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(3rem, 6vw, 7rem);
  align-items: center;
}

.venue__name {
  margin: clamp(1.25rem, 3vw, 2rem) 0 clamp(2rem, 4vw, 3rem);
  font-family: var(--font-display);
  font-size: clamp(4rem, 1.6rem + 8vw, 9.5rem);
  font-weight: var(--weight-thin);
  line-height: 0.88;
  letter-spacing: -0.025em;
  background: var(--gold-metal);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.venue__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px clamp(20px, 3vw, 40px);
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.venue__fact:nth-child(2) {
  grid-column: 1 / -1;
  grid-row: 2;
}

.venue__fact dt {
  margin-bottom: 6px;
  font-size: var(--step--2);
  color: var(--biovie-gold-primary);
}

.venue__fact dd {
  font-size: 1.06rem;
  line-height: 1.45;
  color: var(--text-primary);
}

.venue__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.calendar {
  position: relative;
}

.calendar__menu {
  position: absolute;
  z-index: 20;
  left: 0;
  top: calc(100% + 10px);
  min-width: 100%;
  width: max-content;
  margin: 0;
  padding: 6px;
  list-style: none;
  border-radius: 14px;
  background: rgba(24, 24, 28, 0.92);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-deep);
}

.calendar__menu a,
.calendar__menu button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  padding: 12px 16px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-primary);
  font-size: 0.95rem;
  font-weight: var(--weight-semibold);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.calendar__menu a:hover,
.calendar__menu button:hover {
  background: rgba(212, 165, 72, 0.12);
}

.calendar__hint {
  font-size: 0.8rem;
  font-weight: var(--weight-regular);
  color: var(--text-secondary);
}

.venue__map {
  position: relative;
}

.venue__map-frame {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-arch);
  overflow: hidden;
  overflow: clip;
  background: var(--bg-surface-dark);
  box-shadow: inset 0 0 0 1px var(--glass-border), var(--shadow-deep);
}

.venue__map-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(212, 165, 72, 0.4), inset 0 0 80px rgba(17, 17, 19, 0.75);
  pointer-events: none;
}

.venue__map-art {
  position: relative;
}

.venue__map-art::before {
  content: "";
  position: absolute;
  inset: -14px 14px 14px -14px;
  z-index: -1;
  border-radius: var(--radius-arch);
  border: 1px solid rgba(200, 169, 110, 0.38);
  pointer-events: none;
}

.venue__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(1) invert(0.92) sepia(0.42) saturate(1.5) hue-rotate(-6deg) brightness(0.88) contrast(0.92);
}

.venue__caption {
  margin-top: 26px;
  font-size: 0.86rem;
  text-align: center;
  text-wrap: balance;
  color: var(--text-secondary);
}

/* ---------- Credenciamento / RSVP ----------------------------------------- */
.rsvp {
  position: relative;
  isolation: isolate;
  padding-top: calc(var(--section-pad) * 0.4);
  padding-bottom: var(--section-pad);
  background-color: var(--bg-obsidian);
  overflow: hidden;
  overflow: clip;
}

.beam--rsvp-a {
  width: 44vw;
  height: 54vh;
  left: -8vw;
  top: 8%;
  background: radial-gradient(closest-side, rgba(217, 155, 82, 0.4), transparent);
  opacity: 0.5;
  z-index: -1;
}

.beam--rsvp-b {
  width: 40vw;
  height: 50vh;
  right: -10vw;
  bottom: 4%;
  background: radial-gradient(closest-side, rgba(200, 126, 79, 0.42), transparent);
  opacity: 0.45;
  z-index: -1;
}

/* Convite de gala: obsidiana com moldura dupla em ouro escovado */
.invite {
  position: relative;
  max-width: 960px;
  margin-inline: auto;
  padding: clamp(10px, 1.4vw, 16px);
  border-radius: var(--radius-frame);
  background:
    radial-gradient(120% 70% at 50% 0%, rgba(217, 155, 82, 0.1), transparent 60%),
    linear-gradient(165deg, #1C1C21 0%, #131316 55%, #101012 100%);
  box-shadow: var(--shadow-deep), var(--shadow-gold);
}

.invite::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 3px),
    var(--gold-metal-full);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
}

.invite__inner {
  position: relative;
  padding: clamp(32px, 6vw, 80px) clamp(20px, 6vw, 80px);
  border: 1px solid rgba(200, 169, 110, 0.38);
}

.invite__corner {
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  --flower-fill: var(--biovie-gold-primary);
}

.invite__corner svg {
  width: 100%;
  height: 100%;
}

.invite__corner--tl {
  top: calc(clamp(10px, 1.4vw, 16px) - 9px);
  left: calc(clamp(10px, 1.4vw, 16px) - 9px);
}

.invite__corner--tr {
  top: calc(clamp(10px, 1.4vw, 16px) - 9px);
  right: calc(clamp(10px, 1.4vw, 16px) - 9px);
}

.invite__corner--bl {
  bottom: calc(clamp(10px, 1.4vw, 16px) - 9px);
  left: calc(clamp(10px, 1.4vw, 16px) - 9px);
}

.invite__corner--br {
  bottom: calc(clamp(10px, 1.4vw, 16px) - 9px);
  right: calc(clamp(10px, 1.4vw, 16px) - 9px);
}

.invite__head {
  text-align: center;
}

.invite__flower {
  width: 46px;
  height: 46px;
  margin: 0 auto var(--space-5);
  --flower-fill: var(--biovie-gold-primary);
}

.invite__event {
  font-size: 1.05rem;
  font-weight: var(--weight-light);
  color: var(--text-primary);
}

.invite__event b {
  font-weight: var(--weight-bold);
}

.invite__event small {
  display: inline-block;
  white-space: nowrap;
  margin-left: 4px;
  font-size: 0.62rem;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.14em;
}

.invite__title {
  margin-top: var(--space-4);
  font-family: var(--font-display);
  font-size: var(--step-4);
  font-weight: var(--weight-light);
  line-height: 1.02;
  letter-spacing: -0.01em;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 4px),
    var(--gold-metal);
  background-size: auto, 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-wrap: balance;
}

.invite__intro {
  max-width: 52ch;
  margin: var(--space-4) auto 0;
  color: var(--text-secondary);
}

.invite__panel {
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.rsvp-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px clamp(20px, 3vw, 36px);
}

.field--full {
  grid-column: 1 / -1;
}

.field__label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.9rem;
  font-weight: var(--weight-medium);
  color: var(--biovie-gold-light);
}

.field__input {
  width: 100%;
  min-height: 52px;
  padding: 12px 4px;
  border: 0;
  border-bottom: 1px solid var(--line-strong);
  border-radius: var(--radius-field);
  background-color: rgba(245, 242, 235, 0.025);
  color: var(--text-primary);
  font-size: 1.04rem;
  transition: border-color var(--dur-fast) linear, background-color var(--dur-fast) linear, box-shadow var(--dur-fast) linear;
}

.field__input::placeholder {
  color: var(--text-secondary);
  font-weight: var(--weight-light);
  opacity: 1;
}

.field__input:hover {
  border-bottom-color: var(--text-secondary);
}

.field__input:focus-visible {
  outline: none;
  border-bottom-color: var(--biovie-gold-primary);
  background-color: rgba(212, 165, 72, 0.07);
  box-shadow: 0 1px 0 0 var(--biovie-gold-primary);
}

.field__input[aria-invalid="true"] {
  border-bottom-color: var(--state-error);
  box-shadow: 0 1px 0 0 var(--state-error);
}

.field__input:-webkit-autofill {
  -webkit-text-fill-color: var(--text-primary);
  box-shadow: inset 0 0 0 1000px #1E1E23;
  caret-color: var(--text-primary);
}

.field__select {
  position: relative;
}

.field__select select {
  padding-right: 36px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.field__select select:invalid {
  color: var(--text-secondary);
}

.field__select option {
  background-color: var(--bg-surface-dark);
  color: var(--text-primary);
}

.field__select svg {
  position: absolute;
  right: 6px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  fill: none;
  stroke: var(--biovie-gold-primary);
  stroke-width: 1.6;
  pointer-events: none;
}

.field__hint {
  margin-top: 8px;
  font-size: 0.84rem;
  color: var(--text-secondary);
}

.field__error {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--state-error);
}

.field__error::before {
  content: "!";
  flex: none;
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: 0.66rem;
  font-weight: var(--weight-bold);
}

.field__error[hidden] {
  display: none;
}

.rsvp-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 32px;
  margin-top: 6px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}

.rsvp-form__privacy {
  max-width: 40ch;
  font-size: 0.86rem;
  color: var(--text-secondary);
}

.rsvp-form__alert {
  grid-column: 1 / -1;
  padding: 14px 18px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(240, 164, 140, 0.45);
  background: rgba(240, 164, 140, 0.08);
  color: var(--state-error-dark);
  font-size: 0.94rem;
}

.rsvp-form__concierge {
  font-size: 0.92rem;
  color: var(--text-secondary);
  text-align: center;
}

.rsvp-form__concierge a {
  color: var(--biovie-gold-light);
  text-underline-offset: 4px;
}

.rsvp-success {
  text-align: center;
}

.rsvp-success__flower {
  width: 72px;
  height: 72px;
  margin: 0 auto var(--space-5);
  --flower-fill: var(--biovie-gold-primary);
  --flower-stroke: var(--biovie-gold-light);
  --flower-sw: 1.6;
}

.rsvp-success__title {
  font-family: var(--font-display);
  font-size: var(--step-3);
  font-weight: var(--weight-light);
  line-height: 1.1;
  color: var(--text-primary);
}

.rsvp-success__title:focus {
  outline: none;
}

.rsvp-success__text {
  max-width: 50ch;
  margin: var(--space-4) auto 0;
  color: var(--text-secondary);
}

.rsvp-success__summary {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  gap: 12px clamp(20px, 4vw, 48px);
  margin: var(--space-6) auto 0;
  padding: 18px 26px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-align: left;
}

.rsvp-success__summary dt {
  margin-bottom: 4px;
  font-size: var(--step--2);
  color: var(--biovie-gold-primary);
}

.rsvp-success__summary dd {
  font-size: 0.98rem;
}

.rsvp-success__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin: var(--space-6) 0 var(--space-4);
}

/* ---------- Rodapé -------------------------------------------------------- */
.site-footer {
  position: relative;
  padding-top: clamp(4rem, 8vw, 6rem);
  padding-bottom: var(--space-6);
  background-color: var(--bg-obsidian);
  border-top: 1px solid var(--line);
}

.site-footer::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(520px, 70vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--biovie-gold-light), transparent);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 0.6fr);
  gap: clamp(2rem, 5vw, 5rem);
}

.footer-logo {
  display: block;
  width: auto;
  height: 52px;
  color: var(--biovie-gold-primary);
  fill: currentColor;
}

.site-footer__slogan {
  margin-top: var(--space-5);
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-style: italic;
  font-weight: var(--weight-light);
  line-height: 1.2;
  color: var(--biovie-gold-light);
}

.site-footer__event {
  display: grid;
  gap: 6px;
  font-size: 0.94rem;
  color: var(--text-secondary);
}

.site-footer__event-name {
  margin-bottom: 6px;
  font-size: 1.1rem;
  color: var(--text-primary);
}

.site-footer__event-name b {
  font-weight: var(--weight-bold);
}

.site-footer__event-name span {
  display: inline-block;
  white-space: nowrap;
  margin-left: 8px;
  font-size: var(--step--2);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-micro);
  text-transform: uppercase;
  color: var(--biovie-gold-primary);
}

.site-footer__nav ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer__nav a {
  display: inline-block;
  padding: 6px 0;
  font-size: 0.94rem;
  color: var(--text-secondary);
  text-decoration: none;
}

.site-footer__nav a:hover {
  color: var(--biovie-gold-light);
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
  margin-top: clamp(3rem, 6vw, 4.5rem);
  padding-top: var(--space-5);
  border-top: 1px solid rgba(245, 242, 235, 0.06);
  font-size: 0.82rem;
  color: var(--text-secondary);
}

/* Acesso discreto à área do administrador */
.site-footer__admin {
  padding: 4px 0;
  font-size: 0.74rem;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
  text-decoration: none;
  opacity: 0.85;
  transition: opacity var(--dur-fast) linear, color var(--dur-fast) linear;
}

.site-footer__admin:hover,
.site-footer__admin:focus-visible {
  color: var(--biovie-gold-light);
  opacity: 1;
}

/* ---------- Estados de movimento ------------------------------------------ */
/* Antes da coreografia de abertura: conteúdo do hero aguarda o Motion */
.js:not(.reveal-done) [data-hero-reveal] {
  opacity: 0;
}

.js:not(.reveal-done) [data-hero-line] {
  transform: translateY(108%);
}

/* Fallback sem biblioteca de animação: transição CSS simples */
.reveal-fallback [data-hero-reveal],
.reveal-fallback [data-hero-line] {
  transition: opacity 1s var(--ease-out-expo), transform 1.2s var(--ease-out-expo);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }

  .seal__ring {
    animation: none;
  }

  .js:not(.reveal-done) [data-hero-reveal] {
    opacity: 1;
  }

  .js:not(.reveal-done) [data-hero-line] {
    transform: none;
  }

  .pillar:hover,
  .speaker-card:hover .speaker-card__portrait img {
    transform: none;
  }

  .pillar__petal {
    stroke-dashoffset: 0;
  }
}

/* ---------- Responsivo ---------------------------------------------------- */
@media (max-width: 1180px) {
  .hud {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .hud__cell--countdown {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .speaker-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .speaker-card,
  .speaker-card:nth-child(4) {
    grid-column: span 2;
  }

  .speaker-card:nth-child(5) {
    grid-column: 2 / span 2;
  }
}

@media (max-width: 960px) {
  :root {
    --header-h: 68px;
  }

  .site-nav {
    display: none;
  }

  .menu-toggle {
    display: inline-block;
  }

  .hero__scrim {
    background:
      linear-gradient(90deg, rgba(17, 17, 19, 0.88) 0%, rgba(17, 17, 19, 0.5) 60%, rgba(17, 17, 19, 0.2) 100%),
      linear-gradient(0deg, var(--bg-obsidian) 0%, rgba(17, 17, 19, 0) 30%);
  }

  .purpose__grid,
  .venue__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .purpose__figure {
    justify-self: center;
    width: min(78%, 380px);
  }

  .venue__map {
    max-width: 520px;
    width: 100%;
    justify-self: center;
  }

  .venue__map-frame {
    aspect-ratio: 1;
  }

  .pillars {
    grid-template-columns: minmax(0, 1fr);
    max-width: 560px;
    margin-inline: auto;
  }

  .pillar {
    border-radius: 200px 200px 10px 10px;
  }

  .speakers__head {
    grid-template-columns: minmax(0, 1fr);
  }

  .speakers__intro {
    justify-self: start;
  }

  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .hero {
    justify-content: flex-start;
    padding-top: calc(var(--header-h) + 34vh);
  }

  .hero__stage {
    bottom: auto;
    height: 100svh;
  }

  .hero__fallback {
    top: calc(var(--header-h) + 2vh);
    right: 50%;
    width: min(86vw, 420px);
    transform: translateX(50%);
  }

  .hero__scrim {
    background: linear-gradient(180deg, rgba(17, 17, 19, 0) 0%, rgba(17, 17, 19, 0.1) 22%, rgba(17, 17, 19, 0.82) 36%, rgba(17, 17, 19, 0.94) 46%, var(--bg-obsidian) 60%);
  }

  .seal {
    top: calc(var(--header-h) + 22px);
    width: 94px;
  }

  .motion-toggle {
    top: calc(var(--header-h) + 22px + 94px + 10px);
  }

  .hud {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hud__cell:nth-child(3) {
    border-left: 0;
  }

  .hud__cell:nth-child(n + 3) {
    border-top: 1px solid var(--line);
  }

  .hud__cell--countdown {
    flex-direction: column;
    align-items: flex-start;
  }

  .speaker-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 480px;
    margin-inline: auto;
  }

  .speaker-card,
  .speaker-card:nth-child(4),
  .speaker-card:nth-child(5) {
    grid-column: auto;
  }

  .rsvp-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .rsvp-form__footer .btn {
    width: 100%;
  }

  .rsvp-success__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .lockup__rule {
    display: none;
  }

  .purpose__text {
    padding-left: var(--space-4);
  }

  .venue__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .venue__fact:nth-child(2) {
    grid-row: auto;
  }
}

@media (max-width: 560px) {
  .site-header__actions .btn {
    display: none;
  }

  .hero__ctas .btn,
  .venue__actions .btn,
  .venue__actions .calendar {
    width: 100%;
  }

  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-mark small {
    display: none;
  }
}