@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fuentes/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/fuentes/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fuentes/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:JBM;font-weight:500;font-display:swap;src:url(/fuentes/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
:root{--fondo:#212226;--caja:#292A30;--borde:#35363D;--txt:#ececef;--tenue:#94959C}
*{box-sizing:border-box;margin:0}
body{background:var(--fondo);color:var(--txt);font:400 16px/1.65 Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:72px 20px 40px}
a{color:inherit}
.t{width:100%;max-width:560px;background:var(--caja);border:1px solid var(--borde);border-radius:20px;padding:48px 48px 36px;box-shadow:0 30px 60px -30px #0008}
.foto{display:block;width:104px;height:104px;border-radius:50%;margin:0 auto;box-shadow:0 0 0 4px var(--fondo),0 0 0 5px var(--borde)}
h1{text-align:center;font-size:30px;font-weight:700;letter-spacing:-.02em;margin:22px 0 4px}
.redes{display:flex;justify-content:center;gap:10px;margin:24px 0 28px}
.redes a{width:42px;height:42px;border-radius:50%;border:1px solid var(--borde);display:grid;place-items:center;transition:background .15s}
.redes a:hover{background:var(--borde)}
.redes svg{width:17px;height:17px;fill:#dcdce1}
.bio{color:#b9bac1}
.bio a{color:var(--txt);text-decoration:underline;text-decoration-color:#5c5d66;text-underline-offset:3px}
.bio a:hover{text-decoration-color:var(--txt)}
.enl{display:grid;gap:10px;margin-top:30px}
.enl a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--borde);border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;background:#2d2e34;transition:border-color .15s}
.enl a:hover{border-color:#4a4b54}
.enl a span{font-weight:400;color:var(--tenue);font-size:14px}
.pie-t{display:flex;justify-content:center;gap:22px;margin-top:30px;padding-top:22px;border-top:1px solid var(--borde);font-family:JBM,monospace;font-size:13px}
.pie-t a{color:var(--tenue);text-decoration:none}
.pie-t a:hover{color:var(--txt)}
footer{margin-top:28px;font-size:13px;color:#73747c}
.vol{font-family:JBM,monospace;font-size:13px;color:var(--tenue);text-decoration:none;display:inline-block;margin-bottom:22px}
.vol:hover{color:var(--txt)}
h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
.sub{color:var(--tenue);font-size:15px;margin-bottom:18px}
.anio{font-family:JBM,monospace;font-size:13px;color:var(--tenue);margin:26px 0 2px;padding-bottom:8px;border-bottom:1px solid var(--borde)}
.pr{display:block;padding:16px 0;border-bottom:1px solid var(--borde);text-decoration:none}
.pr:last-child{border:0}
.pr b{display:block;font-weight:600;line-height:1.45}
.pr:hover b{text-decoration:underline;text-decoration-color:#5c5d66;text-underline-offset:3px}
.pr i{font-style:normal;color:var(--tenue);font-weight:400;font-size:13px}
.pr span{font-family:JBM,monospace;font-size:12px;color:var(--tenue)}
.tl{border-left:1px solid var(--borde);margin:8px 0 0 5px;padding-left:26px}
.tl div{position:relative;padding:12px 0}
.tl div:before{content:"";position:absolute;left:-31px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--caja);border:1px solid #8d8e96}
.tl b{font-family:JBM,monospace;font-weight:500;font-size:14px}
.tl p{color:#b9bac1;font-size:15px;margin-top:2px}
.tl p a{color:var(--txt);text-underline-offset:3px}
@media(max-width:600px){
 body{padding:28px 14px 32px}
 .t{padding:36px 22px 28px;border-radius:18px}
 .enl a{flex-direction:column;align-items:flex-start;gap:0}
}
