Cambios

<div style="display: flex; flex-flow: row wrap; clear: both; gap: 0px; text-align: center; justify-content: center; align-items: start; background: #008b8d; margin: 0px; padding: 0px; width: 100%; min-width: 350px; ">

<div style="display: flex; flex-flow: row wrap; text-align: center; justify-content: center; align-items: start; background: #fff; border-style: solid; border-width: 1px; border-color: #ccc; border-radius: 0px; margin: 15px; padding: 10px; width: 100%; min-width: 322px; ">

<div style="display: flex; text-align: center; justify-content: center; margin: 0px; padding: 0px; flex: auto; width: 60%; min-width: 300px322px; max-width: 100% ; ">

<!--<div style="display: grid; text-align: center; justify-content: center; width: 100% ">--> <div style="display: flex; flex-flow: column wrap; justify-self: start; justify-content: start; align-content: start; text-align: left; margin: 0px; padding: 0px 10px 10px20px; width: 1fr; "> <div style="display: flex; flex-flow: column wrap; justify-self: start; align-self: start; text-align: left; font-size: 100%; color: #008b8d">'''SECCIÓN IV: Población, poblamiento y sociedad'''</div>

== '''Demografía:''' Estructura temática ==