Migrate CompatibilityTable to Compat macro (es) (#4355)

* Migrate CompatibilityTable to Compat macro (es)

* Migrate to multiple Compat macro (es)

4 files changed, 4 insertions, 252 deletions

diff --git a/files/es/web/css/@media/color/index.html b/files/es/web/css/@media/color/index.html
index 462a566a07..448dbb8529 100644
--- a/files/es/web/css/@media/color/index.html
+++ b/files/es/web/css/@media/color/index.html
@@ -29,52 +29,4 @@ translation_of: Web/CSS/@media/color
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con los distintos navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.at-rules.media.color")}}
diff --git a/files/es/web/css/@media/index.html b/files/es/web/css/@media/index.html
index bca7ee1276..4ac07c0145 100644
--- a/files/es/web/css/@media/index.html
+++ b/files/es/web/css/@media/index.html
@@ -256,101 +256,7 @@ translation_of: Web/CSS/@media
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad de navegadores</h2>
 
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Soporte básico (<code>all</code>, <code>print</code>, <code>screen</code>)</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoDesktop(1.7) }}</td>
-   <td>6.0</td>
-   <td>9.2</td>
-   <td>1.3</td>
-  </tr>
-  <tr>
-   <td><code>speech</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>9.2</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td>Media features (características de medios)</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoDesktop(1.7) }}</td>
-   <td>9.0</td>
-   <td>9.2</td>
-   <td>1.3</td>
-  </tr>
-  <tr>
-   <td>Característica <code>display-mode</code></td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{ CompatGeckoDesktop(47) }}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte básico (<code>all</code>, <code>print</code>, <code>screen</code>)</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoMobile(1.7) }}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>9.0</td>
-   <td>3.1</td>
-  </tr>
-  <tr>
-   <td><code>speech</code></td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>{{CompatNo}}</td>
-   <td>9.0</td>
-   <td>{{CompatNo}}</td>
-  </tr>
-  <tr>
-   <td>Media features (características de medios)</td>
-   <td>1.0</td>
-   <td>{{ CompatGeckoMobile(1.7) }}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>9.0</td>
-   <td>3.1</td>
-  </tr>
-  <tr>
-   <td>Característica <code>display-mode</code></td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatVersionUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-   <td>{{CompatUnknown}}</td>
-  </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.media")}}
 
 <h2 id="Véase_también">Véase también</h2>
 
diff --git a/files/es/web/css/@media/resolution/index.html b/files/es/web/css/@media/resolution/index.html
index 6f5ba7c51a..b798de50e6 100644
--- a/files/es/web/css/@media/resolution/index.html
+++ b/files/es/web/css/@media/resolution/index.html
@@ -30,60 +30,4 @@ original_slug: Web/CSS/@media/resolución
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidad con navegadores</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>Característica</th>
-   <th>Chrome</th>
-   <th>Firefox (Gecko)</th>
-   <th>Internet Explorer</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
-  <tr>
-   <th>
-    <table class="compat-table">
-     <tbody>
-      <tr>
-       <th>Característica</th>
-      </tr>
-     </tbody>
-    </table>
-   </th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Soporte básico</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+{{Compat("css.at-rules.media.resolution")}}
diff --git a/files/es/web/css/@media/width/index.html b/files/es/web/css/@media/width/index.html
index a4392047b3..ece68ed60e 100644
--- a/files/es/web/css/@media/width/index.html
+++ b/files/es/web/css/@media/width/index.html
@@ -71,54 +71,4 @@ translation_of: Web/CSS/@media/width
 
 <h2 id="Browser_compatibility" name="Browser_compatibility">Navegadores Compatibles</h2>
 
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table" style="height: 117px; width: 561px;">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Chrome</th>
-   <th>
-    <p>Firefox (Gecko)</p>
-   </th>
-   <th>Internet Explorer</th>
-   <th>Edge</th>
-   <th>Opera</th>
-   <th>Safari</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>9.0</td>
-   <td>14+</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-   <td>{{ CompatVersionUnknown() }}</td>
-  </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table" style="height: 91px; width: 499px;">
- <tbody>
-  <tr>
-   <th>Feature</th>
-   <th>Android</th>
-   <th>Firefox Mobile (Gecko)</th>
-   <th>IE Mobile</th>
-   <th>Opera Mobile</th>
-   <th>Safari Mobile</th>
-  </tr>
-  <tr>
-   <td>Basic support</td>
-   <td>56+</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>{{ CompatUnknown() }}</td>
-   <td>9.3+</td>
-  </tr>
- </tbody>
-</table>
-</div>
+{{Compat("css.at-rules.media.width")}}