EOL CLASIC table CSS

HTML

<table class="eoltable">
  <tr>
    <th class="blank"></th>
    <th>Atmosphere</th>
    <th>Hekate IPL</th>
    <th>SX OS</th>
    <th>SX PRO</th>
    <th>Descripción</th>
  </tr>
  <tr>
    <td class="separator" colspan="6">Compatibilidad del hardware</td>
  </tr>
  <tr>
    <th>Nintendo Switch</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Pre-Mariko</td>
  </tr>
  <tr>
    <th>Nintendo Switch (Mariko)</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Mariko</td>
  </tr>
  <tr>
    <td class="separator" colspan="6">Compatibilidad del hardware</td>
  </tr>
  <tr>
    <th>Nintendo Switch</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Pre-Mariko</td>
  </tr>
  <tr>
    <th>Nintendo Switch (Mariko)</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Mariko</td>
  </tr>
  <tr>
    <th class="blank"></th>
    <th>Atmosphere</th>
    <th>Hekate IPL</th>
    <th>SX OS</th>
    <th>SX PRO</th>
    <th>Descripción</th>
  </tr>
</table>
<br>
<table class="eoltable">
  <tr>
    <th>test</th>
    <th>Atmosphere</th>
    <th>Hekate IPL</th>
    <th>SX OS</th>
    <th>SX PRO</th>
    <th>Descripción</th>
  </tr>
  <tr>
    <td class="separator" colspan="6">Compatibilidad del hardware</td>
  </tr>
  <tr>
    <th>Nintendo Switch</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Pre-Mariko</td>
  </tr>
  <tr>
    <th>Nintendo Switch (Mariko)</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch Mariko</td>
  </tr>
  <tr>
    <td class="separator" colspan="6">Compatibilidad del hardware</td>
  </tr>
  <tr>
    <th>Nintendo Switch</th>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Si</td>
    <td>Compatible con Nintendo Switch...

CSS

/*PARA EL TEMPLATE POR DEFECTO*/

body {
  font-family: calibri;
  background-color: #008000;
  }

/* -- COLORES --*/

.eoltable td {
  border-color: #e6e6e6;
  color: #fff;
}

.eoltable tr:nth-child(odd) td {
  background-color: #395a2f;
}

.eoltable tr:nth-child(even) td {
  background-color: #008000;
}

.eoltable th {
  background-color: #ff7f00;
  border-color: #fff;
  color: #fff;
}

.eoltable tr:nth-child(1) th, .eoltable tr:nth-child(1) td {
  border-top-color: #fff;
}

.eoltable tr:nth-last-child(1) th, .eoltable tr:nth-last-child(1) td {
  border-bottom-color: #fff;
}

.eoltable th:nth-child(1), .eoltable td:nth-child(1) {
  border-left-color: #fff;
}

.eoltable th:nth-last-child(1), .eoltable td:nth-last-child(1)  {
  border-right-color: #fff;
}

.eoltable td.separator {
  background-color: #ff7f00 !important;
  color: #fff;
  border-color: #fff;
}

/* -- ESTRUCTURA --*/

.eoltable {
  border-collapse: collapse;
}

.eoltable .blank {
  border: 0 !important;
  color: transparent;
  background-color: transparent;
}

.eoltable td {
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

.eoltable th {
  border-width: 1px;
  border-style: solid;
  padding: 5px 10px;
  font-size: 1.05em;
}

.eoltable tr:nth-child(1) th, .eoltable tr:nth-child(1) td {
  border-top-width: 2px;
  border-style: solid;
}

.eoltable tr:nth-last-child(1) th, .eoltable tr:nth-last-child(1) td {
  border-bottom-width: 2px;
  border-style: solid;
}

.eoltable th:nth-child(1), .eoltable td:nth-child(1) {
  border-left-width: 3px;
}

.eoltable th:nth-last-child(1), .eoltable td:nth-last-child(1) {
  border-right-width: 2px;
}

.eoltable td.separator {
  text-align: center;
  font-weight: 600;
  border-left-width: 3px;
  border-right-width: 2px;
  border-left-style: solid;
  border-right-style: solid;
  padding: 3px 0;
}