/* ---------------------------------------------------------------------
   Portada de mbujosab.github.io

   Comparte los tokens de diseño (colores, tipografía, radios, ancho de
   columna) con PEconometria/css/index.css, para que la portada y el curso
   se lean como un mismo sitio. Aquí solo está lo que esta página usa: no
   hay tarjetas de sesión, ni calendario, ni barra de progreso.
   Si allí se cambia un color, cámbiese también aquí.
   --------------------------------------------------------------------- */

:root{
  --accent:#2b6777;
  --accent-dark:#1c4750;
  --text:#222;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --bg-alt:#f7f7f5;
  --border:#e2e2e0;
  --radius:6px;
  --maxw:880px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.55;
}
#content,.container{max-width:var(--maxw);margin:0 auto;padding:0 1.2rem;}
h1,h2,h3{line-height:1.25;}
a{color:var(--accent-dark);}
code{background:var(--bg-alt);padding:.05rem .3rem;border-radius:3px;font-size:.9em;}

/* --- cabecera --- */
.hero{padding:2.2rem 0 1.4rem;border-bottom:1px solid var(--border);}
.hero h1{font-size:2rem;margin:0 0 .15rem;}
.hero .subtitle{color:var(--muted);font-size:1.02rem;margin:0;}
.hero .meta{color:var(--muted);font-size:.92rem;margin:.45rem 0 0;}
.hero .meta a{margin-right:.9rem;white-space:nowrap;}

/* --- navegación pegajosa --- */
nav.blocknav{
  position:sticky;top:0;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(2px);
  z-index:10;
  overflow-x:auto;
  white-space:nowrap;
}
nav.blocknav .container{padding-top:.5rem;padding-bottom:.5rem;}
nav.blocknav a{
  color:var(--text);
  text-decoration:none;
  font-size:.85rem;
  margin-right:1.1rem;
  padding:.15rem 0;
  border-bottom:2px solid transparent;
}
nav.blocknav a:hover{border-bottom-color:var(--accent);}

/* --- secciones --- */
section.block{margin:2.4rem 0;scroll-margin-top:3.2rem;}
section.block h2{
  font-size:1.3rem;
  border-bottom:2px solid var(--accent);
  padding-bottom:.25rem;
  margin-bottom:.4rem;
}
section.block .block-intro{color:#333;font-size:.95rem;margin:.4rem 0 1.1rem;}

/* --- ficha destacada (el curso en marcha) --- */
.featured{
  border:1px solid var(--border);
  border-left:4px solid var(--accent);
  border-radius:var(--radius);
  background:var(--bg-alt);
  padding:1rem 1.2rem;
  margin:1rem 0 1.6rem;
}
.featured h3{margin:0 0 .2rem;font-size:1.1rem;}
.featured h3 a{text-decoration:none;}
.featured h3 a:hover{text-decoration:underline;}
.featured .where{color:var(--muted);font-size:.85rem;margin:0 0 .5rem;}
.featured p{margin:.4rem 0 0;font-size:.93rem;}
.featured .links{margin:.7rem 0 0;font-size:.87rem;}
.featured .links a{margin-right:.9rem;white-space:nowrap;}

/* --- lista de entradas (asignaturas, repositorios) --- */
.entry{border-top:1px solid var(--border);padding:.75rem 0;}
.entry:last-child{border-bottom:1px solid var(--border);}
.entry h3{margin:0;font-size:1rem;}
.entry h3 a{text-decoration:none;}
.entry h3 a:hover{text-decoration:underline;}
.entry p{margin:.25rem 0 0;font-size:.9rem;color:#333;}
.entry .links{margin:.35rem 0 0;font-size:.85rem;}
.entry .links a{margin-right:.9rem;white-space:nowrap;}

/* --- publicaciones --- */
ol.pubs{list-style:none;counter-reset:pub;margin:1rem 0 0;padding:0;}
ol.pubs li{
  counter-increment:pub;
  border-top:1px solid var(--border);
  padding:.7rem 0 .7rem 2.2rem;
  position:relative;
  font-size:.92rem;
}
ol.pubs li:last-child{border-bottom:1px solid var(--border);}
ol.pubs li::before{
  content:counter(pub);
  position:absolute;left:0;top:.7rem;
  color:var(--muted);font-size:.8rem;font-weight:600;
}
ol.pubs .pub-authors{color:#333;}
ol.pubs .pub-title{font-weight:600;}
ol.pubs .pub-venue{font-style:italic;color:#444;}
ol.pubs .pub-doi{display:block;margin-top:.15rem;font-size:.82rem;}
ol.pubs .self{color:var(--accent-dark);}

/* --- identificadores y contacto de la cabecera --- */
.idlist{list-style:none;margin:.6rem 0 0;padding:0;font-size:.88rem;}
.idlist li{display:inline;margin-right:.9rem;white-space:nowrap;}
.idlist .idlabel{color:var(--muted);}

/* --- trayectoria --- */
ul.cv{list-style:none;margin:1rem 0 0;padding:0;}
ul.cv li{border-top:1px solid var(--border);padding:.7rem 0;font-size:.92rem;}
ul.cv li:last-child{border-bottom:1px solid var(--border);}
ul.cv .cv-what{font-weight:600;}
ul.cv .cv-where{display:block;color:var(--muted);font-size:.86rem;margin-top:.15rem;}

/* --- documentos de trabajo --- */
ul.wp{list-style:none;margin:1rem 0 0;padding:0;}
ul.wp li{border-top:1px solid var(--border);padding:.7rem 0;font-size:.92rem;}
ul.wp li:last-child{border-bottom:1px solid var(--border);}

/* --- pie --- */
footer{
  border-top:1px solid var(--border);
  margin-top:3rem;
  padding:1.4rem 0 2.4rem;
  font-size:.82rem;
  color:var(--muted);
}
footer a{color:var(--accent-dark);}

@media (max-width:600px){
  .hero h1{font-size:1.6rem;}
  .hero .meta a{display:block;margin:.2rem 0;}
}