Política de Tratamiento de Datos Personales

/* ========================================================= QUINCONNECTION POLÍTICA DE TRATAMIENTO DE DATOS PERSONALES v1.0 Scope exclusivo: .qc-legal ========================================================= */ .qc-legal { --qc-green: #007F53; --qc-green-2: #3AA750; --qc-green-light: #A6CE7D; --qc-green-soft: #DDF3C9; --qc-bg: #07100D; --qc-bg-2: #0A1511; --qc-card: rgba(255,255,255,.028); --qc-card-2: rgba(0,127,83,.055); --qc-text: #D2D7DC; --qc-text-strong: #FFFFFF; --qc-muted: #8EA096; --qc-border: rgba(166,206,125,.12); --qc-border-strong: rgba(58,167,80,.28); --qc-radius: 18px; --qc-radius-sm: 12px; --qc-shadow: 0 24px 70px rgba(0,0,0,.22); width: 100%; position: relative; font-family: Manrope, sans-serif; color: var(--qc-text); font-size: 16px; line-height: 1.78; background: radial-gradient( circle at 12% 0%, rgba(0,127,83,.10), transparent 28% ), transparent; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* ========================================================= LINKS ========================================================= */ .qc-legal a { color: var(--qc-green-light); text-decoration: none; text-underline-offset: 4px; } .qc-legal a:hover { color: #FFFFFF; text-decoration: underline; } /* ========================================================= HERO ========================================================= */ .qc-legal__hero { position: relative; overflow: hidden; padding: 46px 46px 40px; border: 1px solid var(--qc-border); border-radius: 24px; background: linear-gradient( 145deg, rgba(0,127,83,.12), rgba(255,255,255,.018) 46%, rgba(255,255,255,.01) ); box-shadow: var(--qc-shadow); } .qc-legal__hero::before { content: ""; position: absolute; width: 260px; height: 260px; top: -120px; right: -80px; border-radius: 50%; background: radial-gradient( circle, rgba(58,167,80,.20), transparent 68% ); pointer-events: none; } .qc-legal__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--qc-green-light); } .qc-legal__eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--qc-green-2); box-shadow: 0 0 16px rgba(58,167,80,.60); } .qc-legal h1 { max-width: 920px; margin: 0; font-family: Manrope, sans-serif; font-size: clamp(38px, 5vw, 68px); font-weight: 800; line-height: 1.02; letter-spacing: -.045em; color: #FFFFFF; } .qc-legal__lead { max-width: 790px; margin: 20px 0 0; font-size: 17px; line-height: 1.72; color: rgba(210,215,220,.78); } .qc-legal__meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; } .qc-legal__badge { display: inline-flex; align-items: center; min-height: 34px; padding: 8px 12px; border: 1px solid var(--qc-border-strong); border-radius: 999px; background: rgba(0,127,83,.08); font-size: 11px; font-weight: 700; letter-spacing: .035em; color: var(--qc-green-soft); } /* ========================================================= RESPONSABLE ========================================================= */ .qc-legal__identity { margin-top: 18px; padding: 24px; border: 1px solid var(--qc-border); border-radius: var(--qc-radius); background: rgba(255,255,255,.018); } .qc-legal__identity-title { margin: 0 0 16px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--qc-green-light); } .qc-legal__identity-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; } .qc-legal__datum { padding: 15px 16px; border: 1px solid rgba(255,255,255,.045); border-radius: 12px; background: rgba(0,0,0,.13); } .qc-legal__datum small { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--qc-muted); } .qc-legal__datum strong, .qc-legal__datum span { display: block; font-size: 13px; line-height: 1.55; color: #FFFFFF; } /* ========================================================= LAYOUT ========================================================= */ .qc-legal__layout { display: grid; grid-template-columns: minmax(210px, 270px) minmax(0, 1fr); gap: 28px; margin-top: 28px; align-items: start; } /* ========================================================= TOC ========================================================= */ .qc-legal__toc { position: sticky; top: 28px; max-height: calc(100vh - 56px); overflow-y: auto; padding: 22px; border: 1px solid var(--qc-border); border-radius: var(--qc-radius); background: rgba(7,16,13,.90); backdrop-filter: blur(14px); box-shadow: 0 18px 46px rgba(0,0,0,.14); scrollbar-width: thin; } .qc-legal__toc-title { margin: 0 0 13px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--qc-green-light); } .qc-legal__toc ol { margin: 0; padding: 0; list-style: none; counter-reset: qc-toc; } .qc-legal__toc li { counter-increment: qc-toc; } .qc-legal__toc a { display: flex; gap: 9px; padding: 6px 0; font-size: 11px; line-height: 1.45; color: rgba(210,215,220,.60); transition: color .18s ease, transform .18s ease; } .qc-legal__toc a::before { content: counter(qc-toc, decimal-leading-zero); min-width: 22px; font-size: 9px; font-weight: 800; color: rgba(166,206,125,.60); } .qc-legal__toc a:hover { color: #FFFFFF; transform: translateX(3px); text-decoration: none; } /* ========================================================= MAIN CONTENT ========================================================= */ .qc-legal__content { min-width: 0; } .qc-legal__section { scroll-margin-top: 30px; margin-bottom: 16px; padding: 30px 32px; border: 1px solid var(--qc-border); border-radius: var(--qc-radius); background: linear-gradient( 145deg, rgba(255,255,255,.025), rgba(255,255,255,.012) ); box-shadow: 0 10px 36px rgba(0,0,0,.08); } .qc-legal__section--highlight { background: linear-gradient( 145deg, rgba(0,127,83,.085), rgba(255,255,255,.015) ); border-color: rgba(58,167,80,.22); } .qc-legal__section-number { display: inline-flex; margin-bottom: 13px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--qc-green-2); } .qc-legal h2 { margin: 0 0 18px; font-family: Manrope, sans-serif; font-size: clamp(23px, 3vw, 32px); font-weight: 800; line-height: 1.18; letter-spacing: -.025em; color: #FFFFFF; } .qc-legal h3 { margin: 26px 0 9px; font-family: Manrope, sans-serif; font-size: 17px; font-weight: 750; line-height: 1.4; color: #FFFFFF; } .qc-legal p { margin: 0 0 15px; color: rgba(210,215,220,.80); } .qc-legal p:last-child { margin-bottom: 0; } .qc-legal strong { color: #FFFFFF; font-weight: 700; } /* ========================================================= LISTAS ========================================================= */ .qc-legal ul { margin: 15px 0; padding: 0; list-style: none; } .qc-legal ul li { position: relative; margin: 9px 0; padding-left: 22px; color: rgba(210,215,220,.79); } .qc-legal ul li::before { content: ""; position: absolute; left: 2px; top: .78em; width: 6px; height: 6px; border-radius: 50%; background: var(--qc-green-2); box-shadow: 0 0 10px rgba(58,167,80,.40); } /* ========================================================= CALLOUT ========================================================= */ .qc-legal__callout { margin: 20px 0 0; padding: 17px 18px; border-left: 3px solid var(--qc-green-2); border-radius: 0 12px 12px 0; background: rgba(0,127,83,.07); font-size: 13px; line-height: 1.7; color: rgba(221,243,201,.82); } /* ========================================================= TABLA RETENCIÓN ========================================================= */ .qc-legal__table-wrap { width: 100%; overflow-x: auto; margin-top: 18px; border: 1px solid var(--qc-border); border-radius: 14px; } .qc-legal table { width: 100%; min-width: 680px; border-collapse: collapse; background: rgba(0,0,0,.08); } .qc-legal th, .qc-legal td { padding: 15px 16px; border-bottom: 1px solid rgba(255,255,255,.05); text-align: left; vertical-align: top; } .qc-legal th { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--qc-green-light); background: rgba(0,127,83,.075); } .qc-legal td { font-size: 12px; line-height: 1.6; color: rgba(210,215,220,.75); } .qc-legal tr:last-child td { border-bottom: 0; } /* ========================================================= FOOTER LEGAL ========================================================= */ .qc-legal__footer { margin-top: 26px; padding: 28px; border: 1px solid var(--qc-border-strong); border-radius: var(--qc-radius); background: linear-gradient( 135deg, rgba(0,127,83,.12), rgba(0,0,0,.08) ); text-align: center; } .qc-legal__footer-kicker { margin-bottom: 8px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--qc-green-light); } .qc-legal__footer strong { display: block; margin-bottom: 8px; font-size: 19px; } .qc-legal__footer p { max-width: 700px; margin: 0 auto; font-size: 13px; color: rgba(210,215,220,.70); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 980px) { .qc-legal__layout { grid-template-columns: 1fr; } .qc-legal__toc { position: relative; top: auto; max-height: none; } .qc-legal__toc ol { columns: 2; column-gap: 28px; } } @media (max-width: 767px) { .qc-legal { font-size: 15px; } .qc-legal__hero { padding: 30px 22px 26px; border-radius: 18px; } .qc-legal h1 { font-size: 38px; } .qc-legal__lead { font-size: 15px; } .qc-legal__identity { padding: 17px; } .qc-legal__identity-grid { grid-template-columns: 1fr; } .qc-legal__toc { padding: 18px; } .qc-legal__toc ol { columns: 1; } .qc-legal__section { padding: 24px 21px; border-radius: 15px; } .qc-legal h2 { font-size: 24px; } } /* ========================================================= IMPRESIÓN / PDF ========================================================= */ @media print { .qc-legal { --qc-text: #222; --qc-text-strong: #000; background: #FFFFFF !important; color: #222 !important; font-size: 10pt; line-height: 1.55; } .qc-legal__toc { display: none; } .qc-legal__layout { display: block; } .qc-legal__hero, .qc-legal__section, .qc-legal__identity, .qc-legal__footer { box-shadow: none !important; background: #FFFFFF !important; border-color: #DDD !important; } .qc-legal h1, .qc-legal h2, .qc-legal h3, .qc-legal strong, .qc-legal__datum strong, .qc-legal__datum span { color: #000 !important; } .qc-legal p, .qc-legal li, .qc-legal td { color: #333 !important; } .qc-legal__section { break-inside: avoid; } }