/* Approved homepage design. Shared by the English and Spanish landing pages. */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;600&display=swap');
@font-face {
  font-family: HomeAcademicons;
  src: url('fonts/academicons.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
body.home-page { padding-top: 0 !important; }
body.home-page #quarto-content { display: block; padding: 0; min-height: 0; }
body.home-page #quarto-document-content {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}
body.home-page .home-shell { width: min(1040px, calc(100% - 96px)); margin: 0 auto; }
body.home-page #title-block-header,
body.home-page > footer.footer { display: none; }
body.home-page .home-shell h2 { border: 0; padding: 0; }
body.home-page .home-shell h2::after { display: none; }
body.home-page .home-shell a,
body.home-page .home-header a,
body.home-page .home-footer a { border-bottom: 0; }
body.home-page .home-footer .ai { font-family: HomeAcademicons !important; font-style: normal; }
body.home-page .home-footer .ai-google-scholar::before { content: "\e9d4"; }
body.home-page .home-footer .ai-orcid::before { content: "\e9d9"; }

body.home-page { --paper:#faf9f6; --ink:#24392e; --muted:#5f6960; --green:#285541; --line:#d9ddd4; }
body.home-page * { box-sizing:border-box; }
body.home-page { margin:0; background:var(--paper); color:var(--ink); font-family:Inconsolata,monospace; font-size:16px; line-height:normal; -webkit-font-smoothing:antialiased; }
body.home-page a { color:inherit; text-decoration:none; }
body.home-page a:hover { color:var(--green); text-decoration:underline; text-underline-offset:5px; }
body.home-page a:focus-visible, body.home-page summary:focus-visible { outline:2px solid var(--green); outline-offset:6px; }
body.home-page .wrap { width:min(1040px,calc(100% - 96px)); margin:auto; }
body.home-page .home-header { border-bottom:1px solid var(--line); }
body.home-page .header-inner { height:90px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
body.home-page .brand { display:flex; align-items:center; gap:13px; font-size:14px; letter-spacing:.025em; }
body.home-page .brand img { width:30px; height:30px; object-fit:contain; }
body.home-page nav { display:flex; gap:29px; align-items:center; font-size:13px; }
body.home-page nav .lang { border-left:1px solid var(--line); padding-left:23px; font-family:Inconsolata,monospace; }
body.home-page .home-header details { display:flex; align-items:center; position:relative; margin:0; padding:0; line-height:1.4; }
body.home-page .home-header summary { display:flex; align-items:center; cursor:pointer; list-style:none; margin:0; padding:0; font:inherit; line-height:1.4; color:inherit; }
body.home-page .home-header nav > a { display:flex; align-items:center; margin:0; padding-top:0; padding-bottom:0; font:inherit; line-height:1.4; }
body.home-page summary::-webkit-details-marker { display:none; }
body.home-page summary::after { content:'⌄'; margin-left:6px; }
body.home-page .more { line-height:1.4; position:absolute; right:0; top:28px; padding:18px; min-width:150px; border:1px solid var(--line); background:var(--paper); z-index:2; display:grid; gap:15px; }
body.home-page .hero { display:grid; grid-template-columns:minmax(0,1fr) 285px; align-items:center; gap:90px; padding:86px 0 60px; }
body.home-page .eyebrow { font:12px/1.6 Inconsolata,monospace; letter-spacing:.14em; text-transform:uppercase; color:var(--green); margin:0 0 25px; }
body.home-page h1 { font:600 clamp(40px,4.4vw,56px)/1.1 Inconsolata,monospace; letter-spacing:-.035em; margin:0 0 22px; }
body.home-page .intro { max-width:555px; font-size:22px; line-height:1.6; letter-spacing:-.02em; margin:0 0 20px; }
body.home-page .affiliation { color:var(--muted); font-size:15px; line-height:1.65; margin:0; }
body.home-page .actions { display:flex; align-items:center; gap:27px; margin-top:30px; font-size:13px; }
body.home-page .primary { display:inline-flex; gap:28px; align-items:center; background:var(--green); color:white; padding:14px 20px; }
body.home-page .primary:hover { background:#1f4434; color:white; text-decoration:none; }
body.home-page figure { margin:0; }
body.home-page figure img { width:100%; height:315px; object-fit:cover; object-position:center; filter:sepia(.12); display:block; }
body.home-page .work { padding:16px 0 48px; }
body.home-page .section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:10px; }
body.home-page h2 { font:600 29px/1.3 Inconsolata,monospace; letter-spacing:-.025em; margin:0; }
body.home-page .section-heading a { font-size:12px; color:var(--green); }
body.home-page article { display:grid; grid-template-columns:110px minmax(0,1fr) 70px; gap:25px; padding:15px 0; border:0; align-items:start; }
body.home-page time { font:12px/1.8 Inconsolata,monospace; color:var(--muted); }
body.home-page h3 { font-size:17px; font-weight:normal; line-height:1.4; letter-spacing:-.015em; margin:0 0 5px; }
body.home-page article p { font-size:12px; color:var(--muted); line-height:1.6; margin:0; }
body.home-page article > a { font-size:12px; text-align:right; color:var(--green); padding-top:3px; }
body.home-page .home-footer { padding:0 !important; border-top:1px solid var(--line); }
body.home-page .footer-inner > span { line-height:1.5; }
body.home-page .footer-inner { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:22px; font-size:11px; color:var(--muted); }
body.home-page .footer-links { flex-shrink:0; display:flex; flex-wrap:wrap; gap:16px; align-items:center; color:var(--green); }
body.home-page .footer-links a { display:inline-flex; align-items:center; justify-content:center; width:28px; height:32px; font-size:19px; }
body.home-page .footer-links a:hover { text-decoration:none; }
@media (max-width:800px) {
  body.home-page .wrap { width:calc(100% - 48px); }
  body.home-page .hero { gap:35px; grid-template-columns:minmax(0,1fr) 220px; padding-top:60px; }
  body.home-page figure img { height:275px; }
  body.home-page .intro { font-size:19px; }
  body.home-page nav { gap:18px; }
}
@media (max-width:580px) {
  body.home-page .header-inner { height:76px; gap:12px; }
  body.home-page nav { gap:15px; font-size:12px; }
  body.home-page nav .lang { padding-left:12px; }
  body.home-page .brand img { width:23px; height:23px; }
  body.home-page .hero { grid-template-columns:1fr; padding:47px 0 35px; gap:33px; }
  body.home-page h1 { font-size:43px; }
  body.home-page .eyebrow { margin-bottom:18px; }
  body.home-page .intro { font-size:20px; }
  body.home-page figure { display:none; }
  body.home-page .work { padding:28px 0; }
  body.home-page h2 { font-size:26px; }
  body.home-page article { grid-template-columns:1fr auto; gap:10px; }
  body.home-page time { grid-column:1/-1; }
  body.home-page h3 { font-size:16px; }
  body.home-page .footer-inner { padding:12px 0; gap:12px; }
  body.home-page .footer-links { gap:10px; }
}
@media (max-width: 800px) {
  body.home-page .home-shell { width: calc(100% - 48px); }
}
@media (max-width: 580px) {
  body.home-page .actions { flex-wrap: wrap; }
  body.home-page h1 { font-size: clamp(34px, 11vw, 43px); }
  body.home-page .work article { grid-template-columns: minmax(0, 1fr) auto; }
}
