/* Sobre mí (sobre-mi.html). Todo va bajo .pagina-sobre-mi, la clase del <body> que pone el bloque de datos.
   Usa los tokens de base.css: ningún color propio.
   Índice: 0 signos de Urbanist · 1 secciones con el título al lado · 2 herramientas e idiomas
   La trayectoria, la formación y la publicación se quitaron el 15 de octubre de 2026 (trayectoria a grandes rasgos);
   sus reglas se fueron con ellas. */

/* 0. Los signos ™, º y ª de Urbanist se corrigen en base.css (apartado 1), para todo el sitio. */

/* 1. Secciones con el título a la izquierda desde 900 px, como una ficha de currículum. El título acompaña
   la lectura mientras la sección es larga (sticky), salvo en pantallas bajas, donde la cabecera tampoco es fija. */
.pagina-sobre-mi .portada + .seccion:not(.banda) { padding-top: 0; }
.cv-fila { display: grid; gap: 20px 48px; grid-template-columns: minmax(0, 1fr); align-items: start; }
/* «Herramientas» en Fraunces no cabía en la columna de 14rem: el título baja un punto y la columna sube a 15rem */
.cv-fila > h2 { align-self: start; font-size: clamp(1.5rem, 1.25rem + 1vw, 1.95rem); }
/* Regla entre la portada y «Perfil»: va en un pseudoelemento dentro del relleno lateral del contenedor, para que
   empiece y termine con el texto, como las demás reglas de la página */
.portada + .seccion .cv-fila { position: relative; padding-top: clamp(28px, 4vw, 44px); }
.portada + .seccion .cv-fila::before { content: ""; position: absolute; top: 0; inset-inline: var(--margen); border-top: 1px solid var(--rule); }
@media (min-width: 900px) {
  .cv-fila { grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); }
  .cv-fila > h2 { position: sticky; top: calc(var(--cabecera-alto) + 28px); }
}
@media (max-height: 480px) {
  .cv-fila > h2 { position: static; }
}

/* 2. Herramientas e idiomas: un grupo por fila, con su nombre a la izquierda desde 640 px */
.cv-herramientas { margin: 0; display: grid; }
.cv-herramientas > div { display: grid; gap: 10px 28px; grid-template-columns: minmax(0, 1fr); align-items: start; padding: 16px 0; border-top: 1px solid var(--rule); }
.cv-herramientas > div:last-child { border-bottom: 1px solid var(--rule); }
.cv-herramientas dt { font: 700 .98rem/1.3 var(--font-display); color: var(--ink); }
.cv-herramientas dd { margin: 0; min-width: 0; }
@media (min-width: 640px) {
  .cv-herramientas > div { grid-template-columns: 8.5rem minmax(0, 1fr); }
  .cv-herramientas dt { padding-top: 7px; }
}

/* Impresión: el título vuelve a su sitio */
@media print {
  .cv-fila > h2 { position: static; }
  .portada + .seccion .cv-fila::before { inset-inline: 0; }
}