@font-face{font-family:'Inter';src:url(fonts/inter-var-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Space Mono';src:url(fonts/spacemono-400-latin.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--void:#17151a;--deep:#211e26;--s1:#8d97a6;--s3:#c8cdd6;--s4:#e4e8ee;--s5:#f4f6f8;--signal:#f0a848;--ease:cubic-bezier(.16,1,.3,1);--gut:clamp(1.2rem,5vw,3rem)}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--void);-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;color:var(--s4);background:var(--void);min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:6px;border-radius:4px}
.mono{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.24em;text-transform:uppercase}


/* ---------- Página «en construcción» ---------- */
.obra{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(3rem,8vw,6rem) var(--gut) 2rem}
.obra-robot{display:block;width:clamp(170px,30vw,300px);height:auto}
.obra-cliente{margin-top:clamp(1.6rem,4vw,2.4rem);color:var(--s1)}
.obra-h{margin-top:.8rem;font-size:clamp(2rem,6.4vw,4.2rem);font-weight:600;line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--s5)}
.obra-raya{display:block;width:56px;height:2px;margin:1.4rem auto 0;background:var(--signal)}
.obra-p{margin-top:1.2rem;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;color:var(--s3);max-width:34ch}
.firma{padding:1.6rem var(--gut) 2rem;display:flex;align-items:center;justify-content:center;gap:.7rem;color:var(--s1)}
.firma a{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--s3);min-height:44px;padding:0 .4rem;transition:color .3s var(--ease)}
.firma a:hover,.firma a:focus-visible{color:var(--signal)}

.indice{padding:2rem var(--gut);text-align:center;color:var(--s1);font-size:14px}


.firma .firma-n{display:block;width:24px;height:24px}
.firma a{padding:.5rem}