.elementor-kit-25404{--e-global-color-primary:#dd6711;--e-global-color-secondary:#1a1f3a;--e-global-color-text:#7a7a7a;--e-global-color-accent:#fff;--e-global-color-4566bc73:#dd6711;--e-global-color-11a56f0a:#1a1f3a;--e-global-color-6b3426b4:#919292;--e-global-color-6942c264:#fff;--e-global-color-e870f72:#313131;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500}.elementor-kit-25404 e-page-transition{background-color:#ffbc7d}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1670px}.e-con{--container-max-width:1670px}.elementor-widget:not(:last-child){margin-block-end:20px}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px}{}h1.entry-title{display:var(--page-title-display)}@media(max-width:1024px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:1024px}.e-con{--container-max-width:1024px}}@media(max-width:767px){.elementor-section.elementor-section-boxed>.elementor-container{max-width:767px}.e-con{--container-max-width:767px}}<!DOCTYPE html><html lang="es"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Página de Transparencia</title><!-- Carga de Tailwind CSS y configuración de colores personalizados --><script src="https://cdn.tailwindcss.com"></script><script>tailwind.config={theme:{extend:{colors:{'coop-orange':'#FF8C00',//Naranja del logo 'coop-dark-blue':'#333366',//Azul oscuro del logo 'coop-light-blue':'#BFDBFE',//Azul claro para hover,similar a blue-100 de Tailwind},fontFamily:{inter:['Inter','sans-serif'],//Define la fuente Inter}}}}</script><style>body{font-family:'Inter',sans-serif;background-color:#fff}.accordion-item{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);margin-bottom:1rem;overflow:hidden}.accordion-header{cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid #e5e7eb}.accordion-header:hover{background-color:var(--tw-colors-coop-light-blue)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.open{max-height:1000px;transition:max-height .5s ease-in}.rotate-icon{transition:transform .3s ease}.rotate-icon.rotated{transform:rotate(45deg)}</style><!-- Font Awesome para iconos --><script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script></head><body class="bg-white text-gray-800 font-inter"><div class="container mx-auto p-4 sm:p-6 lg:p-8"><!-- Sección de Encabezado --><header class="text-center mb-10 bg-white shadow-lg rounded-xl p-6 border-t-4 border-coop-orange"><div class="flex flex-col sm:flex-row items-center justify-center mb-4"><h1 class="text-4xl sm:text-5xl font-extrabold text-coop-dark-blue"><i class="fas fa-balance-scale mr-3 text-coop-orange"></i>Transparencia </h1></div><p class="text-lg text-gray-600 max-w-2xl mx-auto">Nuestro compromiso con la claridad y la responsabilidad en el manejo de tu información. </p></header><!-- Sección de Imagen Destacada (la cargarás tú) --><section class="mb-10 rounded-xl overflow-hidden shadow-xl bg-gray-100 flex items-center justify-center h-64 sm:h-80 lg:h-96"><img src="https://placehold.co/1200x400/D1D5DB/4B5563?text=Tu+Imagen+de+Transparencia" alt="Espacio para tu imagen de Transparencia" class="w-full h-full object-cover rounded-xl"></section><!-- Sección de Documento y Enlaces (Nuevo diseño del sketch) --><section class="bg-white shadow-lg rounded-xl p-6 mb-10 border-l-4 border-coop-dark-blue"><div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center"><!-- Columna Izquierda:Información y enlaces --><div><h2 class="text-2xl font-bold text-coop-orange mb-4"><i class="fas fa-info-circle mr-2"></i>Información Clave </h2><p class="text-gray-700 mb-4">Aquí encontrarás enlaces directos a documentos importantes y detalles sobre nuestras políticas. Estamos comprometidos con la divulgación proactiva de información relevante. </p><ul class="space-y-2 text-coop-dark-blue font-medium"><li><a href="#" class="hover:underline"><i class="fas fa-file-alt mr-2"></i>Informe Anual de Gestión</a></li><li><a href="#" class="hover:underline"><i class="fas fa-handshake mr-2"></i>Código de Conducta Ética</a></li><li><a href="#" class="hover:underline"><i class="fas fa-gavel mr-2"></i>Marco Regulatorio Aplicable</a></li><li><a href="#" class="hover:underline"><i class="fas fa-shield-alt mr-2"></i>Protocolos de Seguridad de Datos</a></li></ul></div><!-- Columna Derecha:Descarga de PDF --><div class="flex flex-col items-center justify-center bg-gray-50 p-6 rounded-lg border border-gray-200"><h2 class="text-2xl font-bold text-coop-orange mb-4"><i class="fas fa-file-pdf mr-2"></i>Descarga Nuestro Documento de Protección de Datos </h2><p class="text-gray-700 text-center mb-6">Accede a nuestro documento completo sobre la política de protección de datos personales. Tu privacidad es nuestra prioridad. </p><a href="#" class="bg-coop-orange hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition duration-300 ease-in-out transform hover:scale-105 flex items-center"><i class="fas fa-download mr-3"></i>Descargar PDF </a></div></div></section><!-- Sección de Acordeón de Contenido (Diseño actualizado) --><section class="mb-10"><h2 class="text-3xl font-bold text-coop-orange mb-6 text-center">Nuestras Políticas y Términos</h2><!-- Acordeón:1. Términos y Definiciones --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">1.</span>Términos y Definiciones </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Aquí se detallan los términos clave y las definiciones utilizadas en nuestros documentos y servicios. Es fundamental comprender estos conceptos para una interacción clara y transparente.</p><ul class="list-disc list-inside mt-2"><li><strong>Dato Personal:</strong>Cualquier información concerniente a una persona física identificada o identificable.</li><li><strong>Tratamiento:</strong>Cualquier operación o conjunto de operaciones realizadas sobre datos personales.</li><li><strong>Responsable del Tratamiento:</strong>La persona física o jurídica que decide sobre la finalidad y el contenido del tratamiento de datos personales.</li></ul></div></div></div><!-- Acordeón:2. Identidad y Domicilio del Responsable de la Base de Datos --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">2.</span>Identidad y Domicilio del Responsable de la Base de Datos </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>La entidad responsable de la gestión y protección de sus datos personales es:</p><p class="mt-2"><strong>[Nombre de tu Empresa/Organización]</strong></p><p><strong>Domicilio:</strong>[Tu Dirección Completa]</p><p><strong>Contacto:</strong>[Tu Correo Electrónico o Teléfono]</p></div></div></div><!-- Acordeón:3. Finalidades del tratamiento --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">3.</span>Finalidades del tratamiento </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Sus datos personales son tratados con las siguientes finalidades:</p><ul class="list-disc list-inside mt-2"><li>Gestión de servicios y productos contratados.</li><li>Envío de comunicaciones relevantes (con su consentimiento).</li><li>Mejora de la experiencia de usuario en nuestro sitio web.</li><li>Cumplimiento de obligaciones legales.</li></ul></div></div></div><!-- Acordeón:4. Mecanismos de seguridad --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">4.</span>Mecanismos de seguridad </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Implementamos diversas medidas de seguridad para proteger sus datos:</p><ul class="list-disc list-inside mt-2"><li>Cifrado de datos en tránsito y en reposo.</li><li>Acceso restringido a la información.</li><li>Auditorías de seguridad periódicas.</li><li>Formación continua del personal en protección de datos.</li></ul></div></div></div><!-- Acordeón:5. Almacenamiento y Plazo de la conservación de Datos Personales --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">5.</span>Almacenamiento y Plazo de Conservación de Datos Personales </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Sus datos se almacenan de forma segura en nuestros servidores ubicados en [Región/País].</p><p class="mt-2">El plazo de conservación de los datos personales será el estrictamente necesario para cumplir con las finalidades para las que fueron recabados y las obligaciones legales.</p></div></div></div><!-- Acordeón:6. Políticas de Cookies --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">6.</span>Políticas de Cookies </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Utilizamos cookies para mejorar su experiencia de navegación,analizar el tráfico del sitio y personalizar el contenido. Puede gestionar sus preferencias de cookies en cualquier momento.</p><p class="mt-2">Para más detalles,consulte nuestra <a href="#" class="text-coop-orange hover:underline font-medium">Política de Cookies completa</a>.</p></div></div></div><!-- Acordeón:7. Políticas de Datos Personales --><div class="accordion-item"><div class="accordion-header flex items-center justify-between p-4"><h3 class="text-xl font-semibold text-coop-dark-blue flex items-center"><span class="text-coop-orange mr-2">7.</span>Políticas de Datos Personales </h3><i class="fas fa-plus text-coop-orange rotate-icon"></i></div><div class="accordion-content"><div class="px-4 pt-2 pb-4 text-gray-700"><p>Nuestra política de datos personales describe cómo recopilamos,usamos,protegemos y compartimos su información personal. Nos comprometemos a proteger su privacidad.</p><p class="mt-2">Para más detalles,consulte nuestra <a href="#" class="text-coop-orange hover:underline font-medium">Política de Datos Personales completa</a>.</p></div></div></div></section></div><script>//Script para el funcionamiento del acordeón document.addEventListener('DOMContentLoaded',()=>{const accordionHeaders=document.querySelectorAll('.accordion-header');accordionHeaders.forEach(header=>{header.addEventListener('click',()=>{const content=header.nextElementSibling;const icon=header.querySelector('.rotate-icon');//Cierra todos los acordeones abiertos excepto el actual accordionHeaders.forEach(otherHeader=>{if (otherHeader !==header){const otherContent=otherHeader.nextElementSibling;const otherIcon=otherHeader.querySelector('.rotate-icon');if (otherContent.classList.contains('open')){otherContent.classList.remove('open');otherIcon.classList.remove('rotated')}}});//Abre o cierra el acordeón actual content.classList.toggle('open');icon.classList.toggle('rotated');});});});</script><!-- Font Awesome para iconos --><script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js"></script></body></html>