.home-page {
  overflow: clip;
}

.home-page .section {
  position: relative;
}

.home-hero__grid,
.home-agenda__grid,
.home-visit__panel,
.home-clarity__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-6);
}

.home-hero__content {
  grid-column: 1 / span 5;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  padding-block: var(--space-4);
}

.home-breadcrumb {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--space-2);
  color: color-mix(in srgb, var(--color-areia-900) 76%, transparent);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.home-breadcrumb a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
}

.home-hero h1 {
  width: 100%;
  max-width: 12.5ch;
  margin: 0;
  font-size: clamp(3.25rem, 5.2vw, 4rem);
}

.home-hero__lead {
  width: 100%;
  max-width: 39rem;
  margin: 0;
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}

.home-hero__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.home-hero__actions > * {
  min-width: 0;
}

.home-age-note {
  display: flex;
  width: 100%;
  max-width: 38rem;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-dourado-envelhecido);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.home-age-note span {
  flex: 0 0 auto;
  color: var(--color-dourado-envelhecido);
  font-weight: 800;
}

.home-hero__media {
  grid-column: 7 / span 6;
  min-width: 0;
  margin: 0;
}

.home-hero__media img {
  width: 100%;
  max-width: 100%;
  height: min(43rem, 53vw);
  object-fit: cover;
  object-position: 70% center;
  border-radius: var(--radius-xl);
}

.home-hero__media figcaption {
  max-width: 34rem;
}

.home-flavour__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: 5fr 3fr 3fr;
  gap: var(--space-6);
  padding: var(--space-7);
  border: var(--border-default);
  border-radius: var(--radius-2xl);
  background: var(--color-areia-100);
  box-shadow: var(--shadow-surface);
}

.home-flavour__editorial,
.home-flavour__highlights {
  min-width: 0;
}

.home-flavour__editorial {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.home-flavour__editorial > * {
  margin: 0;
}

.home-flavour__editorial h2 {
  width: 100%;
  max-width: 14ch;
}

.home-flavour__editorial > p:not(.eyebrow) {
  width: 100%;
  max-width: 42rem;
}

.home-flavour__eyebrow {
  color: var(--color-terracota);
}

.home-flavour__media {
  min-width: 0;
  margin: 0;
}

.home-flavour__media img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 25rem;
  object-fit: cover;
  object-position: center center;
}

.home-flavour__highlights {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.home-flavour__item {
  min-width: 0;
  padding-bottom: var(--space-5);
  border-bottom: var(--border-default);
}

.home-flavour__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.home-flavour__item h3,
.home-flavour__item p {
  max-width: 27rem;
}

.home-flavour__item h3 {
  margin-bottom: var(--space-3);
}

.home-flavour__item p:last-child {
  margin-bottom: 0;
}

.home-flavour__tag,
.home-flavour__icon {
  margin-bottom: var(--space-2);
  color: var(--color-terracota);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-flavour__icon {
  font-size: var(--text-xl);
}

.home-poker__panel {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-radius: var(--radius-2xl);
  background: var(--color-azul-petroleo);
}

.home-poker__intro {
  grid-column: 1 / span 6;
  min-width: 0;
}

.home-poker__intro h2 {
  max-width: 13ch;
  color: var(--color-branco-neutro);
}

.home-poker__intro p:not(.eyebrow) {
  max-width: 42rem;
  margin-bottom: 0;
  color: var(--color-branco-neutro);
}

.home-poker__eyebrow {
  color: var(--color-branco-neutro);
}

.home-poker__eyebrow span {
  color: var(--color-dourado-envelhecido);
}

.home-poker__cards {
  grid-column: 1 / -1;
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.home-poker-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-areia-100);
  box-shadow: var(--shadow-control);
}

.home-poker-card > * {
  margin: 0;
}

.home-poker-card h3,
.home-poker-card p {
  width: 100%;
  max-width: 28rem;
}

.home-poker-card__meta {
  color: var(--color-dourado-envelhecido);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: var(--leading-xs);
  text-transform: uppercase;
}

.home-poker-card__meta--food {
  color: var(--color-terracota);
}

.home-poker-card__required {
  color: var(--color-areia-900);
  font-weight: 800;
}

.home-poker-card__actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: auto;
  padding-top: var(--space-2);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.home-poker-card__actions a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
}

.home-poker__notice {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border-top: 1px solid color-mix(in srgb, var(--color-branco-neutro) 35%, transparent);
  color: var(--color-branco-neutro);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.home-poker__notice strong {
  color: var(--color-dourado-envelhecido);
}

.home-agenda__intro {
  grid-column: 1 / span 5;
  min-width: 0;
}

.home-agenda__intro h2 {
  max-width: 14ch;
}

.home-agenda__intro p:not(.eyebrow) {
  max-width: 41rem;
}

.home-agenda__list {
  grid-column: 7 / span 6;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  padding: var(--space-5);
  border-left: 5px solid var(--color-azul-petroleo);
  background: color-mix(in srgb, var(--color-areia-100) 70%, transparent);
}

.home-agenda-item {
  display: grid;
  min-width: 0;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: var(--space-3);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-default);
}

.home-agenda-item__icon {
  display: flex;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  color: var(--color-azul-petroleo);
  font-weight: 800;
}

.home-agenda-item__icon--gold {
  color: var(--color-dourado-envelhecido);
}

.home-agenda-item h3 {
  margin-bottom: var(--space-2);
}

.home-agenda-item p {
  max-width: 35rem;
  margin-bottom: 0;
}

.home-agenda__button {
  align-self: flex-start;
}

.home-steps__panel {
  padding: var(--space-8);
  border-radius: var(--radius-2xl);
  background: var(--color-verde-folha);
  color: var(--color-branco-neutro);
}

.home-steps__heading {
  max-width: 42rem;
}

.home-steps__heading h2,
.home-steps__heading p {
  color: var(--color-branco-neutro);
}

.home-steps__heading p {
  margin-bottom: 0;
}

.home-steps__list {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: var(--space-7) 0 var(--space-6);
  padding: 0;
  list-style: none;
}

.home-step {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  padding-right: var(--space-4);
  border-right: 1px solid color-mix(in srgb, var(--color-branco-neutro) 38%, transparent);
}

.home-step:last-child {
  padding-right: 0;
  border-right: 0;
}

.home-step__number {
  color: var(--color-branco-neutro);
  font-family: var(--font-heading);
  font-size: 3.5rem;
  line-height: 1;
}

.home-step__number--age::after {
  content: "18+";
  display: inline-block;
  margin-left: var(--space-2);
  vertical-align: top;
  color: var(--color-dourado-envelhecido);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.06em;
}

.home-step h3,
.home-step p {
  color: var(--color-branco-neutro);
}

.home-step h3 {
  margin-bottom: var(--space-2);
}

.home-step p {
  max-width: 25rem;
}

.home-step p:last-child {
  margin-bottom: 0;
}

.home-step__required {
  font-weight: 800;
}

.home-steps__action {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
}

.home-steps__agenda-link {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  color: var(--color-branco-neutro);
  font-size: var(--text-sm);
  font-weight: 700;
}

.home-groups__top {
  display: grid;
  min-width: 0;
  grid-template-columns: 5fr 6fr;
  gap: var(--space-6);
  align-items: center;
}

.home-groups__intro,
.home-groups__media {
  min-width: 0;
}

.home-groups__intro h2 {
  max-width: 14ch;
}

.home-groups__intro p:not(.eyebrow) {
  max-width: 41rem;
}

.home-groups__media {
  margin: 0;
}

.home-groups__media img {
  width: 100%;
  max-width: 100%;
  height: 28rem;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--radius-xl);
}

.home-groups__situations {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-7);
}

.home-groups__situation {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: var(--border-default);
}

.home-groups__situation h3 {
  margin-bottom: var(--space-3);
}

.home-groups__situation p:not(.home-groups__label) {
  max-width: 28rem;
}

.home-groups__label {
  margin-bottom: var(--space-2);
  color: var(--color-terracota);
  font-size: var(--text-xs);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-groups__label--age {
  color: var(--color-dourado-envelhecido);
}

.home-groups__situation .button {
  margin-top: var(--space-2);
}

.home-visit__panel {
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-7);
  border: var(--border-default);
  border-radius: var(--radius-2xl);
  background: var(--color-areia-100);
}

.home-visit__content {
  grid-column: 1 / span 5;
  min-width: 0;
}

.home-visit__content h2 {
  max-width: 13ch;
}

.home-visit__content > p:not(.eyebrow) {
  max-width: 38rem;
}

.home-visit__address {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-5) 0;
  font-style: normal;
}

.home-visit__address > span {
  color: var(--color-verde-folha);
  font-size: var(--text-xl);
}

.home-visit__address a {
  max-width: 34rem;
  font-weight: 800;
}

.home-visit__address small {
  color: color-mix(in srgb, var(--color-areia-900) 76%, transparent);
}

.home-visit__contacts {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.home-visit__contacts p {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: 0;
}

.home-visit__contacts strong {
  min-width: 5rem;
}

.home-visit__contacts a {
  overflow-wrap: anywhere;
}

.home-visit__media {
  grid-column: 7 / span 6;
  min-width: 0;
  margin: 0;
}

.home-visit__media img {
  width: 100%;
  max-width: 100%;
  height: 34rem;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--radius-xl);
}

.home-clarity__panel {
  gap: var(--space-6);
  padding: var(--space-8);
  border-radius: var(--radius-2xl);
  background: var(--color-verde-folha-escuro);
}

.home-clarity__list-wrap {
  grid-column: 1 / span 7;
  min-width: 0;
}

.home-clarity__list-wrap h2 {
  max-width: 17ch;
  color: var(--color-branco-neutro);
}

.home-clarity__eyebrow {
  color: var(--color-branco-neutro);
}

.home-clarity__list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
}

.home-clarity-item {
  display: grid;
  min-width: 0;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: 1px solid color-mix(in srgb, var(--color-branco-neutro) 30%, transparent);
}

.home-clarity-item > span {
  display: flex;
  width: 2.25rem;
  min-width: 2.25rem;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--color-dourado-envelhecido);
  font-weight: 800;
}

.home-clarity-item__food {
  color: var(--color-terracota) !important;
}

.home-clarity-item h3,
.home-clarity-item p {
  color: var(--color-branco-neutro);
}

.home-clarity-item h3 {
  margin-bottom: var(--space-2);
}

.home-clarity-item p {
  max-width: 40rem;
  margin-bottom: 0;
}

.home-clarity__action {
  grid-column: 10 / span 3;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  align-self: end;
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--color-creme-quente);
}

.home-clarity__action > * {
  margin: 0;
}

.home-clarity__action h3,
.home-clarity__action p {
  max-width: 23rem;
}

@media (max-width: 61.25rem) {
  .home-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .home-hero__content {
    grid-column: 1 / span 4;
  }

  .home-hero__media {
    grid-column: 5 / span 4;
  }

  .home-hero h1 {
    font-size: clamp(3.25rem, 7vw, 3.5rem);
  }

  .home-hero__media img {
    height: 37rem;
  }

  .home-flavour__panel {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .home-flavour__editorial {
    grid-column: 1 / span 4;
  }

  .home-flavour__media {
    grid-column: 5 / span 4;
  }

  .home-flavour__highlights {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .home-flavour__item {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .home-flavour__item + .home-flavour__item {
    padding-left: var(--space-5);
    border-left: var(--border-default);
  }

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

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

  .home-step:nth-child(2) {
    padding-right: 0;
    border-right: 0;
  }

  .home-step:nth-child(-n + 2) {
    padding-bottom: var(--space-5);
    border-bottom: 1px solid color-mix(in srgb, var(--color-branco-neutro) 38%, transparent);
  }

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

  .home-groups__situation:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 58.75rem) {
  .home-agenda__grid,
  .home-visit__panel,
  .home-clarity__panel {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    row-gap: var(--space-6);
  }

  .home-agenda__intro,
  .home-agenda__list,
  .home-visit__content,
  .home-visit__media,
  .home-clarity__list-wrap,
  .home-clarity__action {
    grid-column: 1 / -1;
  }

  .home-clarity__action {
    max-width: 36rem;
    align-self: start;
  }

  .home-groups__top {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .home-groups__intro,
  .home-groups__media {
    grid-column: 1 / -1;
  }
}

@media (max-width: 48.75rem) {
  .home-hero__grid {
    grid-template-columns: 1fr;
    row-gap: var(--space-6);
  }

  .home-hero__content,
  .home-hero__media {
    grid-column: 1;
  }

  .home-hero__content {
    padding-block: 0;
  }

  .home-hero h1 {
    max-width: 14ch;
    font-size: clamp(2.5rem, 11vw, 2.75rem);
  }

  .home-hero__lead {
    max-width: none;
  }

  .home-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-hero__actions .button {
    width: 100%;
  }

  .home-hero__media img {
    height: 19rem;
    object-position: 67% center;
  }

  .home-flavour__panel,
  .home-poker__panel,
  .home-steps__panel,
  .home-visit__panel,
  .home-clarity__panel {
    padding: var(--space-5);
  }

  .home-flavour__panel {
    grid-template-columns: 1fr;
    gap: var(--space-5);
  }

  .home-flavour__editorial,
  .home-flavour__media,
  .home-flavour__highlights {
    grid-column: 1;
  }

  .home-flavour__editorial h2,
  .home-flavour__editorial > p:not(.eyebrow) {
    max-width: none;
  }

  .home-flavour__media img {
    min-height: 0;
    height: 22rem;
  }

  .home-flavour__highlights {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  .home-flavour__item + .home-flavour__item {
    padding-top: var(--space-4);
    padding-left: 0;
    border-top: var(--border-default);
    border-left: 0;
  }

  .home-poker__panel {
    grid-template-columns: 1fr;
  }

  .home-poker__intro,
  .home-poker__cards,
  .home-poker__notice {
    grid-column: 1;
  }

  .home-poker__intro h2,
  .home-poker__intro p:not(.eyebrow) {
    max-width: none;
  }

  .home-poker__cards {
    grid-template-columns: 1fr;
  }

  .home-poker-card__actions a {
    min-height: 2.75rem;
  }

  .home-agenda__grid,
  .home-visit__panel,
  .home-clarity__panel {
    grid-template-columns: 1fr;
    row-gap: var(--space-5);
  }

  .home-agenda__intro,
  .home-agenda__list,
  .home-visit__content,
  .home-visit__media,
  .home-clarity__list-wrap,
  .home-clarity__action {
    grid-column: 1;
  }

  .home-agenda__intro h2,
  .home-agenda__intro p:not(.eyebrow) {
    max-width: none;
  }

  .home-agenda__list {
    padding: var(--space-4);
  }

  .home-agenda__button {
    width: 100%;
  }

  .home-steps__heading {
    max-width: none;
  }

  .home-steps__list {
    grid-template-columns: 1fr;
    gap: 0;
    margin-block: var(--space-6);
  }

  .home-step,
  .home-step:nth-child(2) {
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-4) 0;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--color-branco-neutro) 38%, transparent);
  }

  .home-step:first-child {
    padding-top: 0;
  }

  .home-step:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .home-step__number {
    font-size: 2.5rem;
  }

  .home-steps__action {
    flex-direction: column;
    align-items: stretch;
  }

  .home-steps__agenda-link {
    justify-content: center;
    text-align: center;
  }

  .home-groups__top,
  .home-groups__situations {
    grid-template-columns: 1fr;
  }

  .home-groups__intro,
  .home-groups__media,
  .home-groups__situation:last-child {
    grid-column: 1;
  }

  .home-groups__intro h2,
  .home-groups__intro p:not(.eyebrow) {
    max-width: none;
  }

  .home-groups__media img {
    height: 18rem;
  }

  .home-groups__situations {
    gap: var(--space-4);
    margin-top: var(--space-6);
  }

  .home-groups__situation .button {
    width: 100%;
  }

  .home-visit__content h2,
  .home-visit__content > p:not(.eyebrow) {
    max-width: none;
  }

  .home-visit__media img {
    height: 22rem;
  }

  .home-visit__contacts p {
    flex-direction: column;
    gap: var(--space-1);
  }

  .home-visit__contacts a,
  .home-visit__address a {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
  }

  .home-visit__content > .button {
    width: 100%;
  }

  .home-clarity__list-wrap h2 {
    max-width: none;
  }

  .home-clarity__action {
    max-width: none;
  }
}
