/* Sistema visual compartido por las páginas legales (terminos.html,
   privacidad.html, reclamaciones.html) — misma paleta y tipografía que
   la landing (index.html), maquetado como HTML estático sin el runtime
   reactivo del bundle. */

:root{
  --green: #3CFB9F;
  --green-dark: #183A2A;
  --mint: #EAFBF3;
  --bg: #FCFCFA;
  --ink: #16231D;
  --ink-soft: #66736C;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:16px;
  line-height:1.6;
}
a{color:inherit}
img,svg{max-width:100%}

/* Header */
.legal-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(252,252,250,0.86);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(24,58,42,0.08);
}
.legal-header-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 28px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.legal-logo{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  font:800 20px/1 Inter,sans-serif;
  color:var(--green-dark);
}
.legal-logo .accent{color:var(--green)}
.legal-back{
  text-decoration:none;
  font:600 14px Inter,sans-serif;
  color:var(--ink-soft);
  display:flex;
  align-items:center;
  gap:8px;
  transition:color .2s ease;
}
.legal-back:hover{color:var(--green-dark)}

/* Content column */
.legal-main{
  max-width:720px;
  margin:0 auto;
  padding:clamp(40px,6vw,72px) 24px clamp(56px,8vw,96px);
}
.legal-eyebrow{
  display:inline-block;
  font:600 13px Inter,sans-serif;
  letter-spacing:.14em;
  color:var(--green-dark);
  background:var(--mint);
  padding:6px 14px;
  border-radius:100px;
  margin-bottom:18px;
}
.legal-title{
  font:800 clamp(28px,4vw,40px)/1.15 Inter,sans-serif;
  letter-spacing:-.02em;
  color:var(--green-dark);
  margin:0 0 8px;
}
.legal-title-bar{
  border-left:5px solid var(--green);
  padding-left:20px;
}
.legal-updated{
  font:400 14px Inter,sans-serif;
  color:var(--ink-soft);
  margin:0 0 40px;
}
.legal-intro{
  font:400 16px/1.7 Inter,sans-serif;
  color:var(--ink);
  margin:0 0 40px;
}
.legal-intro a{color:var(--green-dark);font-weight:600;text-decoration:underline}

.legal-main h2{
  font:700 22px/1.3 Inter,sans-serif;
  color:var(--green-dark);
  margin:44px 0 14px;
  letter-spacing:-.01em;
}
.legal-main h2:first-of-type{margin-top:0}
.legal-main h3{
  font:600 17px/1.4 Inter,sans-serif;
  color:var(--ink);
  margin:28px 0 10px;
}
.legal-main p{
  font:400 16px/1.75 Inter,sans-serif;
  color:var(--ink);
  margin:0 0 18px;
}
.legal-main p strong{color:var(--green-dark)}
.legal-main ul{
  margin:0 0 18px;
  padding-left:22px;
}
.legal-main li{
  font:400 16px/1.7 Inter,sans-serif;
  color:var(--ink);
  margin-bottom:10px;
}
.legal-main a{color:var(--green-dark);font-weight:600;text-decoration:underline}

/* Footer (replica estática del footer de index.html) */
.legal-footer{background:#16231D;padding:clamp(48px,6vw,72px) 28px 32px}
.legal-footer-inner{max-width:1280px;margin:0 auto}
.legal-footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:40px;
  margin-bottom:44px;
}
.legal-footer h4{
  font:600 13px Inter,sans-serif;
  color:#FCFCFA;
  margin:0 0 16px;
  letter-spacing:.04em;
}
.legal-footer-links{display:flex;flex-direction:column;gap:11px}
.legal-footer a{
  font:400 14px Inter,sans-serif;
  color:rgba(234,251,243,0.6);
  text-decoration:none;
  transition:color .2s ease;
}
.legal-footer a:hover{color:var(--green)}
.legal-footer-brand{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:18px;
  text-decoration:none;
  font:800 20px Inter,sans-serif;
  color:#FCFCFA;
}
.legal-footer-brand .accent{color:var(--green)}
.legal-footer-tagline{
  font:400 14.5px/1.5 Inter,sans-serif;
  color:rgba(234,251,243,0.55);
  margin:0 0 20px;
  max-width:260px;
}
.legal-footer-bottom{
  border-top:1px solid rgba(234,251,243,0.1);
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.legal-footer-bottom span{font:400 12.5px Inter,sans-serif;color:rgba(234,251,243,0.42)}
.legal-footer-bottom-links{display:flex;gap:20px}
.legal-footer-bottom-links a{font:400 12.5px Inter,sans-serif;color:rgba(234,251,243,0.42)}

@media(max-width:820px){
  .legal-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:560px){
  .legal-footer-grid{grid-template-columns:1fr}
  .legal-back span{display:none}
}