html {
  scroll-padding-top: var(--header-height-mobile);
}

.hero-poker {
  position: relative;
}

.hero-poker-media::before {
  background-image: url("/src/media/poker-hero.webp");
}

.section-poker-art {
  position: relative;
}

.section-poker-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255, 122, 196, 0.12) 0, transparent 45%);
  pointer-events: none;
  opacity: 0.7;
}

.section-poker-art > .container {
  position: relative;
  z-index: 1;
}

.poker-layout {
  align-items: stretch;
}

.poker-layout-text {
  align-self: stretch;
}

.poker-layout-media {
  align-self: stretch;
}

.section-poker-gastro {
  position: relative;
}

.section-poker-gastro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at bottom right, rgba(47, 123, 255, 0.14) 0, transparent 46%);
  pointer-events: none;
  opacity: 0.8;
}

.section-poker-gastro > .container {
  position: relative;
  z-index: 1;
}

.poker-gastro-grid {
  align-items: stretch;
}

.poker-gastro-media,
.poker-gastro-text {
  min-width: 0;
}

.poker-gastro-note {
  font-size: var(--font-size-sm);
}

.section-poker-responsable {
  background: radial-gradient(circle at top, rgba(10, 18, 45, 0.96) 0, rgba(5, 8, 20, 0.98) 60%, rgba(5, 8, 20, 1) 100%);
}

.poker-responsable-panel {
  padding: var(--space-xl);
  border-radius: var(--radius-panel);
  background: radial-gradient(circle at top left, rgba(0, 209, 255, 0.16) 0, rgba(10, 18, 45, 0.98) 40%, rgba(5, 8, 20, 0.98) 100%);
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--color-border-strong);
}

.section-poker-cta {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-4xl);
}

.section-poker-cta .card-horizontal {
  align-items: stretch;
}

.section-poker-cta .card-horizontal-content {
  justify-content: center;
}

.section-poker-cta .card-horizontal-media {
  min-height: 220px;
}

.section-poker-cta .media-frame::before {
  padding-bottom: 70%;
}

@media (max-width: 1023.98px) {
  .section-poker-cta {
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-3xl);
  }
}

@media (max-width: 767.98px) {
  .poker-responsable-panel {
    padding: var(--space-lg);
  }
  .section-poker-cta .card-horizontal-media {
    order: -1;
  }
}

@media (max-width: 479.98px) {
  .section-poker-cta .btn-group .btn {
    width: 100%;
  }
}