.gor-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--gor-border);
  border-radius: var(--gor-radius-lg);
  background: color-mix(in srgb, var(--gor-surface) 96%, transparent);
  box-shadow: var(--gor-shadow-sm);
}

.gor-card-pad { padding: clamp(1rem, 2vw, 1.5rem); }

.gor-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  width: fit-content;
  padding: .45rem .75rem;
  border: 1px solid var(--gor-border-strong);
  border-radius: var(--gor-radius-pill);
  background: var(--gor-primary-soft);
  color: var(--gor-primary);
  font-size: .78rem;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.gor-hero-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  gap: var(--gor-space-4);
  padding: clamp(1.25rem, 3vw, 2.6rem);
  background:
    linear-gradient(135deg, rgba(2,51,115,.98), rgba(7,23,46,.96)),
    var(--gor-surface-dark);
  color: var(--gor-text-inverse);
  box-shadow: var(--gor-shadow-lg);
}

.gor-hero-v2::after {
  content: "";
  position: absolute;
  width: 22rem;
  height: 22rem;
  right: -8rem;
  top: -10rem;
  border-radius: 50%;
  background: rgba(242,203,5,.16);
  filter: blur(2px);
}

.gor-hero-copy,
.gor-hero-panel { position: relative; z-index: 1; }

.gor-hero-copy h1 {
  margin: .9rem 0 1rem;
  max-width: 13ch;
  color: #fff;
  font-size: clamp(2.35rem, 5vw, 4.8rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.gor-hero-copy p {
  max-width: 62ch;
  margin: 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.55;
}

.gor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.35rem;
}

.gor-btn-accent {
  border-color: var(--gor-accent);
  background: var(--gor-accent);
  color: #172033;
}

.gor-btn-accent:hover { background: var(--gor-accent-strong); color: #172033; }

.gor-btn-ghost {
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.08);
  color: #fff;
}

.gor-btn-ghost:hover { background: rgba(255,255,255,.16); color: #fff; }

.gor-hero-panel {
  display: grid;
  align-content: end;
  min-height: 330px;
}

.gor-hero-player-frame {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: #020a15;
  box-shadow: 0 22px 50px rgba(0,0,0,.28);
}

.gor-hero-player-frame .gor-hero-player { margin: 0 !important; }

.gor-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .85rem;
}

.gor-quick-link {
  display: grid;
  gap: .5rem;
  min-height: 126px;
  padding: 1rem;
  border: 1px solid var(--gor-border);
  border-radius: var(--gor-radius-md);
  background: var(--gor-surface);
  color: var(--gor-text);
  text-decoration: none !important;
  box-shadow: var(--gor-shadow-sm);
  transition: transform var(--gor-transition), box-shadow var(--gor-transition), border-color var(--gor-transition);
}

.gor-quick-link:hover {
  transform: translateY(-3px);
  border-color: var(--gor-primary);
  box-shadow: var(--gor-shadow-md);
}

.gor-quick-link i { font-size: 1.35rem; color: var(--gor-primary); }
.gor-quick-link strong { font-size: 1.05rem; }
.gor-quick-link span { color: var(--gor-text-soft); font-weight: 600; line-height: 1.3; }

.gor-side-card h3,
.gor-side-card h5 { margin: 0; }

.gor-live-dot {
  display: inline-block;
  width: .6rem;
  height: .6rem;
  margin-right: .4rem;
  border-radius: 50%;
  background: #e43b4e;
  box-shadow: 0 0 0 .35rem rgba(228,59,78,.12);
}

.gor-footer-v2 {
  margin-top: 2rem;
  border-top: 1px solid var(--gor-border);
  background: var(--gor-surface);
}

.gor-footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 2rem;
  padding: 2.5rem 0;
}

.gor-footer-v2 a { color: var(--gor-text-soft); }
.gor-footer-v2 a:hover { color: var(--gor-primary); }

.gor-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 1.5rem;
}

.gor-footer-legal {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: var(--gor-text-soft);
  font-size: .82rem;
}

.modo-norte-seal {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-height: 58px;
  padding: .65rem .85rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 15px;
  background: #080d18;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(4,13,31,.18);
  transition: transform var(--gor-transition), box-shadow var(--gor-transition), border-color var(--gor-transition);
}

.modo-norte-seal:hover {
  transform: translateY(-2px);
  border-color: rgba(73,96,255,.58);
  box-shadow: 0 18px 40px rgba(4,13,31,.25);
}

.modo-norte-seal-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  background: linear-gradient(145deg, #244dff, #5c6cff);
  color: #fff;
  font-family: system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}

.modo-norte-seal-copy {
  display: grid;
  gap: .08rem;
  line-height: 1;
}

.modo-norte-seal-copy small {
  color: rgba(255,255,255,.68);
  font-family: system-ui, sans-serif;
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: 0;
}

.modo-norte-seal-copy strong {
  color: #fff;
  font-family: system-ui, sans-serif;
  font-size: .84rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.modo-norte-seal > i {
  margin-left: .25rem;
  color: #7183ff;
  font-size: 1rem;
}

@media (max-width: 1100px) {
  .gor-hero-v2 { grid-template-columns: 1fr; }
  .gor-hero-panel { min-height: 0; }
  .gor-quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 767px) {
  .gor-hero-v2 { padding: 1.2rem; border-radius: 20px; }
  .gor-hero-copy h1 { font-size: clamp(2.25rem, 13vw, 3.45rem); }
  .gor-actions .btn { width: 100%; }
  .gor-quick-grid { grid-template-columns: 1fr; }
  .gor-footer-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .gor-footer-bottom { align-items: stretch; flex-direction: column; }
  .modo-norte-seal { width: 100%; justify-content: flex-start; }
  .modo-norte-seal > i { margin-left: auto; }
}