:root{
  --brand:#343075;   /* morado base del sitio */
  --text:#1E1E1E;
  --muted:#6B6B6B;
  --bg:#FFFFFF;
  --soft:#F6F7FB;
  --radius:16px;
  --container:960px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--soft);color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
  line-height:1.6;
}

/* Layout */
.pv-container{max-width:var(--container);margin:0 auto;padding:0 20px}
.pv-header{
  background:linear-gradient(135deg,var(--brand),#1ba1f2);
  color:#fff;padding:36px 0;margin:0 0 24px;border-bottom:1px solid rgba(0,0,0,.08);
}
.pv-sub{opacity:.9;margin:.25rem 0 0}
.pv-main{padding-bottom:36px}
.pv-card{
  background:var(--bg);border:1px solid #ececec;border-radius:var(--radius);
  padding:24px;box-shadow:0 10px 28px rgba(0,0,0,.06)
}
.pv-footer{padding:24px 0;color:var(--muted);text-align:center}

/* Typo */
h1,h2{line-height:1.25;margin:.2em 0 .4em}
h1{font-size:clamp(26px,4.2vw,34px)}
h2{font-size:clamp(18px,2.6vw,22px);color:var(--brand)}
a{color:#0d63c6;text-decoration:none}
a:hover{text-decoration:underline}
.pv-sub,.pv-mini,.pv-lastupdate{color:var(--muted)}
.pv-lastupdate{margin:0 0 12px}
.pv-accept{background:#fafafa;border:1px dashed #e6e6e6;border-radius:12px;padding:12px 16px}
.pv-sep{border:none;border-top:1px solid #eee;margin:20px 0}
.pv-link{color:var(--brand);font-weight:600}