/* ========= PALETA ========= */
:root{
  --color-principal:#0a3d62;  /* Azul profundo serio */
  --color-acento:#00a6a6;     /* Turquesa neuro */
  --color-fondo:#fafafa;      /* Fondo claro */
  --color-texto:#1a1a1a;      /* Texto principal */
  --color-borde:#e6e6e6;      /* Bordes suaves */
}

/* ========= RESETEO SUAVE / BASE ========= */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, Arial, sans-serif;
  background:var(--color-fondo);
  color:var(--color-texto);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;display:block}

/* ========= CONTENEDOR ========= */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 1rem 2rem;
}

/* ========= NAV ========= */
nav{
  background:var(--color-principal);
  padding:.8rem 1rem;
  margin-bottom:1.2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  justify-content:center;
}
nav a{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  padding:.35rem .6rem;
  border-radius:6px;
  transition:color .2s, background .2s, border-bottom .2s;
}
nav a:hover{
  color:var(--color-acento);
  background:rgba(255,255,255,.06);
}
nav a.active,[aria-current="page"]{
  color:var(--color-acento);
  border-bottom:2px solid var(--color-acento);
}

/* ========= TITULOS / TIPOGRAFÍA ========= */
h1,h2,h3{color:var(--color-principal); line-height:1.25; margin:0 0 .6rem}
p{margin:.6rem 0}
em{font-style:italic}

/* ========= ENLACES ========= */
a{color:var(--color-acento)}
a:hover{text-decoration:underline}

/* ========= BOTONES ========= */
button,.boton-descarga{
  background:var(--color-principal);
  color:#fff;
  padding:.6rem 1rem;
  border:none;
  border-radius:8px;
  text-decoration:none;
  display:inline-block;
  font-weight:600;
  cursor:pointer;
  transition:background .2s, transform .02s;
}
button:hover,.boton-descarga:hover{background:var(--color-acento); color:#fff}
button:active,.boton-descarga:active{transform:scale(.99)}

/* ========= PORTADA (index) ========= */
.inicio-flex{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1.5rem;
  align-items:center;
  padding:1rem 0 0;
}
.inicio-texto p{font-size:1.05rem}
.inicio-img{
  width:100%;
  max-width:420px;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  margin-left:auto;
}

/* ========= SEMBLANZA / GENERAL ========= */
main,article,section{margin:1rem 0}
ul{padding-left:1.1rem}
ul li{margin:.3rem 0}

/* ========= PUBLICACIONES ========= */
.publication{
  background:#fff;
  border:1px solid var(--color-borde);
  border-radius:10px;
  padding:.9rem 1rem;
  margin:.7rem 0;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
}
.pub-list{padding-left:1.1rem}
.pub-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin:.4rem 0 0;
}

/* ========= INVESTIGACIÓN ========= */
.research-topic{
  background:#fff;
  border:1px solid var(--color-borde);
  border-radius:12px;
  padding:1rem 1.1rem;
  margin:1rem 0;
}

/* ========= LÍNEA DE TIEMPO ========= */
.timeline{position:relative}
.timeline-item{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:1rem;
  background:#fff;
  border:1px solid var(--color-borde);
  border-radius:12px;
  padding:1rem 1.1rem;
  margin:1rem 0;
}
.timeline-date{
  color:var(--color-acento);
  font-weight:700;
  border-right:2px solid var(--color-borde);
  padding-right:.8rem;
}
.timeline-content p{margin:.35rem 0}

/* ========= CONTACTO ========= */
.contact-info{max-width:760px;margin:0 auto}
.social-links{
  list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:.6rem
}
.social-links a{
  background:var(--color-principal);
  color:#fff;
  padding:.35rem .7rem;
  border-radius:6px;
  text-decoration:none;
  transition:background .2s
}
.social-links a:hover{background:var(--color-acento)}
.contact-form{
  display:flex; flex-direction:column; gap:.8rem; margin-top:1.2rem
}
.contact-form label{font-weight:700; color:var(--color-principal)}
.contact-form input,.contact-form textarea{
  padding:.65rem;
  border:1px solid var(--color-borde);
  border-radius:8px;
  font-family:inherit; font-size:1rem;
  transition:border-color .2s, box-shadow .2s
}
.contact-form input:focus,.contact-form textarea:focus{
  border-color:var(--color-principal);
  box-shadow:0 0 0 3px rgba(0,166,166,.15);
  outline:none
}
.form-note{font-size:.92rem; color:#666}

/* ========= RESPONSIVE ========= */
@media (max-width: 880px){
  .inicio-flex{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:1fr; gap:.4rem}
  .timeline-date{border-right:none; border-bottom:2px solid var(--color-borde); padding:.2rem 0 .6rem}
}

/* Nav: resaltar la página actual */
nav a[aria-current="page"] {
  border-bottom: 2px solid #0E7490;
}

/* Accesibilidad: foco visible */
a:focus {
  outline: 2px dashed #0E7490;
  outline-offset: 2px;
}

/* Imágenes: si agregas más, recuerda poner loading="lazy" en el HTML */
.inicio-img { max-width: 100%; height: auto; display: block; }

/* Footer sencillo */
.site-footer {
  margin-top: 40px;
  padding: 16px 0;
  border-top: 1px solid #eaeaea;
  font-size: 0.95rem;
  color: #374151;
}
.site-footer a { text-decoration: underline; }