Untitled

<style>

table {
width: 100%;
text-align: center;
}

th {
font-weight: bold !important;
}

table, td, th {
border: 1px solid black !important;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {

artistsTb = document.querySelectorAll('a[href="#table"]');
artistsTbContent = "<table style="border-collapse: collapse; width: 100%;" border="1"> <tbody> <tr style="height: 18px;"> <td style="width: 33.3333%; text-align: center; height: 18px;"><strong>Cuándo se recoge la información</strong></td> <td style="width: 33.3333%; text-align: center; height: 18px;"><strong>Qué información pedimos</strong></td> <td style="width: 33.3333%; text-align: center; height: 18px;"><strong>Cómo y por qué utilizamos su información</strong></td> </tr> <tr style="height: 127px;"> <td style="width: 33.3333%; text-align: justify; height: 127px;">Cuando se registra con nosotros, o cuando actualiza los detalles de su perfil con nosotros.</td> <td style="width: 33.3333%; text-align: justify; height: 127px;">Datos de contacto: su nombre, nombre de la empresa, dirección de correo electrónico, número de teléfono y dirección.</td> <td style="width: 33.3333%; text-align: justify; height: 127px;">La solicitamos:- para crear y gestionar su cuenta con nosotros- para comunicarnos con usted sobre su cuentaNos basamos en el consentimiento y en el interés legítimo como base legal para recoger y utilizar su información personal. Nuestros intereses legítimos son el desarrollo y la comercialización de nuestros productos y servicios.Conservaremos esta información hasta que solicite la eliminación total de su cuenta.No podemos prestar nuestros servicios si no se facilita esta información.</td> </tr> <tr style="height: 200px;"> <td style="width: 33.3333%; text-align: justify; height: 200px;">Cuando navega por nuestro sitio web o cuando visita nuestro sitio web desde un motor de búsqueda o un anuncio pagado</td> <td style="width: 33.3333%; text-align: justify; height: 200px;">Su referente, historial de navegación, ubicaciones, consulta de búsqueda.</td> <td style="width: 33.3333%; text-align: justify; height: 200px;">Recogemos esta información para prestar, mejorar y actualizar los servicios que ofrecemos. Los datos se utilizan para mejorar y optimizar los servicios; diagnosticar problemas e identificar riesgos de seguridad, errores o mejoras necesarias; detectar y prevenir el fraude y el abuso de nuestros servicios y sistemas; recoger estadísticas globales sobre el uso de los servicios; comprender y analizar el uso que usted hace de los servicios. Nos basamos en un interés legítimo para procesar los datos personales, ya que es necesario para mantener un servicio de alta calidad para usted y protegerle contra el fraude y el mal uso. Podemos compartir esta información con las agencias de prevención del fraude para revisar los pedidos por motivos de seguridad.</td> </tr> <tr style="height: 109px;"> <td style="width: 33.3333%; text-align: justify; height: 109px;">Al realizar un pedido</td> <td style="width: 33.3333%; text-align: justify; height: 109px;">Su dirección IP y los datos del pedido.</td> <td style="width: 33.3333%; text-align: justify; height: 109px;">Como empresa en línea, somos vulnerables al fraude en línea. Utilizamos esta información para someter los datos de su pedido a diversas comprobaciones de fraude que arrojan una puntuación. Nos basamos en intereses legítimos para procesar estos datos con el fin de protegernos contra las actividades fraudulentas. Conservaremos esta información hasta que usted solicite la eliminación total de su cuenta.</td> </tr> <tr style="height: 109px;"> <td style="width: 33.3333%; text-align: justify; height: 109px;">Al registrar o transferir un dominio, o al actualizar la información de contacto del dominio</td> <td style="width: 33.3333%; text-align: justify; height: 109px;">Nombre y datos de contacto</td> <td style="width: 33.3333%; text-align: justify; height: 109px;">Los registros de dominios requieren información de contacto verificada para demostrar la propiedad de un nombre de dominio. Estos datos se añaden a los datos del whois. Los datos de Whois se facilitan al registro de dominios sin coste adicional, y nos basamos en intereses legítimos y en el cumplimiento de un contrato para procesar estos datos. Conservaremos esta información hasta que solicite la eliminación total de su cuenta.</td> </tr> <tr style="height: 201px;"> <td style="width: 33.3333%; text-align: justify; height: 201px;">Cuando se crea una solicitud de asistencia a través de un ticket, un chat en vivo o un correo electrónico</td> <td style="width: 33.3333%; text-align: justify; height: 201px;">Mantenemos un registro de todo el historial de comunicaciones, con marcas de tiempo y su ubicación.</td> <td style="width: 33.3333%; text-align: justify; height: 201px;"> <p>Recogemos estos datos para</p> <ol> <li>ofrecerle un servicio de atención al cliente de alta calidad y hacer un seguimiento de las incidencias;</li> <li>identificar problemas con la plataforma de alojamiento;</li> <li>proporcionar una garantía de calidad sobre los tickets de problemas.</li> </ol> <p>Nos basamos en el interés legítimo para procesar estos datos. Conservaremos esta información hasta que usted solicite la eliminación total de su cuenta.</p> </td> </tr> <tr style="height: 72px;"> <td style="width: 33.3333%; text-align: justify; height: 72px;">Cuando se solicita una migración desde un proveedor heredado</td> <td style="width: 33.3333%; text-align: justify; height: 72px;">Antiguas credenciales de acceso al host</td> <td style="width: 33.3333%; text-align: justify; height: 72px;">Tratamos estos datos para migrar los datos de su antiguo proveedor a nosotros. Nos basamos en el cumplimiento de un contrato para procesar estos datos. Conservaremos esta información hasta que solicite la eliminación total de su cuenta.</td> </tr> </tbody> </table>"
insertTable(artistsTb, artistsTbContent);

namesTb = document.querySelectorAll('a[href="#namesTable"]');
namesTbContent = "<table><thead><tr><th>Firstname</th><th>Lastname</th><th>Age</th></tr></thead><tbody><tr><td>John</td><td>Doe</td><td>55</td></tr><tr><td>Sarah</td><td>James<br></td><td>30</td></tr></tbody></table>"
insertTable(namesTb, namesTbContent);

})
const insertTable = (tb, tbConent) => {
if (tb.length > 0) {
client = document.querySelectorAll(".csh-header-background.csh-theme-background-color-default.csh-theme-background-color-gradient-default")[0];
colourStyle = getComputedStyle(client).backgroundColor;
tableCol = 'rgba' + colourStyle.slice(3, -1) + ', 0.4)'

table = document.createElement('table');
table.innerHTML = tbConent;
table.tHead.style.backgroundColor = tableCol;
tb[0].parentNode.insertBefore(table, tb[0].nextSibling);
}
}
</script>