/* V03: páginas de información, lectura cómoda y enlaces del registro. */
#registro { scroll-margin-top: 95px; }
.form-card input#code::placeholder {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: normal;
  font-size: 0.95rem;
}
.checkbox input {
  flex: none;
  width: 22px;
  height: 22px;
  margin-top: 2px;
}
.checkbox a { text-underline-offset: 3px; }
.notice-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 24px 0;
}
.notice-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid #f9ce4d;
  padding: 14px 20px;
  border-radius: 12px;
  color: #ffdb56;
  font-weight: 800;
  text-decoration: none;
}
.notice a:not(.btn):hover { text-decoration: underline; }
.notice p.legal-footnote { color: #f8d69b; }
.legal-page { background: #180d12; }
.legal-main { max-width: 930px; padding-block: 55px 72px; }
.legal-card {
  background: #fff7e8;
  color: #29191b;
  padding: clamp(24px, 5vw, 58px);
  border-radius: 24px;
  box-shadow: 0 20px 50px #0004;
}
.legal-card .eyebrow { color: #bc2731; }
.legal-card h1 {
  font-size: clamp(2.15rem, 5.5vw, 3.4rem);
  line-height: 1.1;
  letter-spacing: -.035em;
  margin: 18px 0 20px;
}
.legal-card h2 {
  font-size: clamp(1.2rem, 3.5vw, 1.55rem);
  line-height: 1.25;
  letter-spacing: -.015em;
  margin: 37px 0 12px;
}
.legal-card p, .legal-card li { font-size: 1rem; line-height: 1.8; }
.legal-card p { margin-bottom: 16px; }
.legal-card ol { margin: 9px 0 24px; padding-left: 23px; }
.legal-card li { padding-left: 4px; margin-bottom: 9px; }
.legal-card a { color: #a51d2a; text-decoration: underline; text-underline-offset: 3px; }
.legal-intro { color: #63484b; font-size: 1.12rem !important; }
.legal-warning {
  background: #ffede3;
  border: 2px dashed #c78276;
  color: #6c2630;
  padding: 19px;
  border-radius: 14px;
  margin-top: 32px;
  font-weight: 650;
}
.legal-actions { display: flex; gap: 16px; flex-wrap: wrap; padding-top: 26px; }
.legal-actions .btn { flex: 1 1 230px; }
@media (max-width: 600px) {
  #registro { scroll-margin-top: 74px; }
  .notice-links { flex-direction: column; }
  .notice-links a { width: 100%; }
  .legal-main { padding-block: 24px 46px; }
  .legal-card { border-radius: 16px; }
  .legal-card h2 { margin-top: 30px; }
  .legal-actions { flex-direction: column; }
}