.guia-poker-page {
  overflow: clip;
}

.guia-poker-page .section {
  scroll-margin-top: var(--space-8);
}

.guia-breadcrumb {
  margin-bottom: var(--space-6);
  font-size: var(--text-sm);
}

.guia-breadcrumb ol {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.guia-breadcrumb li {
  min-width: 0;
}

.guia-breadcrumb li + li::before {
  margin-right: var(--space-2);
  color: var(--color-dourado-envelhecido);
  content: "/";
}

.guia-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  align-items: stretch;
}

.guia-hero__content {
  grid-column: 1 / 2;
  min-width: 0;
}

.guia-hero__meta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  color: var(--color-dourado-envelhecido);
  font-size: var(--text-sm);
  font-weight: 800;
}

.guia-hero__lead {
  max-width: 64ch;
  font-size: var(--text-lg);
  line-height: var(--leading-lg);
}

.guia-hero__support {
  max-width: 62ch;
}

.guia-hero__actions,
.guia-closing__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.guia-hero__actions > *,
.guia-closing__actions > * {
  min-width: 0;
}

.guia-scope-note {
  display: flex;
  min-width: 0;
  gap: var(--space-3);
  max-width: 52ch;
  padding: var(--space-4);
  border: 1px solid var(--color-dourado-envelhecido);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-areia-100) 84%, var(--color-dourado-envelhecido));
}

.guia-scope-note__icon {
  display: inline-flex;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-dourado-envelhecido);
  border-radius: 50%;
  color: var(--color-madeira);
  font-size: var(--text-sm);
  font-weight: 800;
}

.guia-scope-note p {
  margin: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}

.guia-hero__media {
  grid-column: 3 / 4;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
}

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

.guia-section-head {
  min-width: 0;
}

.guia-section-head > :last-child,
.guia-round__head > :last-child {
  margin-bottom: 0;
}

.guia-table__head {
  width: 41.667%;
}

.guia-table__head p:not(.eyebrow) {
  max-width: 62ch;
}

.guia-table__layout {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-7);
  margin-top: var(--space-6);
}

.guia-table__main,
.guia-table__aside,
.guia-table__detail,
.guia-table__rhythm {
  min-width: 0;
}

.guia-table__main p {
  max-width: 70ch;
}

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

.guia-table__detail {
  padding-left: var(--space-5);
  border-left: 2px solid var(--color-dourado-envelhecido);
}

.guia-table__detail p {
  max-width: 50ch;
}

.guia-table__rhythm {
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-areia-100);
}

.guia-table__rhythm p {
  max-width: 48ch;
  margin: 0;
}

.guia-table-diagram {
  position: relative;
  width: min(100%, 38rem);
  min-height: 19rem;
  margin-top: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-xl);
  background: var(--color-areia-100);
}

.guia-table-diagram::before {
  position: absolute;
  inset: 23% 13%;
  border: 2px solid var(--color-verde-folha);
  border-radius: 50%;
  content: "";
}

.guia-table-diagram__seat,
.guia-table-diagram__center {
  position: absolute;
  z-index: 1;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-creme-quente);
  color: var(--color-areia-900);
  font-size: var(--text-xs);
  font-weight: 800;
  line-height: var(--leading-xs);
  text-align: center;
}

.guia-table-diagram__seat--top { top: 4%; left: 50%; transform: translateX(-50%); }
.guia-table-diagram__seat--left { top: 47%; left: 2%; transform: translateY(-50%); }
.guia-table-diagram__seat--right { top: 47%; right: 2%; transform: translateY(-50%); }
.guia-table-diagram__seat--bottom { bottom: 4%; left: 50%; transform: translateX(-50%); }
.guia-table-diagram__center { top: 47%; left: 50%; transform: translate(-50%, -50%); color: var(--color-verde-folha); }

.guia-holdem__panel {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr);
  row-gap: var(--space-6);
  padding: var(--space-8);
  border-radius: var(--radius-xl);
  background: var(--color-azul-petroleo);
}

.guia-holdem__intro,
.guia-holdem__summary,
.guia-holdem__steps,
.guia-holdem__steps li {
  min-width: 0;
}

.guia-holdem__intro { grid-column: 1 / 2; }
.guia-holdem__summary { grid-column: 3 / 4; align-self: end; max-width: 48ch; margin: 0; color: var(--color-branco-neutro); }
.guia-holdem__panel h2,
.guia-holdem__panel h3 { color: var(--color-branco-neutro); }
.guia-holdem__panel .eyebrow { color: #e6cb94; }

.guia-holdem__steps {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.guia-holdem__steps li {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  color: var(--color-branco-neutro);
}

.guia-holdem__steps h3,
.guia-holdem__steps p { margin: 0; }
.guia-holdem__steps p { font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-step-number {
  color: #e6cb94;
  font-family: var(--font-heading);
  font-size: 2.25rem;
  line-height: 1;
}

.guia-glossary {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin: 0;
  font-size: var(--text-xs);
}

.guia-glossary div { min-width: 0; }
.guia-glossary dd { margin: 0; }

.guia-mini-timeline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-xs);
  font-weight: 800;
}

.guia-mini-timeline li::after { margin-left: var(--space-2); color: #e6cb94; content: "→"; }
.guia-mini-timeline li:last-child::after { content: ""; }

.guia-community__head { width: 50%; }

.guia-community__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  margin-top: var(--space-6);
}

.guia-blinds-card,
.guia-community__right,
.guia-community-card,
.guia-ask-note { min-width: 0; }

.guia-blinds-card {
  grid-column: 1 / 2;
  padding: var(--space-6);
  border: var(--border-default);
  border-radius: var(--radius-xl);
  background: var(--color-areia-100);
}

.guia-blinds-card p { max-width: 58ch; }

.guia-position-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-5);
  color: var(--color-verde-folha);
  font-size: var(--text-sm);
  font-weight: 800;
}

.guia-position-list span {
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-borda-suave);
}

.guia-community__right {
  grid-column: 3 / 4;
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.guia-community-card {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: var(--color-verde-folha-escuro);
  color: var(--color-branco-neutro);
}

.guia-community-card h3 { color: var(--color-branco-neutro); }
.guia-community-card p { max-width: 60ch; }

.guia-community-stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
  padding: 0;
  list-style: none;
}

.guia-community-stages li {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
  padding-top: var(--space-3);
  border-top: 2px solid var(--color-dourado-envelhecido);
}

.guia-community-stages span { font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-ask-note {
  max-width: 45ch;
  padding: var(--space-4) var(--space-5);
  border-left: 3px solid var(--color-coral-suave);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-coral-suave) 15%, var(--color-areia-100));
}

.guia-ask-note p { margin: var(--space-2) 0 0; font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-ranking__head { width: 50%; }
.guia-ranking__head p:not(.eyebrow) { max-width: 62ch; }

.guia-ranking__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--space-7);
  row-gap: 0;
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.guia-ranking__list li {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4) 0;
  border-bottom: var(--border-default);
}

.guia-ranking__list > li:nth-child(5) { border-bottom: 0; }
.guia-ranking__list > li:nth-child(n + 6) { grid-column: 2; }
.guia-ranking__list > li:nth-child(6) { grid-row: 1; }
.guia-ranking__list > li:nth-child(7) { grid-row: 2; }
.guia-ranking__list > li:nth-child(8) { grid-row: 3; }
.guia-ranking__list > li:nth-child(9) { grid-row: 4; }
.guia-ranking__list > li:nth-child(10) { grid-row: 5; border-bottom: 0; }

.guia-ranking__list > li:nth-child(n + 6)::before {
  position: absolute;
}

.guia-ranking__list li > span {
  color: var(--color-terracota);
  font-size: var(--text-sm);
  font-weight: 800;
}

.guia-ranking__list h3,
.guia-ranking__list p { margin: 0; }
.guia-ranking__list h3 { font-size: var(--text-lg); }
.guia-ranking__list p { max-width: 44ch; font-size: var(--text-sm); }

.guia-ranking__note {
  max-width: 62ch;
  margin-top: var(--space-6);
  padding: var(--space-4) var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-areia-100);
}

.guia-ranking__note p { margin: 0; }

.guia-round__head {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: end;
}

.guia-round__head > div { grid-column: 1 / 2; min-width: 0; }
.guia-round__head > p { grid-column: 2 / 3; min-width: 0; max-width: 58ch; }

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

.guia-round__track li {
  min-width: 0;
  padding-top: var(--space-4);
  border-top: 2px solid var(--color-dourado-envelhecido);
}

.guia-round__track span {
  display: block;
  margin-bottom: var(--space-3);
  color: var(--color-azul-petroleo);
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: 1;
}

.guia-round__track h3 { font-size: var(--text-lg); }
.guia-round__track p { max-width: 46ch; margin-bottom: 0; font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-etiquette__head { width: 50%; }

.guia-etiquette__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-6);
}

.guia-etiquette-card,
.guia-beginner-card {
  min-width: 0;
  padding: var(--space-6);
  border-radius: var(--radius-xl);
}

.guia-etiquette-card {
  border: var(--border-default);
  background: var(--color-areia-100);
}

.guia-beginner-card {
  background: var(--color-verde-folha-escuro);
  color: var(--color-branco-neutro);
}

.guia-beginner-card h3 { color: var(--color-branco-neutro); }
.guia-etiquette-card p,
.guia-beginner-card p,
.guia-etiquette-card ol,
.guia-beginner-card ol { max-width: 52ch; }

.guia-etiquette-card ol,
.guia-beginner-card ol { margin-bottom: 0; }
.guia-etiquette-card li,
.guia-beginner-card li { margin-bottom: var(--space-3); }
.guia-beginner-card li::marker { color: #e6cb94; }
.guia-beginner-card__closing { margin-top: var(--space-5); font-weight: 800; }

.guia-etiquette__quote {
  max-width: 48ch;
  margin-top: var(--space-7);
  margin-bottom: 0;
}

.guia-responsible__panel {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-6);
  padding: var(--space-8);
  border-radius: var(--radius-xl);
  background: var(--color-verde-folha-escuro);
  color: var(--color-branco-neutro);
}

.guia-responsible__intro,
.guia-responsible__list,
.guia-responsible__scope { min-width: 0; }
.guia-responsible__intro { grid-column: 1 / span 7; }
.guia-responsible__intro h2,
.guia-responsible__scope h3 { color: var(--color-branco-neutro); }
.guia-responsible__intro .eyebrow { color: #e6cb94; }
.guia-responsible__intro p { max-width: 58ch; }

.guia-responsible__list {
  grid-column: 1 / span 8;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}

.guia-responsible__list li {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-1);
  padding-left: var(--space-4);
  border-left: 2px solid var(--color-dourado-envelhecido);
}

.guia-responsible__list strong { color: #f0d99f; }
.guia-responsible__list span { font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-responsible__scope {
  grid-column: 1 / span 9;
  padding: var(--space-5);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-areia-100);
  color: var(--color-areia-900);
}

.guia-responsible__scope h3 { color: var(--color-areia-900); }
.guia-responsible__scope p { max-width: 62ch; margin-bottom: 0; }

.guia-social__head { width: 50%; }

.guia-social__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 4fr) minmax(0, 2fr);
  gap: var(--space-5);
  align-items: start;
  margin-top: var(--space-6);
}

.guia-social__media,
.guia-social__copy,
.guia-social__plan { min-width: 0; }
.guia-social__media { margin: 0; }
.guia-social__media img { width: 100%; max-width: 100%; height: 26rem; object-fit: cover; object-position: center; border-radius: var(--radius-xl); }
.guia-social__copy p { max-width: 64ch; }

.guia-social__plan {
  padding: var(--space-4);
  border: var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--color-areia-100);
}

.guia-social__plan h3 { font-size: var(--text-lg); }
.guia-social__plan p { max-width: 54ch; margin-bottom: 0; font-size: var(--text-sm); line-height: var(--leading-sm); }

.guia-closing__panel {
  display: flex;
  width: 66.667%;
  min-width: 0;
  flex-direction: column;
  gap: var(--space-4);
  margin-inline: auto;
  padding: var(--space-7);
  border-top: 3px solid var(--color-terracota);
  border-radius: var(--radius-xl);
  background: var(--color-areia-100);
  box-shadow: var(--shadow-surface);
}

.guia-closing__panel h2,
.guia-closing__panel p { margin: 0; }
.guia-closing__panel > p:not(.eyebrow):not(.guia-closing__reminder) { max-width: 62ch; }
.guia-closing__actions { margin: var(--space-2) 0 0; }
.guia-closing__reminder { padding-top: var(--space-4); border-top: 1px solid var(--color-dourado-envelhecido); font-size: var(--text-sm); line-height: var(--leading-sm); }

@media (max-width: 68.75rem) {
  .guia-holdem__panel { padding: var(--space-7); }
  .guia-holdem__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guia-round__track { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .guia-round__track li:nth-child(4) { grid-column: 1 / 2; }
  .guia-social__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guia-social__media { grid-column: 1 / 2; }
  .guia-social__copy { grid-column: 2 / 3; }
  .guia-social__plan { grid-column: 2 / 3; }
}

@media (max-width: 61.25rem) {
  .guia-hero__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-5); }
  .guia-hero__content { grid-column: 1 / 2; }
  .guia-hero__media { grid-column: 2 / 3; }
  .guia-hero__media img { height: 27rem; }
  .guia-table__head,
  .guia-community__head,
  .guia-ranking__head,
  .guia-etiquette__head,
  .guia-social__head { width: 62.5%; }
  .guia-table__layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
  .guia-community__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
  .guia-blinds-card,
  .guia-community__right { grid-column: auto; }
  .guia-responsible__panel { padding: var(--space-7); }
  .guia-closing__panel { width: 83.333%; }
}

@media (max-width: 53.75rem) {
  .guia-hero__grid,
  .guia-table__layout,
  .guia-community__grid,
  .guia-social__grid { grid-template-columns: minmax(0, 1fr); }
  .guia-hero__content,
  .guia-hero__media,
  .guia-blinds-card,
  .guia-community__right,
  .guia-social__media,
  .guia-social__copy,
  .guia-social__plan { grid-column: 1; }
  .guia-hero__media { margin-top: var(--space-6); }
  .guia-hero__media img { height: auto; aspect-ratio: 4 / 3; }
  .guia-table__head,
  .guia-community__head,
  .guia-ranking__head,
  .guia-etiquette__head,
  .guia-social__head { width: 100%; }
  .guia-community__right { margin-top: var(--space-5); }
  .guia-round__head { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .guia-round__head > div,
  .guia-round__head > p { grid-column: 1; }
  .guia-etiquette__grid { grid-template-columns: minmax(0, 1fr); }
  .guia-responsible__panel { padding: var(--space-6); }
  .guia-responsible__intro,
  .guia-responsible__list,
  .guia-responsible__scope { grid-column: 1 / -1; }
  .guia-responsible__list { grid-template-columns: minmax(0, 1fr); }
  .guia-closing__panel { width: 100%; }
}

@media (max-width: 47.5rem) {
  .guia-ranking__list { grid-template-columns: minmax(0, 1fr); }
  .guia-ranking__list > li,
  .guia-ranking__list > li:nth-child(n + 6) { grid-column: 1; grid-row: auto; border-bottom: var(--border-default); }
  .guia-ranking__list > li:last-child { border-bottom: 0; }
  .guia-round__track { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guia-round__track li:nth-child(4),
  .guia-round__track li:nth-child(5) { grid-column: auto; }
}

@media (max-width: 43.75rem) {
  .guia-breadcrumb { margin-bottom: var(--space-5); }
  .guia-hero__lead { font-size: var(--text-base); line-height: var(--leading-base); }
  .guia-hero__actions,
  .guia-closing__actions { flex-direction: column; }
  .guia-hero__actions .button,
  .guia-closing__actions .button { width: 100%; }
  .guia-scope-note { max-width: none; }
  .guia-table-diagram { min-height: 20rem; }
  .guia-table-diagram__seat--left { left: 0; }
  .guia-table-diagram__seat--right { right: 0; }
  .guia-holdem__panel { grid-template-columns: minmax(0, 1fr); padding: var(--space-5); }
  .guia-holdem__intro,
  .guia-holdem__summary,
  .guia-holdem__steps { grid-column: 1; }
  .guia-holdem__steps { grid-template-columns: minmax(0, 1fr); }
  .guia-community-stages { grid-template-columns: minmax(0, 1fr); }
  .guia-round__track { position: relative; grid-template-columns: minmax(0, 1fr); gap: var(--space-5); padding-left: var(--space-5); }
  .guia-round__track::before { position: absolute; top: 0; bottom: 0; left: 0.45rem; width: 1px; background: var(--color-dourado-envelhecido); content: ""; }
  .guia-round__track li,
  .guia-round__track li:nth-child(4),
  .guia-round__track li:nth-child(5) { position: relative; grid-column: 1; border-top: 0; }
  .guia-round__track span { position: relative; z-index: 1; margin-left: calc(var(--space-5) * -1); background: var(--color-creme-quente); }
  .guia-etiquette-card,
  .guia-beginner-card,
  .guia-blinds-card,
  .guia-community-card { padding: var(--space-5); }
  .guia-responsible__panel { display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-5); }
  .guia-responsible__intro,
  .guia-responsible__list,
  .guia-responsible__scope { width: 100%; }
  .guia-social__media img { height: auto; aspect-ratio: 4 / 3; }
  .guia-closing__panel { padding: var(--space-5); }
}
