/* Politicas legales de Miah AI Telier (privacy + terms).
   Mismas variables y fuentes que index.html: crema/tinta, Fraunces + Inter.
   Se cargan desde las dos paginas para no duplicar el estilo. */

:root{
  --crema:#faf5ea; --crema2:#f2e8d8; --tinta:#44362e; --tinta2:#6d5a4b;
  --borde:#d9c8ae; --cafe:#684739; --cafe-soft:#8a6a52; --oro:#c2a061;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--crema); color:var(--tinta);
  font:16px/1.65 var(--sans); -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:var(--serif); font-weight:600; margin:0; line-height:1.15; letter-spacing:-.01em}
a{color:var(--cafe); text-decoration:none}
a:hover{text-decoration:underline}

/* contenedor */
.wrap{width:min(1080px,92vw); margin:0 auto}
.legal-wrap{width:min(760px,92vw); margin:0 auto}

/* nav */
.nav{border-bottom:1px solid var(--borde); background:var(--crema); padding:18px 0; position:sticky; top:0; z-index:5}
.nav-in{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap}
.logo{display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:600; color:var(--tinta)}
.logo svg{width:24px; height:24px; color:var(--cafe)}
.logo span{font-family:var(--serif)}
.nav-der{display:flex; align-items:center; gap:22px; font-size:14.5px}
.idioma{display:flex; align-items:center; gap:4px; color:var(--tinta2)}
.idioma button{
  font:inherit; background:none; border:0; padding:3px 7px; border-radius:6px;
  color:var(--tinta2); cursor:pointer;
}
.idioma button[aria-pressed="true"]{background:var(--crema2); color:var(--cafe); font-weight:600}
.idioma span{opacity:.5}

/* contenido */
main{padding:56px 0 72px}
.cabecera{border-bottom:1px solid var(--borde); padding-bottom:26px; margin-bottom:34px}
.cabecera h1{font-size:clamp(30px,5vw,42px)}
.cabecera .fecha{font-size:14px; color:var(--tinta2); margin:14px 0 0}
.cabecera .intro{margin:18px 0 0; color:var(--tinta2); font-size:17px}

section{padding:26px 0 6px}
section h2{
  font-size:21px; margin-bottom:12px; display:flex; gap:12px; align-items:baseline;
}
section h2 .num{
  font-family:var(--mono); font-size:13px; color:var(--oro);
  min-width:22px; font-weight:400;
}
section p{margin:0 0 14px}
section ul{margin:0 0 14px; padding-left:22px}
section li{margin-bottom:8px}
.dato{
  background:var(--crema2); border:1px solid var(--borde); border-radius:10px;
  padding:16px 20px; margin:16px 0 20px; font-size:15px;
}
.dato strong{color:var(--cafe)}
code{font-family:var(--mono); font-size:13.5px; background:var(--crema2); padding:2px 6px; border-radius:5px}
.aviso{font-size:14px; color:var(--tinta2); border-left:3px solid var(--borde); padding-left:16px; margin:20px 0}

/* pie */
.pie{border-top:1px solid var(--borde); padding:36px 0 44px; background:var(--crema2)}
.pie-in{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:var(--tinta2)}
.pie-nav{display:flex; gap:24px}
.copy{width:100%; font-size:12.5px; color:var(--borde); padding-top:16px; border-top:1px solid var(--borde); margin:0}