:root{
  --pageBg:#e6ded0; --cardBg:#f2efe7; --surface:#fff; --surface2:#e8ddd3;
  --text:#241119; --text2:#4c3843; --textMuted:#9a8088;
  --topbarBg:rgba(242,239,231,.96); --topbarBorder:rgba(120,40,60,.12);
  --backText:#8a5563; --footerBg:#180a10; --footerText:#b78893; --footerLink:#d7b3bd;
}
[data-theme="dark"]{
  --pageBg:#0c0508; --cardBg:#170a10; --surface:#241019; --surface2:#2a131c;
  --text:#f5e9ed; --text2:#d7b3bd; --textMuted:#a98793;
  --topbarBg:rgba(23,10,16,.96); --topbarBorder:rgba(255,255,255,.1);
  --backText:#f0a9b8; --footerBg:#0c0508; --footerText:#a98793; --footerLink:#e0bcc6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--pageBg);font-family:'Manrope',sans-serif;color:var(--text);line-height:1.65;transition:background-color .3s ease,color .3s ease}
.wrap{max-width:760px;margin:0 auto;background:var(--cardBg);min-height:100vh;box-shadow:0 0 60px rgba(40,15,25,.18);transition:background-color .3s ease}
header.pc{position:sticky;top:0;z-index:20;background:var(--topbarBg);border-bottom:1px solid var(--topbarBorder);display:flex;align-items:center;justify-content:space-between;padding:14px 22px;transition:background-color .3s ease,border-color .3s ease}
header.pc .brand{display:flex;align-items:center}
header.pc a.back{color:var(--backText);font-weight:700;font-size:13.5px;text-decoration:none}
.themeBtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--topbarBorder);background:transparent;color:var(--text);cursor:pointer;flex:none;margin-left:8px}
main{padding:38px 24px 60px}
main .kicker{font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#ce1533;margin-bottom:12px}
main h1{font-family:'Fraunces',serif;font-weight:600;font-size:34px;line-height:1.12;margin:0 0 8px;color:var(--text)}
main .updated{font-size:13px;color:var(--textMuted);margin:0 0 30px}
main h2{font-family:'Fraunces',serif;font-weight:600;font-size:21px;margin:34px 0 10px;color:var(--text)}
main p,main li{font-size:15.5px;color:var(--text2)}
main a{color:#ce1533;text-decoration:none}
main a:hover{color:#9e0f26}
main ul{padding-left:20px}
main li{margin-bottom:6px}
.datos{background:var(--surface);border:1px solid var(--surface2);border-radius:14px;padding:18px 20px;margin:18px 0;transition:background-color .3s ease,border-color .3s ease}
.datos p{margin:4px 0}
footer.pc{background:var(--footerBg);color:var(--footerText);padding:26px 24px;font-size:13px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;transition:background-color .3s ease}
footer.pc a{color:var(--footerLink);text-decoration:none;margin-right:16px}

/* ---- Tablet / desktop ---- */
@media (min-width:768px){
  .wrap{max-width:780px}
  header.pc{padding:18px 36px}
  main{padding:56px 48px 76px}
  main h1{font-size:42px}
  main h2{font-size:24px}
  main p,main li{font-size:16px}
  footer.pc{padding:30px 36px}
}
@media (min-width:1024px){
  .wrap{max-width:820px}
  main h1{font-size:46px}
}