Uma equipe de desenvolvimento recebeu a tarefa de padronizar os cartões de produtos de uma loja virtual. O problema surgiu quando dois componentes aparentemente iguais começaram a ocupar larguras diferentes na interface, mesmo tendo os mesmos valores declarados para largura e altura no CSS. Após investigar o comportamento, os desenvolvedores perceberam que a diferença não estava no conteúdo em si, mas na forma como o navegador calculava a área ocupada por cada caixa, considerando conteúdo, preenchimento e borda. Na etapa de revisão, o time decidiu comparar diferentes configurações da propriedade box-sizing, pois o objetivo era tornar os cálculos de layout mais previsíveis e evitar ajustes manuais repetitivos. Esse tipo de análise é importante em interfaces com muitos componentes reutilizáveis, nas quais pequenas diferenças de cálculo podem quebrar alinhamentos e comprometer a consistência visual. Considerando o contexto apresentado, analise as afirmativas a seguir: I. No modelo content-box, a largura e a altura definidas se aplicam apenas à área de conteúdo. II. No modelo border-box, padding e borda passam a integrar a largura e a altura declaradas do elemento III. A margem faz parte da área clicável do elemento e assume a cor de fundo da caixa. IV. O Box Model considera conteúdo, padding, borda e margem como camadas relacionadas ao espaço ocupado pelo elemento. Considerando o contexto apresentado, é correto o que se afirma em: