/* Zetein — estilos compartidos de páginas interiores (legal, registro, etc.)
   Misma estética que la landing (zetein_web_v4). */
:root{
  --ink:#0C2233; --ink-2:#102E45;
  --marine:#0E4D78; --marine-deep:#0A3A5C;
  --ice:#19B2C6; --ice-soft:#DBF1F4;
  --amber:#E76F38;
  --paper:#F2F6F8; --surface:#FFFFFF;
  --line:#D7E2E8; --muted:#56697A; --text:#173140;
  --display:'Space Grotesk',sans-serif;
  --body:'IBM Plex Sans',sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --shadow:0 1px 2px rgba(12,34,51,.04),0 12px 32px -12px rgba(12,34,51,.16);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body); color:var(--text); background:var(--paper); line-height:1.6; -webkit-font-smoothing:antialiased}
.wrap{width:min(1120px,92vw); margin-inline:auto}
a{color:inherit; text-decoration:none}
h1,h2,h3{font-family:var(--display); line-height:1.1; letter-spacing:-.02em; color:var(--ink)}

.btn{display:inline-flex; align-items:center; gap:.5rem; font-family:var(--body); font-weight:600; font-size:1rem; padding:.7rem 1.25rem; border-radius:11px; cursor:pointer; border:1px solid transparent; transition:transform .15s ease, background .2s ease}
.btn-primary{background:var(--marine); color:#fff; box-shadow:0 8px 22px -10px rgba(14,77,120,.7)}
.btn-primary:hover{background:var(--marine-deep); transform:translateY(-1px)}
:focus-visible{outline:2.5px solid var(--ice); outline-offset:2px; border-radius:4px}

/* NAV */
nav{position:sticky; top:0; z-index:50; background:rgba(242,246,248,.85); backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.nav-in{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand img{height:42px; width:auto; display:block}
.nav-links{display:flex; align-items:center; gap:1.7rem; font-size:.94rem; font-weight:500; color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
.nav-cta{padding:.55rem 1.1rem; font-size:.92rem}

/* CONTENIDO (texto legal / páginas) */
.page-wrap{max-width:820px; margin:0 auto; padding:clamp(2.5rem,5vw,4rem) 5% clamp(3rem,6vw,5rem)}
.page-wrap h1{font-size:clamp(1.9rem,4vw,2.7rem); font-weight:700; margin-bottom:.5rem}
.page-wrap h2{font-size:1.3rem; font-weight:600; margin:2rem 0 .6rem; color:var(--ink)}
.page-wrap h3{font-size:1.05rem; font-weight:600; margin:1.4rem 0 .5rem}
.page-wrap p{font-size:1rem; color:var(--text); margin-bottom:.9rem; line-height:1.75}
.page-wrap ul{padding-left:1.3rem; margin-bottom:.9rem}
.page-wrap li{font-size:1rem; color:var(--text); margin-bottom:.4rem; line-height:1.7}
.page-wrap a{color:var(--marine); text-decoration:underline}
.fecha{font-family:var(--mono); font-size:.82rem; color:var(--muted); margin-bottom:2.4rem}
.separador{height:1px; background:var(--line); margin:2.4rem 0}

/* FOOTER (color Zetein, navy de marca) */
footer{background:var(--ink); padding:2.6rem 0; margin-top:2rem}
.foot{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap}
.foot-l img{height:38px; width:auto; display:block}
.foot-links{display:flex; gap:1.4rem; flex-wrap:wrap; font-size:.9rem; color:#A9C0CE}
.foot-links a:hover{color:#fff}
.foot-meta{font-family:var(--mono); font-size:.76rem; color:#7FA8BD}

@media(max-width:760px){
  .nav-links a:not(.nav-cta){display:none}
  .foot{flex-direction:column; align-items:flex-start; gap:1rem}
}