Cambios en los estilos de jugador clásicos

<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
    <table style="width: 100%; min-width: 860px; border-collapse: collapse; font-size: 13.5px; table-layout: auto;">
      <thead>
        <tr style="border-bottom: 1.5px solid #ccc;">
          <th style="min-width: 100px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 120px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Comportamiento actual para estilos de jugador clásicos</font></font></th>
          <th style="min-width: 200px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase; background: #f5e0e0;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Nuevo comportamiento para los estilos de jugador clásicos (estos son los nuevos cambios)</font></font></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Comportamiento actual para los estilos de jugador modernos (comportamiento sin cambios)</font></font></th>
        </tr>
      </thead>
      <tbody>

        <!-- LIVESTREAM section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Transmisión en vivo</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">interacciones</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">obsequio clásico</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">obsequio moderno</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">obsequio moderno</font></font></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta clásica</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta moderna</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta moderna</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta clásica</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta moderna</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta moderna</font></font></td>
        </tr>

        <!-- Trivia giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">no se ofrece apoyo para sorteos de trivias</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Sorteo de preguntas y respuestas modernas</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Sorteo de preguntas y respuestas modernas</font></font></td>
        </tr>

        <!-- Interaction visibility -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">una interacción visible a la vez</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Existen múltiples interacciones al mismo tiempo; las interacciones se agrupan en píldoras de encabezado de video.</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Existen múltiples interacciones al mismo tiempo; las interacciones se agrupan en píldoras de encabezado de video.</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">fichas de producto</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">tarjetas de producto apiladas verticalmente</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">tarjetas de producto apiladas verticalmente</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">tarjetas de producto deslizables horizontalmente</font></font></td>
        </tr>

        <!-- Chat sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">charlar</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">chat clásico</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Chat moderno, plegable, se muestra uno al lado del otro con tarjetas de producto apiladas.</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Chat moderno, se muestra encima de las tarjetas de producto.</font></font></td>
        </tr>

        <!-- SHORT VIDEO section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Vídeo corto</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">interacciones</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta clásica</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta moderna</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">encuesta moderna</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta clásica</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta moderna</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">pregunta moderna</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">fichas de producto</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Classic product cards -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Tarjetas de producto clásicas</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Continuar mostrando las tarjetas de producto clásicas</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Utiliza tarjetas de producto modernas</font></font></td>
        </tr>

        <!-- ICONS section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Iconos</font></font></td>
        </tr>

        <!-- Shopping bag icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">iconos</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono clásico de bolsa de compras</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono de bolsa de compras moderna</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono de bolsa de compras moderna</font></font></td>
        </tr>

        <!-- Heart icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono de corazón clásico</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono del corazón moderno</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icono del corazón moderno</font></font></td>
        </tr>

        <!-- VIDEO HEADERS section -->
        <tr>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 13px; font-weight: 700;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Encabezados de vídeo</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">No hay cambios en el encabezado del video en este momento.</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Utiliza el encabezado de vídeo clásico.</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">continuar usando el encabezado clásico</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">utiliza un encabezado moderno</font></font></td>
        </tr>

      </tbody>
    </table>
  </div>