Cambios

<div style="display: flex; flex-flow: row wrap; clear: both; gap: 0px; text-align: center; justify-content: center; align-items: start; background: #fff; border:1px solid #ccc; border-radius: 15px008b8d; margin: 0px; padding: 20px0px; width: 1fr100%; min-width: 350px; box-shadow: 0px -60px 40px -70px #566573, 0px 60px 40px -70px #566573362px; ">

<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: 400px; "> <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: 8px; padding: 15px 20px 20px15px; width: 100%; min-width: 322px; ">

<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 10px 20px; width: 1fr; "> <div style="display: inline-block; text-align: left; font-size: 100%; color: #ffffff; background: #008b8d; margin: 0px 0px 10px; padding: 5px 10px 2px; width: 1frmax-content; ">'''SECCIÓN IV: Población, poblamiento y sociedad'''</div><div style="display: inline-block; text-align: left; font-size: 180%; color: #008b8d; "><span style="font-variant-caps: all-small-caps; ">TEMA: </span>'''Asentamientos humanos'''</div>{| cellspacing="0" cellpadding="0" style="text-align: left; vertical-align: top; margin: 30px 20px 0px; padding: 0px; width: 100% "

== '''Asentamientos humanos''' Estructura temática ==