/* Apariencia compartida de páginas legales, alineada con Garantías. */
body.page-legal {
  background:
    radial-gradient(ellipse at 50% 0, rgba(255, 193, 7, .13), transparent 38rem),
    #000;
  color: #fff;
}

.page-legal main {
  max-width: 1060px;
}

.page-legal .mk-intro {
  padding: 0;
}

.page-legal .mk-intro > .mk-intro-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 2.6rem);
  background:
    radial-gradient(circle at 85% 15%, rgba(255, 193, 7, .19), transparent 15rem),
    linear-gradient(145deg, #0d0d0d, #030303);
  border: 1px solid rgba(255, 193, 7, .32);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
}

.page-legal .mk-intro .mk-section-title {
  color: #ffc107 !important;
  font-weight: 850;
  letter-spacing: -.025em;
}

.page-legal main > .mk-intro-card {
  padding: clamp(1.25rem, 4vw, 2.4rem);
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 193, 7, .2);
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .32);
}

.page-legal .mk-intro-card-title {
  padding-top: 1.2rem;
  color: #ffc107;
  font-size: clamp(1.08rem, 2vw, 1.28rem);
  font-weight: 800;
  border-top: 1px solid rgba(255, 193, 7, .18);
}

.page-legal main > .mk-intro-card > .mk-intro-card-title:first-of-type {
  margin-top: 1.5rem !important;
}

.page-legal .mk-intro-text,
.page-legal .mk-intro-list {
  color: rgba(255, 255, 255, .8);
  line-height: 1.75;
}

.page-legal .mk-intro-list {
  padding-left: 0;
}

.page-legal .mk-intro-list li {
  margin-bottom: .65rem;
  padding: .7rem .85rem .7rem 2.15rem;
  border: 1px solid rgba(255, 193, 7, .11);
  border-radius: 10px;
  background: rgba(255, 255, 255, .025);
}

.page-legal .mk-intro-list li::before {
  left: .85rem;
  top: .8rem;
  color: #ffc107;
}

.page-legal main a {
  color: #ffd54f;
  text-underline-offset: 3px;
}

.page-legal main a:hover,
.page-legal main a:focus {
  color: #fff0a6;
}

.page-legal .btn-warning {
  border-radius: 10px;
  font-weight: 750;
  box-shadow: 0 8px 24px rgba(255, 193, 7, .16);
}

@media (max-width: 575.98px) {
  .page-legal main {
    padding-top: 2rem !important;
    padding-bottom: 2.5rem !important;
  }
  .page-legal .mk-intro > .mk-intro-card,
  .page-legal main > .mk-intro-card {
    border-radius: 14px;
  }
}