/* G-EMV papers: los estilos de la portada (index.html), sacados tal cual, y el marco de las paginas de cada paper. */
  :root { --ink:#141414; --soft:#5a5a5a; --line:#d9d9d6; --bg:#fbfbf9; }
  * { box-sizing:border-box; }
  body { margin:0; background:var(--bg); color:var(--ink);
         font-family:"Source Serif 4", Georgia, serif; font-size:18px; line-height:1.6; }
  a { color:inherit; }
  .wrap { max-width:1120px; margin:0 auto; padding:0 32px; }
  header { display:flex; justify-content:space-between; align-items:center; padding:36px 0 20px; }
  .mark { font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-weight:600;
          font-size:34px; letter-spacing:.14em; text-decoration:none; }
  nav a { font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:12px;
          letter-spacing:.18em; text-transform:uppercase; text-decoration:none; margin-left:28px; color:var(--soft); }
  nav a:hover { color:var(--ink); }
  .hero { display:grid; grid-template-columns: 1fr 1fr; gap:64px; align-items:center; padding:40px 0 64px; }
  .lead { font-style:italic; font-size:31px; line-height:1.3; margin:0 0 34px; font-weight:400; }
  hr { border:0; border-top:1px solid var(--ink); margin:0 0 30px; }
  h2 { font-style:italic; font-weight:400; font-size:23px; margin:0 0 14px; }
  p { margin:0 0 18px; }
  #sphere { width:100%; aspect-ratio:1/1; display:block; }
  .papers { padding:24px 0 80px; }
  .papers > hr { margin-bottom:34px; }
  .paper { display:grid; grid-template-columns: 70px 1fr auto; gap:24px; padding:26px 0;
           border-bottom:1px solid var(--line); text-decoration:none; }
  .paper:hover .t { text-decoration:underline; text-underline-offset:4px; }
  .num { font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:13px;
         letter-spacing:.14em; color:var(--soft); padding-top:6px; }
  .t { font-style:italic; font-size:22px; line-height:1.35; }
  .s { color:var(--soft); font-size:16px; margin-top:6px; }
  .doi { font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:12px;
         letter-spacing:.06em; color:var(--soft); padding-top:8px; white-space:nowrap; }
  body.es .en, body:not(.es) .es { display:none; }
  .lang { cursor:pointer; background:none; border:0; padding:0; font:inherit; }
  .lang.on { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
  footer { border-top:1px solid var(--line); padding:28px 0 48px; color:var(--soft); font-size:15px;
           display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
  @media (max-width: 820px) {
    .wrap { padding:0 16px; }
    .hero { grid-template-columns:1fr; gap:24px; padding-top:16px; }
    .hero .viz { order:-1; max-width:420px; margin:0 auto; width:100%; }
    .lead { font-size:25px; }
    nav a { margin-left:14px; }
    .mark { font-size:26px; }
    .paper { grid-template-columns: 1fr; gap:6px; }
    .doi { padding-top:0; }
  }

/* ── las paginas de cada paper (WEB-48): el mismo marco que la portada ── */
.head-paper { display:flex; justify-content:flex-start; align-items:center; gap:18px; padding:36px 0 14px; }
.head-paper .mark { display:inline-block; }
.mini { width:44px; height:44px; display:block; flex:0 0 44px; }
.crumbs { display:flex; flex-wrap:wrap; gap:8px 0; padding:0 0 18px; border-bottom:1px solid var(--ink); margin-bottom:40px;
          font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.crumbs a, .crumbs .here { text-decoration:none; color:var(--soft); white-space:nowrap; }
.crumbs a:hover { color:var(--ink); }
.crumbs .here { color:var(--ink); text-decoration:underline; text-underline-offset:5px; }
.crumbs .bar { color:var(--line); padding:0 10px; }
article { max-width:760px; }
article h1 { font-style:italic; font-weight:400; font-size:31px; line-height:1.3; margin:0 0 26px; }
article p.lede { font-size:18px; line-height:1.6; margin:0 0 18px; }
article img { width:100%; height:auto; display:block; border:1px solid var(--line); margin:30px 0; }
article a.cta { display:inline-block; font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:13px; letter-spacing:.14em;
                text-transform:uppercase; padding:12px 20px; border:1px solid var(--ink); text-decoration:none; color:var(--ink); }
article a.cta:hover { background:var(--ink); color:var(--bg); }
article p.note { color:var(--soft); font-size:15px; margin-top:26px; }
.pager { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid var(--line); margin-top:56px; padding:22px 0 0;
         font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.pager a { text-decoration:none; color:var(--soft); }
.pager a:hover { color:var(--ink); }
.pager .next { margin-left:auto; text-align:right; }
p.all { margin:34px 0 56px; font-style:italic; font-size:22px; }
p.all a { text-decoration:none; }
p.all a:hover { text-decoration:underline; text-underline-offset:4px; }
@media (max-width: 820px) {
  .mini { width:36px; height:36px; flex-basis:36px; }
  .crumbs .bar { padding:0 7px; }
  article h1 { font-size:25px; }
}

/* ── autores (WEB-49): bajo el titulo de cada pagina y bajo cada titulo de la lista de la portada ── */
article h1:has(+ .byline) { margin-bottom:12px; }
article p.byline { font-size:18px; margin:0 0 2px; }
article p.byline a { text-decoration:none; }
article p.byline a:hover { text-decoration:underline; text-underline-offset:4px; }
article p.affil { color:var(--soft); font-size:14px; margin:0 0 26px; }
article p.ctas { display:flex; flex-wrap:wrap; gap:12px; }
.au { font-family:-apple-system, "Helvetica Neue", Arial, sans-serif; font-size:12px; letter-spacing:.06em; color:var(--soft); margin-top:5px; }

/* ── las dos lenguas en las paginas de cada paper (WEB-58) ── */
.head-paper nav { margin-left:auto; }
article p.ctas { display:flex; flex-wrap:wrap; gap:12px; }