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: 15px; margin: 0px; padding: 18px; width: 1fr; min-width: 482px200px; box-shadow: 0px -60px 40px -70px #566573, 0px 60px 40px -70px #566573; "><div style="display: flex; flex-flow: row wrap; clear: both; text-align: center; justify-content: center; align-items: start; background: {{{color}}}; margin: 0px; padding: 15px; width: 100%; min-width: 190px; "><div style="display: flex; flex-flow: row wrap; gap: 30px; text-align: center; justify-content: center; align-items: start; background: #fff; border-style: solid; border-width: 1px; border-color: #ccc; border-radius: 0px; margin: 0px; padding: 10px 2vw; width: 100%; min-width: 170px; ">

<div style="display: flex; flex-flow: row column wrap; clear: both; gap: 0px; text-align: center; justify-content: centerspace-evenly; align-items: start; background: {{{color}}}; margin: 0px; padding: 0px; max-width: 100%; min-width: 446px35%; ">

<div style="display: flex; flex-flow: row wrap; text-align: center; justify-content: center; alignspace-items: startevenly; background: #fff; borderfont-stylesize: solid130%; bordertext-widthtransform: 1pxuppercase; border-color: #ccc; border-radius: 0px; margin: 15px; padding: 10px{{{color}}}; width: 100%; minmax-width: 416px400px; box-sizing: border-box; ">'''SECCIÓN {{{numero seccion}}}'''</div>

<div style="display: flex; flex-flow: column wrap; text-align: center; justify-content: center; margin: 0px; padding: 0px 15px; width: 30%; max-width: 1fr; min-width: 416px; "><div style="text-align: center; justify-content: space-evenly; align-items: stretch; width: 100%; min-width: 416px; "><ul style="display: flex; flex-flow: column wrap; text-align: center; justify-content: space-evenly; margin: 0px; padding: 0px; "><li style="display: inline-block; text-align: center; font-size: 130%; text-transform: uppercase; color: {{{color}}}; ">'''SECCIÓN {{{numero seccion}}}'''</li><li style="display: flex; justify-content: center; align-items: center; text-align: center; "><div style="display: flex; justify-content: center; align-items: start; text-align: center; overflow: hidden; border: 8px solid {{{color}}}; margin: 5px 0px 14px; padding: 0px; width: 100%; max-width: 400px; min-width: 150px; height: 254px256px; box-sizing: border-box; "><div style="position: relative; top: -72px66px; left: 0px; ">[[Archivo:Btn-Seccion {{{numero seccion}}} v1.png|center|490px460px|link=]]</div></div></li><li style="display: inline-block; align-content: space-around; text-align: center; font-size: 170%; font-weight: bold; text-transform: uppercase; line-height: 1.3; color: #fff; text-shadow: 0px 0px 4px #000; background: {{{color}}}; margin: auto; padding: 5px; width: 406px; height: 80px; ">'''{{{nombre seccion}}}'''</li><li style="display: inline-block; text-align: left; font-size: 100%; text-align: left; margin: 30px auto; padding: auto; width: 406px; ">[[Estructura temática|'''← Estructura temática''']]</li></ul>

<div style="display: flex; flex: auto; text-align: center; justify-content: center; align-items: start; margin: 0px; padding: 0px; flex: auto; width: 45%; min-width: 300px150px; max-width: 100%1fr;; ">{| cellspacing="0" cellpadding="0" style="text-align: left; vertical-align: top; margin: 00px; padding: auto0px; width: 100% " | style="vertical-align: top; padding: 9px 10px 0px 20px0px; |== Estructura temática == <div style="display: flex; flex-flow: column wrap; justify-self: start; justify-content: start; align-content: start; text-align: left; margin: 0px0px 0px -6px; padding: 0px 0px 20px 20px; width: 1fr; ">

<div style="text-align: left; margin: 0px 10px; padding: 15px 0px 10px; width: 1fr; ">