CSS-in-JS es una forma moderna de escribir estilos directamente dentro de tus componentes, usando herramientas como Emotion o styled-components. En lugar de mantener hojas de estilo separadas, todo vive junto: lógica, markup y estilos. Esto habilita cosas como theming dinámico, props que afectan estilos, y purga automática de clases no usadas al compilar. ¿El costo? Un leve aumento en el bundle. ¿La ganancia? Un DX más fluido, estilos scoped por defecto y cero conflictos globales. Es la elección favorita en apps donde la mantenibilidad, el reuso y la cohesión pesan más que tener un CSS tradicional ultraoptimizado.