/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.390ncx5urfkfu.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.21jp631_3pja2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.31988l_ccedte.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --p: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --color-red-400: #ff6568;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-relaxed: 1.625;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-2xl: 40px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-geist-sans);
    --default-mono-font-family: var(--font-geist-mono);
    --color-noite: #090807;
    --color-rocha: #100d0c;
    --color-claro: #f5f1ed;
    --color-brasa: #ff6a1a;
    --color-lava: #ffb02e;
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-400: lab(63.7053% 60.745 31.3109);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components {
  .cena {
    background: var(--color-noite);
    --p: 0;
    position: relative;
  }

  .cena--topo {
    margin-top: calc(-1 * var(--cabecalho));
  }

  .cena-palco {
    isolation: isolate;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100svh;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .foto-cena {
    z-index: 0;
    position: absolute;
    inset: 0;
  }

  .foto-cena img {
    object-position: calc(var(--fx) * 100%) calc(var(--fy) * 100%);
  }

  .cena-veu {
    z-index: 3;
    pointer-events: none;
    background: #090807b8;
    position: absolute;
    inset: 0;
  }

  .cena-conteudo {
    z-index: 5;
    padding: calc(var(--cabecalho) + 3rem) 0 4rem;
    flex-direction: column;
    gap: 3.5rem;
    display: flex;
    position: relative;
  }

  .fase {
    position: relative;
  }

  .fase-miolo {
    width: 100%;
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: 1rem;
  }

  .controle-efeitos, .trilho-historia, .particulas, .cena-preto, .cena-role, .brilho-lava, .fumaca, .atrito-ponto, .atrito-calor, .mergulho-clarao, .varredura-brilho {
    display: none;
  }

  .varredura, .varredura-contra {
    position: absolute;
    inset: 0;
  }

  .cena-nota {
    z-index: 5;
    letter-spacing: .04em;
    color: #bcb2aabf;
    width: 100%;
    max-width: 72rem;
    margin: 0 auto;
    padding: 0 1rem 1.25rem;
    font-size: .7rem;
    position: relative;
  }

  .cena--faixa .cena-palco {
    min-height: min(58svh, 30rem);
  }

  .cena--faixa .cena-conteudo {
    padding-bottom: 3rem;
  }

  .cena--chamada .cena-palco {
    justify-content: center;
    min-height: 34rem;
  }

  .cena--chamada .cena-conteudo {
    padding-block: 5rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    html[data-js] .cena--presa {
      height: calc(var(--altura) * 1vh);
      height: calc(var(--altura) * 1svh);
    }

    html[data-js] .cena--presa .cena-palco {
      --ch: 100lvh;
      height: 100lvh;
      min-height: 0;
      display: block;
      position: sticky;
      top: 0;
    }

    html[data-js] .cena--presa .cena-conteudo {
      height: 100svh;
      padding: 0;
      display: block;
      position: absolute;
      inset: 0 0 auto;
    }

    html[data-js] .foto-cena {
      --cw: 100vw;
      --W: max(var(--cw), calc(var(--ch) * var(--razao) * var(--folga, 1)));
      --H: calc(var(--W) / var(--razao));
      width: var(--W);
      height: var(--H);
      inset: auto;
      left: clamp(calc(var(--cw) - var(--W)), calc(var(--cw) / 2 - var(--fx) * var(--W)), 0px);
      top: clamp(calc(var(--ch) - var(--H)), calc(var(--ch) / 2 - var(--fy) * var(--H)), 0px);
      transform-origin: calc(var(--fx) * 100%) calc(var(--fy) * 100%);
      transform: translate3d(0, var(--desliza, 0px), 0) scale(var(--zoom, 1));
      will-change: transform;
    }

    html[data-js] .cena--presa .fase {
      --entra: clamp(0, calc((var(--p) - var(--ini) + var(--rampa)) / var(--rampa)), 1);
      --sai: clamp(0, calc((var(--fim) + var(--rampa) - var(--p)) / var(--rampa)), 1);
      padding: calc(var(--cabecalho) + 1rem) 0 4.5rem;
      opacity: min(var(--entra), var(--sai));
      transform: translate3d(0, calc((1 - var(--entra)) * 44px - (1 - var(--sai)) * 44px), 0);
      pointer-events: none;
      will-change: transform, opacity;
      flex-direction: column;
      justify-content: center;
      display: flex;
      position: absolute;
      inset: 0;
    }

    html[data-js] .cena--presa .fase--base {
      justify-content: flex-end;
    }

    html[data-js] .cena--presa .fase-miolo {
      padding-right: 2.4rem;
    }

    html[data-js] .cena--presa .fase {
      text-shadow: 0 1px 22px #090807bf;
    }

    html[data-js] .cena--presa .fase a {
      text-shadow: none;
    }

    html[data-js] .cena[data-fase="0"] .fase[data-i="0"], html[data-js] .cena[data-fase="1"] .fase[data-i="1"], html[data-js] .cena[data-fase="2"] .fase[data-i="2"], html[data-js] .cena[data-fase="3"] .fase[data-i="3"] {
      pointer-events: auto;
    }

    html[data-js] .cena--presa .cena-veu {
      background: none;
    }

    html[data-js] .particulas {
      pointer-events: none;
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      inset: 0;
    }

    html[data-js] .cena-preto {
      z-index: 6;
      background: var(--color-noite);
      opacity: var(--preto, 0);
      pointer-events: none;
      will-change: opacity;
      display: block;
      position: absolute;
      inset: 0;
    }

    html[data-js] .trilho-historia {
      z-index: 25;
      transition: opacity .4s, visibility;
      display: block;
      position: fixed;
      top: 50%;
      right: .35rem;
      transform: translateY(-50%);
    }

    html[data-js] .trilho-historia[data-fora] {
      opacity: 0;
      visibility: hidden;
      transition: opacity .4s, visibility 0s .4s;
    }

    html[data-js] .trilho-historia ol {
      flex-direction: column;
      display: flex;
    }

    html[data-js] .trilho-historia button {
      cursor: pointer;
      justify-content: flex-end;
      align-items: center;
      width: 2rem;
      height: 2.1rem;
      padding-right: .6rem;
      display: flex;
      position: relative;
    }

    html[data-js] .trilho-historia button:after {
      content: "";
      background: #f5f1ed4d;
      border-radius: 3px;
      width: 3px;
      height: 1.55rem;
      transition: background .35s, transform .35s;
      box-shadow: 0 0 0 1px #09080740;
    }

    html[data-js] .trilho-historia button:hover:after {
      background: #f5f1edcc;
    }

    html[data-js] .trilho-historia button[aria-current]:after {
      background: var(--color-brasa);
      transform: scaleX(1.8);
    }

    html[data-js] .trilho-historia span {
      white-space: nowrap;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: var(--color-claro);
      text-shadow: 0 1px 10px #090807e6;
      opacity: 0;
      pointer-events: none;
      font-size: .68rem;
      font-weight: 500;
      transition: opacity .25s, transform .25s;
      position: absolute;
      right: 2.1rem;
      transform: translate3d(8px, 0, 0);
    }

    html[data-js] .trilho-historia button:hover span, html[data-js] .trilho-historia button:focus-visible span {
      opacity: 1;
      transform: none;
    }

    html[data-js] .cena--presa .cena-nota {
      opacity: calc(1 - var(--preto, 0));
      pointer-events: none;
      padding-bottom: 0;
      position: absolute;
      bottom: calc(100vh - 100svh + 1.2rem);
      left: 0;
      right: 0;
    }

    html[data-js] .cena-role {
      z-index: 7;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: var(--color-claro);
      text-shadow: 0 1px 12px #090807e6;
      opacity: clamp(0, calc(1 - var(--p) / .05), 1);
      pointer-events: none;
      flex-direction: column;
      align-items: center;
      gap: .55rem;
      font-size: .68rem;
      display: flex;
      position: absolute;
      bottom: calc(100vh - 100svh + 1.4rem);
      left: 50%;
      transform: translateX(-50%);
    }

    html[data-js] .cena-role i {
      background: #f5f1ed2e;
      width: 1px;
      height: 2.4rem;
      display: block;
      overflow: hidden;
    }

    html[data-js] .cena-role i:after {
      content: "";
      background: var(--color-lava);
      width: 100%;
      height: 45%;
      animation: 1.9s cubic-bezier(.5, 0, .3, 1) infinite role-desce;
      display: block;
    }

    html[data-js] .cena-vulcao [data-p] {
      --mergulho: clamp(0, calc((var(--p) - .76) / .2), 1);
      --preto: clamp(0, calc((var(--p) - .93) / .06), 1);
    }

    html[data-js] .cena-vulcao .foto-cena {
      --zoom: calc(1.02 + var(--p) * .18 + var(--mergulho) * .7 + var(--mergulho) * var(--mergulho) * 1.7);
    }

    html[data-js] .cena-vulcao .cena-veu {
      opacity: calc(1 - var(--mergulho));
      background: linear-gradient(90deg, #090807d1 0%, #09080780 30%, #09080700 54%), linear-gradient(0deg, #090807b3 0%, #09080700 26%);
    }

    @media (max-width: 640px) {
      html[data-js] .cena-vulcao .foto-cena {
        --folga: 1.2;
        top: 0;
      }

      html[data-js] .cena-vulcao .fase {
        padding-top: calc(var(--cabecalho) + 2.25rem);
        justify-content: flex-start;
      }

      html[data-js] .cena-vulcao .cena-veu {
        background: linear-gradient(#090807eb 0%, #090807d1 40%, #09080700 63%), linear-gradient(0deg, #090807a6 0%, #09080700 16%);
      }

      html[data-js] .cena-vulcao .fumaca--tras {
        display: none;
      }
    }

    html[data-js] .cena-vulcao .particulas {
      z-index: 7;
    }

    html[data-js] .mergulho-clarao {
      aspect-ratio: 1;
      width: 70%;
      opacity: calc(var(--mergulho) * var(--mergulho));
      pointer-events: none;
      will-change: opacity;
      background: radial-gradient(circle, #ffe296f5 0%, #ff9628e6 30%, #d63c068c 58%, #78140000 72%);
      border-radius: 50%;
      margin: -35% 0 0 -35%;
      display: block;
      position: absolute;
      top: 52%;
      left: 62%;
    }

    html[data-js] .brilho-lava {
      aspect-ratio: 1;
      mix-blend-mode: screen;
      pointer-events: none;
      background: radial-gradient(circle, #ffc45c80 0%, #ff781e4d 28%, #ff500a1f 52%, #ff500a00 70%);
      border-radius: 50%;
      width: 46%;
      margin: -23% 0 0 -23%;
      animation: 4.6s ease-in-out infinite lava-respira;
      display: block;
      position: absolute;
      top: 53%;
      left: 62%;
    }

    html[data-js] .fumaca {
      z-index: 2;
      mix-blend-mode: screen;
      pointer-events: none;
      will-change: transform;
      border-radius: 50%;
      display: block;
      position: absolute;
    }

    html[data-js] .fumaca--tras {
      width: 64vmax;
      height: 42vmax;
      transform: translate3d(calc(var(--p) * -5vw), calc(var(--p) * -7vh), 0) scale(calc(1 + var(--p) * .3));
      background: radial-gradient(closest-side, #9646324d, #96463200);
      top: -16%;
      left: 34%;
    }

    html[data-js] .fumaca--frente {
      width: 100vmax;
      height: 56vmax;
      transform: translate3d(calc(var(--p) * 8vw), calc(var(--p) * -26vh), 0) scale(calc(1 + var(--p) * .8));
      background: radial-gradient(closest-side, #ff601833, #ff601800);
      bottom: -46%;
      left: 8%;
    }

    html[data-js] .fumaca > i {
      border-radius: inherit;
      background: inherit;
      width: 100%;
      height: 100%;
      animation: 16s ease-in-out infinite alternate fumaca-deriva;
      display: block;
    }

    html[data-js] .cena-protecao [data-p] {
      --chegada: clamp(0, calc(var(--p) / .22), 1);
      --preto: clamp(0, calc(1 - (var(--p) - .02) / .09), 1);
      --c: clamp(0, calc((var(--p) - .6) / .27), 1);
      --atrito: clamp(0, calc((var(--p) - .07) / .07), 1);
    }

    html[data-js] .cena-protecao .foto-cena {
      --zoom: calc(1.2 - var(--chegada) * .13 + var(--p) * .07);
    }

    html[data-js] .cena-protecao .cena-veu {
      background: linear-gradient(0deg, #090807f0 0%, #090807c7 26%, #09080700 62%), linear-gradient(#09080799 0%, #09080700 20%);
    }

    html[data-js] .cena-protecao .particulas--po {
      z-index: 7;
    }

    html[data-js] .cena-protecao .particulas--faiscas {
      z-index: 1;
    }

    html[data-js] .atrito-ponto {
      left: var(--x);
      top: var(--y);
      aspect-ratio: 1;
      width: 17%;
      opacity: var(--atrito);
      mix-blend-mode: screen;
      pointer-events: none;
      margin: -8.5% 0 0 -8.5%;
      display: block;
      position: absolute;
    }

    html[data-js] .atrito-ponto i {
      width: 100%;
      height: 100%;
      animation: 1.35s step-end infinite atrito-pisca;
      animation-delay: var(--atraso, 0s);
      background: radial-gradient(circle, #fff4d6 0%, #ffb040eb 8%, #ff621099 22%, #e2340047 42%, #e2340000 68%);
      border-radius: 50%;
      display: block;
    }

    html[data-js] .atrito-calor {
      mix-blend-mode: screen;
      opacity: var(--atrito);
      pointer-events: none;
      background: radial-gradient(46% 40% at 51% 57%, #ff460a4d, #ff460a00 100%);
      animation: 2.8s ease-in-out infinite calor-pulsa;
      display: block;
      position: absolute;
      inset: 0;
    }

    html[data-js] .varredura {
      z-index: 2;
      width: 130%;
      transform: translate3d(calc((var(--c) - 1) * 100%), 0, 0);
      will-change: transform;
      inset: 0 auto 0 0;
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, #000 0% 82%, #0000 100%);
      mask-image: linear-gradient(90deg, #000 0% 82%, #0000 100%);
    }

    html[data-js] .varredura-contra {
      width: 76.9231%;
      transform: translate3d(calc((1 - var(--c)) * 130%), 0, 0);
      will-change: transform;
      inset: 0 auto 0 0;
    }

    html[data-js] .varredura-brilho {
      z-index: 2;
      mix-blend-mode: screen;
      width: 26%;
      transform: translate3d(calc((var(--c) * 130 - 25) * 3.846%), 0, 0) skewX(-8deg);
      opacity: clamp(0, calc(min(var(--c), 1 - var(--c)) / .06), 1);
      pointer-events: none;
      will-change: transform, opacity;
      background: linear-gradient(100deg, #ffd68c00 0%, #ffd68c29 30%, #fff4d6d9 50%, #ffbe5a38 64%, #ffbe5a00 100%);
      display: block;
      position: absolute;
      inset: -10% auto -10% 0;
    }

    html[data-js] .reflexo {
      opacity: clamp(0, calc((var(--c) - .9) / .1), 1);
      pointer-events: none;
      position: absolute;
      inset: 0;
      overflow: hidden;
    }

    html[data-js] .reflexo:after {
      content: "";
      background: linear-gradient(100deg, #ffecbe00 0%, #ffecbe33 50%, #ffecbe00 100%);
      width: 22%;
      animation: 7s cubic-bezier(.4, 0, .3, 1) infinite reflexo-passa;
      position: absolute;
      inset: -20% auto -20% 0;
      transform: translate3d(-120%, 0, 0)skewX(-10deg);
    }

    html[data-js] .cena--faixa .cena-palco {
      --ch: min(58svh, 30rem);
    }

    html[data-js] .cena--passagem .foto-cena {
      --zoom: 1.24;
      --desliza: calc((var(--p) - .5) * 13vh);
    }

    html[data-js] .cena--passagem .cena-veu {
      background: linear-gradient(0deg, #090807eb 0%, #09080780 45%, #09080740 100%);
    }

    html[data-js] .cena--chamada .cena-palco {
      --ch: 34rem;
    }

    html[data-js] .cena--chamada .cena-veu {
      background: radial-gradient(ellipse 80% 90% at 70% 50%, #09080759, #090807d1),
        linear-gradient(180deg, var(--color-rocha) 0%, #100d0c00 22%);
    }

    html[data-js] .cena--chamada .particulas {
      z-index: 4;
    }

    @media (max-width: 640px) {
      html[data-js] .brilho-lava, html[data-js] .fumaca, html[data-js] .atrito-ponto, html[data-js] .atrito-calor, html[data-js] .varredura-brilho {
        mix-blend-mode: normal;
      }

      html[data-js] .fumaca--frente {
        display: none;
      }

      html[data-js] .brilho-lava {
        background: radial-gradient(circle, #ffbe5057 0%, #ff781e33 40%, #ff500a00 70%);
        width: 34%;
        margin: -17% 0 0 -17%;
      }

      html[data-js] .atrito-calor {
        animation: none;
      }

      html[data-js] .varredura {
        transform: translate3d(calc((var(--c) - 1.0923) * 100%), 0, 0);
        -webkit-mask-image: none;
        mask-image: none;
      }

      html[data-js] .varredura-contra {
        transform: translate3d(calc((1.42 - var(--c) * 1.3) * 100%), 0, 0);
      }

      html[data-js] .mergulho-clarao {
        will-change: auto;
      }
    }

    html[data-js] [data-revelar] {
      opacity: 0;
      will-change: transform, opacity;
      transition: opacity .8s cubic-bezier(.22, .8, .3, 1), transform .8s cubic-bezier(.22, .8, .3, 1);
    }

    html[data-js] [data-revelar="baixo"] {
      transform: translate3d(0, 46px, 0);
    }

    html[data-js] [data-revelar="esquerda"] {
      transform: translate3d(-46px, 0, 0);
    }

    html[data-js] [data-revelar="direita"] {
      transform: translate3d(46px, 0, 0);
    }

    html[data-js] [data-revelar="fundo"] {
      transform: scale(.9);
    }

    html[data-js] [data-revelar][data-visivel] {
      opacity: 1;
      transform: none;
    }

    html[data-js] .controle-efeitos {
      display: block;
    }

    html[data-efeitos="off"] .brilho-lava, html[data-efeitos="off"] .fumaca > i, html[data-efeitos="off"] .atrito-ponto i, html[data-efeitos="off"] .atrito-calor, html[data-efeitos="off"] .reflexo:after, html[data-efeitos="off"] .cena-role i:after {
      animation-play-state: paused;
    }
  }

  @keyframes role-desce {
    0% {
      transform: translate3d(0, -110%, 0);
    }

    100% {
      transform: translate3d(0, 230%, 0);
    }
  }

  @keyframes lava-respira {
    0%, 100% {
      opacity: .55;
      transform: scale(.94);
    }

    38% {
      opacity: 1;
      transform: scale(1.06);
    }

    61% {
      opacity: .7;
      transform: scale(.99);
    }

    80% {
      opacity: .95;
      transform: scale(1.04);
    }
  }

  @keyframes fumaca-deriva {
    0% {
      transform: translate3d(-3%, 2%, 0)scale(1);
    }

    100% {
      transform: translate3d(4%, -3%, 0)scale(1.12);
    }
  }

  @keyframes atrito-pisca {
    0% {
      opacity: .85;
      transform: scale(1);
    }

    9% {
      opacity: .35;
      transform: scale(.8);
    }

    17% {
      opacity: 1;
      transform: scale(1.18);
    }

    28% {
      opacity: .55;
      transform: scale(.9);
    }

    41% {
      opacity: .95;
      transform: scale(1.08);
    }

    49% {
      opacity: .25;
      transform: scale(.74);
    }

    58% {
      opacity: 1;
      transform: scale(1.24);
    }

    72% {
      opacity: .6;
      transform: scale(.94);
    }

    86% {
      opacity: .9;
      transform: scale(1.1);
    }
  }

  @keyframes calor-pulsa {
    0%, 100% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.07);
    }
  }

  @keyframes reflexo-passa {
    0%, 35% {
      transform: translate3d(-120%, 0, 0)skewX(-10deg);
    }

    75%, 100% {
      transform: translate3d(560%, 0, 0)skewX(-10deg);
    }
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

  .top-0 {
    top: 0;
  }

  .top-\[14\%\] {
    top: 14%;
  }

  .-right-10 {
    right: calc(var(--spacing) * -10);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .h-\(--cabecalho\) {
    height: var(--cabecalho);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .min-h-full {
    min-height: 100%;
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .flex-1 {
    flex: 1;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .content-center {
    align-content: center;
  }

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

  .items-end {
    align-items: flex-end;
  }

  .justify-between {
    justify-content: space-between;
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-borda > :not(:last-child)) {
    border-color: #362e29;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-borda {
    border-color: #362e29;
  }

  .border-brasa\/50 {
    border-color: #ff6a1a80;
    border-color: lab(63.8719% 55.5453 67.7654 / .5);
  }

  .border-claro\/10 {
    border-color: #f5f1ed1a;
    border-color: lab(95.3747% .869185 2.43472 / .1);
  }

  .border-claro\/30 {
    border-color: #f5f1ed4d;
    border-color: lab(95.3747% .869215 2.43472 / .3);
  }

  .bg-basalto {
    background-color: #1a1614;
  }

  .bg-brasa {
    background-color: #ff6a1a;
  }

  .bg-brasa\/10 {
    background-color: #ff6a1a1a;
    background-color: lab(63.8719% 55.5453 67.7654 / .1);
  }

  .bg-noite\/45 {
    background-color: #09080773;
    background-color: lab(2.23778% .167772 .477663 / .45);
  }

  .bg-rocha {
    background-color: #100d0c;
  }

  .bg-rocha\/90 {
    background-color: #100d0ce6;
    background-color: lab(3.84893% .915684 .80691 / .9);
  }

  .bg-rocha\/95 {
    background-color: #100d0cf2;
    background-color: lab(3.84893% .915684 .80691 / .95);
  }

  .object-cover {
    object-fit: cover;
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

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

  .text-right {
    text-align: right;
  }

  .font-mono {
    font-family: var(--font-geist-mono);
  }

  .font-sans {
    font-family: var(--font-geist-sans);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[clamp\(1\.9rem\,4vw\,3rem\)\] {
    font-size: clamp(1.9rem, 4vw, 3rem);
  }

  .text-\[clamp\(2\.2rem\,5vw\,3\.6rem\)\] {
    font-size: clamp(2.2rem, 5vw, 3.6rem);
  }

  .text-\[clamp\(2\.3rem\,5\.6vw\,4\.4rem\)\] {
    font-size: clamp(2.3rem, 5.6vw, 4.4rem);
  }

  .text-\[clamp\(2rem\,4\.6vw\,3\.6rem\)\] {
    font-size: clamp(2rem, 4.6vw, 3.6rem);
  }

  .text-\[clamp\(2rem\,4\.8vw\,3\.8rem\)\] {
    font-size: clamp(2rem, 4.8vw, 3.8rem);
  }

  .leading-\[1\.03\] {
    --tw-leading: 1.03;
    line-height: 1.03;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.06\] {
    --tw-leading: 1.06;
    line-height: 1.06;
  }

  .leading-\[1\.08\] {
    --tw-leading: 1.08;
    line-height: 1.08;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.2em\] {
    --tw-tracking: .2em;
    letter-spacing: .2em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-borda {
    color: #362e29;
  }

  .text-brasa {
    color: #ff6a1a;
  }

  .text-claro {
    color: #f5f1ed;
  }

  .text-lava {
    color: #ffb02e;
  }

  .text-po {
    color: #bcb2aa;
  }

  .text-rocha {
    color: #100d0c;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .group-hover\:bg-brasa\/20:is(:where(.group):hover *) {
      background-color: #ff6a1a33;
      background-color: lab(63.8719% 55.5453 67.7654 / .2);
    }

    .group-hover\:text-lava:is(:where(.group):hover *) {
      color: #ffb02e;
    }
  }

  .placeholder\:text-po\/50::placeholder {
    color: #bcb2aa80;
    color: lab(73.2471% 2.64484 5.44425 / .5);
  }

  .empty\:hidden:empty {
    display: none;
  }

  @media (hover: hover) {
    .hover\:border-brasa:hover {
      border-color: #ff6a1a;
    }

    .hover\:bg-cinza:hover {
      background-color: #241f1c;
    }

    .hover\:bg-lava:hover {
      background-color: #ffb02e;
    }

    .hover\:text-claro:hover {
      color: #f5f1ed;
    }

    .hover\:text-lava:hover {
      color: #ffb02e;
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .aria-\[invalid\=true\]\:border-red-400[aria-invalid="true"] {
    border-color: var(--color-red-400);
  }

  @media (min-width: 40rem) {
    .sm\:order-2 {
      order: 2;
    }

    .sm\:order-3 {
      order: 3;
    }

    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sm\:w-auto {
      width: auto;
    }

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

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .sm\:bg-noite\/30 {
      background-color: #0908074d;
      background-color: lab(2.23778% .167772 .477663 / .3);
    }

    .sm\:bg-rocha\/70 {
      background-color: #100d0cb3;
      background-color: lab(3.84893% .915684 .80691 / .7);
    }

    .sm\:bg-rocha\/85 {
      background-color: #100d0cd9;
      background-color: lab(3.84893% .915684 .80691 / .85);
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .sm\:backdrop-blur-md {
      --tw-backdrop-blur: blur(var(--blur-md));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }

    .sm\:backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_20rem\] {
      grid-template-columns: 1fr 20rem;
    }

    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }
}

@property --p {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}

:root {
  --cabecalho: 5.75rem;
}

@media (min-width: 640px) {
  :root {
    --cabecalho: 3.5rem;
  }
}

body {
  background: var(--color-rocha);
  color: var(--color-claro);
}

:focus-visible {
  outline: 2px solid var(--color-lava);
  outline-offset: 3px;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__04kpziu._.css.map*/