@font-face{font-family:"Higuen";src:url("/assets/fonts/Higuen-Serif.woff") format("woff");font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/Poppins-Light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/Poppins-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/Poppins-Medium.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("/assets/fonts/Poppins-Bold.woff") format("woff");font-weight:700;font-display:swap}
:root{--burdeos:#782134;--hondo:#5b1727;--crema:#fdfbfc;--melocoton:#f4e1d3;--rosa:#f2cfcb;--linea:#ead3cd;--tinta:#3a2a2e;--suave:#6b5a5e;--serif:"Higuen",Georgia,serif;--sans:"Poppins",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
body{font-family:var(--sans);font-weight:300;color:var(--tinta);background:linear-gradient(180deg,var(--melocoton),var(--rosa));min-height:100vh;display:flex;justify-content:center;padding:24px 16px;line-height:1.6}
.card{width:100%;max-width:440px;background:var(--crema);border-radius:28px;box-shadow:0 18px 50px rgba(120,33,52,.18);padding:32px 26px;text-align:center;align-self:flex-start}
.logo{height:44px;margin:0 auto 18px;display:block}
h1{font-family:var(--serif);font-weight:400;color:var(--burdeos);font-size:1.7rem;line-height:1.2;margin-bottom:8px}
h2{font-family:var(--serif);font-weight:400;color:var(--burdeos);font-size:1.35rem;line-height:1.25;margin-bottom:14px}
p{margin-bottom:12px}
.muted{color:var(--suave);font-size:.9rem}
.avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;object-position:center 20%;border:4px solid var(--rosa);margin:0 auto 14px;display:block}
.role{color:var(--burdeos);font-weight:500;font-size:.95rem;margin-bottom:14px}
.btn{display:block;width:100%;padding:14px 18px;border-radius:999px;border:2px solid var(--burdeos);background:var(--burdeos);color:#fff;font:500 1rem var(--sans);text-decoration:none;margin-top:12px;cursor:pointer;transition:.2s}
.btn:hover{background:var(--hondo)}
.btn.alt{background:transparent;color:var(--burdeos)}
.btn.alt:hover{background:var(--melocoton)}
.links{display:grid;gap:0;margin:18px 0 6px;text-align:left}
.links a{display:flex;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--linea);color:var(--tinta);text-decoration:none}
.links a:last-child{border:0}
.links b{font-weight:500;color:var(--burdeos);min-width:74px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.tag{font-style:italic;color:var(--burdeos);margin-top:18px}
/* test */
.bar{height:6px;background:var(--linea);border-radius:9px;overflow:hidden;margin:6px 0 22px}
.bar i{display:block;height:100%;width:0;background:var(--burdeos);transition:width .35s}
.opts{display:grid;gap:10px;text-align:left}
.opt{padding:14px 16px;border:1.5px solid var(--linea);border-radius:16px;background:#fff;font:300 .95rem var(--sans);color:var(--tinta);cursor:pointer;text-align:left;transition:.15s}
.opt:hover,.opt:focus-visible{border-color:var(--burdeos);background:var(--melocoton);outline:0}
.big{font-family:var(--serif);color:var(--burdeos);font-size:3.4rem;line-height:1;margin:6px 0}
.res-list{text-align:left;margin:14px 0;padding:0;list-style:none}
.res-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--linea);font-size:.92rem}
.res-list li b{color:var(--burdeos);font-weight:500}
.hide{display:none}
.small{font-size:.75rem;color:var(--suave);margin-top:16px}