/* Hoja compartida por privacy.html y terms.html.
   Mismos tokens del manual de marca que usa index.html (pags. 23-24). */
:root{
  --lime:#A4EA78;
  --ink:#253D35;
  --paper:#FFF8F8;
  --black:#292929;
  --body:#4A5A53;
  --rule:#E0E7E2;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.68 Jost,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.025em;line-height:1.1}
.tag{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}

/* barra superior — identica a la de la home */
.top{position:sticky;top:0;z-index:20;background:var(--ink)}
.top .wrap{display:flex;align-items:center;gap:28px;height:72px}
.top img{height:26px;width:auto}
.top nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.top nav a{color:#C3D4CB;text-decoration:none;font-size:15px}
.top nav a:hover{color:var(--lime)}
.top .call{color:var(--ink);background:var(--lime);padding:9px 18px;border-radius:2px;
  font-weight:500;font-size:15px;white-space:nowrap}

/* encabezado del documento */
.cab{background:var(--ink);color:var(--paper);padding:78px 0 70px}
.cab .tag{color:#7F9A8A;margin-bottom:20px;display:block}
.cab h1{font-size:clamp(34px,5vw,58px);font-weight:400;max-width:17ch}
.cab p{margin:26px 0 0;color:#B9CCC1;font-size:16px}

/* cuerpo legal: una columna angosta, rotulos al margen como en la home */
.doc{padding:76px 0 90px}
.doc .wrap{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start}
.doc .idx{position:sticky;top:104px}
.doc .idx p{margin:0 0 14px;color:var(--body)}
.doc .idx a{display:block;color:var(--body);text-decoration:none;font-size:14.5px;
  padding:7px 0;border-top:1px solid var(--rule)}
.doc .idx a:hover{color:var(--ink)}
.texto{max-width:68ch}
.texto section{padding-bottom:40px}
.texto section + section{border-top:1px solid var(--rule);padding-top:40px}
.texto h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:18px}
.texto h3{font-size:17.5px;margin:26px 0 8px}
.texto p{margin:0 0 16px;color:var(--body)}
.texto ul{margin:0 0 16px;padding-left:20px;color:var(--body)}
.texto li{margin-bottom:9px}
.texto a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.texto strong{color:var(--ink);font-weight:500}
/* parrafo destacado: el que leen los carriers de telefonia */
.clave{background:var(--lime);color:var(--ink);padding:26px 28px;border-radius:2px;margin:0 0 20px}
.clave p{color:var(--ink);margin:0}
.clave p + p{margin-top:12px}
.kw{display:inline-block;background:var(--ink);color:var(--lime);padding:1px 8px;
  border-radius:2px;font-weight:500;letter-spacing:.04em}

/* pie — identico al de la home */
.fin{background:var(--ink);color:#B9CCC1;padding:72px 0 60px}
.fin img{height:44px;width:auto;margin-bottom:34px}
.fin .datos{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.fin .tag{color:#7F9A8A;display:block;margin-bottom:10px}
.fin .v{color:var(--paper);font-size:17px;line-height:1.55;margin:0}
.fin a{color:var(--lime);text-decoration:none}
.fin a:hover{text-decoration:underline}
.pie{background:var(--black);color:#7F8A84;font-size:13px;padding:22px 0}
.pie .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.pie a{color:#7F8A84;text-decoration:none}
.pie a:hover{color:var(--lime)}
.pie .links{display:flex;gap:18px;flex-wrap:wrap}

@media (max-width:940px){
  .wrap{padding:0 22px}
  .top nav a:not(.call){display:none}
  .cab{padding:54px 0 48px}
  .doc{padding:48px 0 62px}
  .doc .wrap{grid-template-columns:1fr;gap:28px}
  .doc .idx{position:static}
  .fin{padding:54px 0 46px}
  .fin .datos{grid-template-columns:1fr 1fr;gap:26px}
}