/* =================================================================== STUDIO — hoja propia del taller Esta hoja NO sustituye a assets/css/estilos.css: se carga después y solo añade lo que el taller necesita y el resto del sitio no. Usa las mismas variables (--texto, --borde, --azul-medio…), así que hereda sin esfuerzo los tres temas: claro, oscuro y lectura. Dos cosas viven aquí: 1. LA PUERTA. El candado ya está resuelto en la hoja general. Aquí solo se corrige lo que cambió de sentido ahora que esto dejó de ser un curso: menos color, más silencio. 2. LAS DOS VOCES. El sistema de anotación al margen. Es la forma propia del taller y la razón de que esta hoja exista. =================================================================== */ /* =================================================================== 1. La puerta =================================================================== .candado--taller ocupa el lugar que antes ocupaba .candado--curso. Repite su caja (la hoja general no se toca) y baja el volumen: el disco azul se vuelve un aro fino, porque una puerta de taller no necesita anunciarse. =================================================================== */ /* La puerta se centra en la ventana, no se queda arriba dejando un vacío debajo. El centrado vive en el
, no en la tarjeta: candado.js le quita ese atributo al abrir, así que en cuanto entra el contenido el centrado desaparece solo y la página fluye normal. */ main[data-destino] { min-height: 100vh; min-height: 100dvh; /* móviles: descuenta la barra del navegador */ display: grid; align-content: center; padding: var(--e6) var(--e6); } .candado--taller { max-width: 560px; margin: 0 auto; padding: var(--e12) var(--e8) var(--e12); /* equilibrado: antes sobraban 80px abajo */ } .candado--taller .candado__marca { background: transparent; border: 1px solid var(--borde); color: var(--texto-suave); width: 58px; height: 58px; } .candado--taller .candado__marca svg { width: 26px; height: 26px; } .candado--taller .candado__etiqueta { letter-spacing: .14em; font-size: var(--letra-11); } .candado--taller .candado__titulo { font-size: var(--letra-22); letter-spacing: -.01em; max-width: 20ch; margin-inline: auto; } /* Una regla fina bajo el título, en lugar de más texto explicativo */ .candado--taller .candado__titulo::after { content: ""; display: block; width: 34px; height: 1px; margin: var(--e4) auto 0; background: var(--borde); } /* =================================================================== 2. Las dos voces =================================================================== La idea: el taller no se escribe con una sola voz que explica. Se escribe con dos que discuten. Para eso no sirven las burbujas de chat —envejecen mal y convierten el pensamiento en conversación desechable—; sirve una forma que la arquitectura ya tenía: la anotación al margen. El plano con la observación del crítico en la esquina, la edición anotada, el redline. CÓMO SE USA ----------- El cuerpo va en .taller y las notas son