/* Páginas legales, contacto y quiénes somos de Encamínate: mismos colores y tipos que la web */
:root{
  --paper:#FFFFFF; --ground:#F1F2EC; --ink:#151515; --ink2:#5A5E5C; --rule:#151515; --hair:#D9DBD3;
  --purple:#A21C8A; --purple-soft:#F7E4F2; --on-purple:#FFFFFF; --yellow-soft:#FDF2C6; --bad:#B23A24;
  --f-disp:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Public Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Martian Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root{--paper:#15171A; --ground:#0E1012; --ink:#ECEDE7; --ink2:#A3A7A6; --rule:#C9CCC4; --hair:#2B3034;
    --purple:#E27DD0; --purple-soft:#36172F; --on-purple:#1A0716; --yellow-soft:#2C2612; --bad:#EE8A72; color-scheme:dark}
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}
.wrap{max-width:760px;margin:0 auto;padding:20px 16px 48px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1.5px solid var(--rule);padding-bottom:12px}
.marca{display:flex;align-items:center;gap:8px;font-family:var(--f-disp);font-stretch:118%;font-weight:900;font-size:23px;color:var(--ink);text-decoration:none}
.marca svg{width:26px;height:26px}
.top a.volver{font-weight:700;color:var(--purple);font-size:14px}
main{background:var(--paper);border:1.5px solid var(--rule);padding:20px 20px 24px;margin-top:20px}
h1{font-family:var(--f-disp);font-stretch:72%;font-weight:900;text-transform:uppercase;font-size:clamp(30px,7vw,44px);line-height:.98;margin:0 0 8px}
.fecha{font-family:var(--f-mono);font-size:12px;color:var(--ink2);margin:0 0 18px}
h2{font-family:var(--f-disp);font-weight:800;font-size:20px;margin:28px 0 6px}
p,li{overflow-wrap:anywhere}
a{color:var(--purple)}
ul{padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
th,td{border:1px solid var(--hair);padding:8px;text-align:left;vertical-align:top}
th{background:var(--ground)}
mark{background:var(--yellow-soft);color:inherit;padding:0 3px}
.ficha{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.ficha b{display:inline-block;min-width:160px}
.nota{background:var(--purple-soft);border-left:4px solid var(--purple);padding:10px 14px;margin:14px 0}
footer{margin-top:20px;font-size:13px;color:var(--ink2);display:flex;flex-direction:column;gap:6px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 14px}
footer a{color:inherit}
form.contacto{display:flex;flex-direction:column;gap:14px;margin-top:10px}
form.contacto label{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:14px}
form.contacto input,form.contacto textarea{font:16px var(--f-body);padding:9px 11px;border:1.5px solid var(--rule);border-radius:0;background:var(--paper);color:var(--ink);width:100%}
form.contacto textarea{min-height:150px;resize:vertical}
form.contacto .check{flex-direction:row;align-items:flex-start;gap:9px;font-weight:400}
form.contacto .check input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--purple)}
form.contacto button{align-self:flex-start;font:700 15px var(--f-body);border:1.5px solid var(--purple);background:var(--purple);color:var(--on-purple);padding:10px 18px;cursor:pointer}
form.contacto button:disabled{opacity:.6}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.estado{font-weight:700;margin:0}
.estado.ok{color:var(--purple)} .estado.err{color:var(--bad)}
.rgpd{font-size:12.5px;color:var(--ink2);line-height:1.45}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:2px}