/* =========================================================
   THE LABS. — LEGAL PAGES STYLESHEET
   /terminos, /privacidad, /contacto only.
   Loads after base.css. Overrides container width and h1 size
   for a comfortable reading measure (these pages prioritize
   legibility over the landing's editorial scale).
   ========================================================= */

.container{ max-width:760px; }

.page{ padding: var(--space-6) 0 var(--space-7); }
h1{ font-size:36px; margin-top: var(--space-2); margin-bottom:4px; }
.updated{ font-size:14px; color:var(--charcoal-70); margin-bottom:var(--space-5); }

a{ text-decoration:underline; text-decoration-color:var(--sage); text-underline-offset:2px; }
a:hover{ color:var(--sage); }
header.site a.back,
footer .footer-links a{ text-decoration:none; }

.legal p{ margin-bottom:var(--space-3); color:var(--charcoal); }
.legal h2{ font-size:21px; font-weight:700; margin-top:var(--space-6); margin-bottom:var(--space-2); padding-top:var(--space-3); border-top:1px solid var(--soft-grey); }
.legal h2:first-of-type{ margin-top:var(--space-5); }
.legal ul{ margin:0 0 var(--space-3) 20px; }
.legal li{ margin-bottom:8px; }

.field-list{ background:var(--soft-grey); border-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); margin:var(--space-3) 0; }
.field-list .field{ display:flex; flex-wrap:wrap; gap:6px; padding:6px 0; font-size:16px; }
.field .k{ color:var(--charcoal-70); min-width:230px; }
.field .v{ font-weight:700; }

.placeholder{
  background:var(--placeholder-bg); color:var(--charcoal); font-weight:700;
  padding:1px 7px; border-radius:5px; font-size:15px; line-height:1.5;
  display:inline;
}

/* Contacto page */
.contact-box{
  background:var(--soft-grey); border-radius:var(--radius-sm); padding:var(--space-4);
  margin-top:var(--space-4); margin-bottom:var(--space-4);
}
.contact-box .label{ font-size:13px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; color:var(--charcoal-70); display:block; margin-bottom:10px; }
.contact-box .placeholder{ font-size:18px; padding:2px 8px; }
.note{ font-size:15px; color:var(--charcoal-70); }
.sign-off{ margin-top:var(--space-6); }
.sign-off .brand{ font-weight:700; font-size:17px; color:var(--charcoal); }
.sign-off .tagline{ font-size:14px; color:var(--charcoal-70); }
.page p{ color:var(--charcoal-70); font-size:18px; margin-bottom:var(--space-3); }

@media (max-width:860px){
  h1{ font-size:26px; }
  .page{ padding:var(--space-5) 0 var(--space-6); }
  .legal h2{ font-size:19px; }
  .field .k{ min-width:100%; font-size:13px; }
}