El Shadow DOM es una técnica de encapsulamiento que forma parte del estándar de Web Components y permite crear un árbol DOM privado dentro de un componente. Este subárbol tiene sus propios estilos y scripts, completamente aislados del resto de la página, lo que evita conflictos de CSS, fugas de estilo o colisiones de comportamiento. Los navegadores modernos soportan modos abierto (se puede acceder desde JavaScript externo) o cerrado (totalmente encapsulado), lo que brinda flexibilidad según el caso. Es ideal para construir design systems o widgets reutilizables que deben funcionar bien incluso cuando conviven con múltiples frameworks (React, Angular, Vue) en un mismo sitio sin pisarse entre sí.