Hola muchaches,
antes de cerrar la compu me di cuenta de que tenía este problema
div {
--espacio-separacion: 4em;
}
.caja {
--espacio-separacion: 0.5em;
margin: var(--espacio-separacion) 0;
border: 2px solid var(--color-secundario);
}
El div tomaba la definición del espacio de separación, yo le tuve que poner a .caja un espacio de separación que redefina la variable para cortar la definición anterior.
Lo que termina reforzando la idea de no redefinir custom properties.
:^P
Saludos y suerte
Fernando