/* Comparar Hojas de Cálculo – Política de cookies  (prefijo .chck) */
.chck {
	--chck-azul: #2156D9;
	--chck-menta: #2EC4A6;
	--chck-menta-osc: #139A80;
	--chck-marino: #0F1B3D;
	--chck-texto: #3D4A63;
	--chck-pizarra: #5B6B82;
	--chck-azul-claro: #EEF3FF;
	--chck-menta-claro: #E7F8F3;
	--chck-borde: #E4E9F2;
	--chck-fondo: #F5F7FA;
	width: 100%;
	font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	color: var(--chck-texto);
	line-height: 1.7;
	box-sizing: border-box;
	scroll-margin-top: 90px;
}
.chck *, .chck *::before, .chck *::after { box-sizing: border-box; }
.chck__wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

/* Encabezado */
.chck__hero {
	background:
		radial-gradient(700px 300px at 0% 0%, rgba(46, 196, 166, .15), transparent 60%),
		radial-gradient(700px 320px at 100% 0%, rgba(33, 86, 217, .12), transparent 60%),
		#F7F9FF;
	border-bottom: 1.5px solid var(--chck-borde);
	padding: 56px 0 40px;
}
.chck__eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 14px; border-radius: 999px; background: var(--chck-menta-claro); color: var(--chck-menta-osc);
	font-size: 13px; font-weight: 600;
}
.chck__eyebrow svg { width: 16px; height: 16px; }
.chck .chck__title { margin: 16px 0 10px; padding: 0; font-family: inherit; font-size: clamp(32px, 5vw, 48px); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; color: var(--chck-marino); }
.chck__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font-size: 14.5px; color: var(--chck-pizarra); }
.chck .chck__print {
	display: inline-flex; align-items: center; gap: 6px;
	margin: 0; padding: 6px 12px; border: 1.5px solid var(--chck-borde); border-radius: 10px;
	background: #fff; color: var(--chck-marino); font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer;
}
.chck .chck__print:hover { border-color: var(--chck-azul); color: var(--chck-azul); }
.chck__print svg { width: 16px; height: 16px; }

/* Distribución */
.chck__layout { display: grid; grid-template-columns: 280px 1fr; gap: 56px; align-items: start; padding-top: 44px; padding-bottom: 80px; }
.chck__layout--single { grid-template-columns: 1fr; max-width: 820px; }

/* Índice */
.chck__toc { position: sticky; top: 100px; }
.chck__toc-box { background: #fff; border: 1.5px solid var(--chck-borde); border-radius: 18px; padding: 18px 12px 12px; }
.chck__toc-box summary {
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 10px 10px; list-style: none; cursor: default;
	font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--chck-pizarra);
}
.chck__toc-box summary::-webkit-details-marker { display: none; }
.chck__toc-box summary svg { display: none; width: 14px; height: 14px; transition: transform .2s; }
.chck__toc ol { list-style: none; margin: 0; padding: 0; max-height: calc(100vh - 200px); overflow-y: auto; }
.chck__toc a {
	display: flex; gap: 10px; align-items: baseline;
	padding: 7px 10px; border-radius: 10px;
	font-size: 14px; line-height: 1.4; color: var(--chck-texto) !important; text-decoration: none;
	transition: background .15s, color .15s;
}
.chck__toc a span { flex: 0 0 20px; font-size: 12px; font-weight: 600; color: var(--chck-pizarra); }
.chck__toc a:hover { background: var(--chck-fondo); color: var(--chck-azul) !important; }
.chck__toc a.is-active { background: var(--chck-azul-claro); color: var(--chck-azul) !important; font-weight: 500; }
.chck__toc a.is-active span { color: var(--chck-azul); }

/* Resumen */
.chck__summary {
	margin-bottom: 36px; padding: 24px 26px; border-radius: 18px;
	background: var(--chck-menta-claro); border: 1.5px solid rgba(46, 196, 166, .35);
}
.chck__summary-title { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: var(--chck-marino); }
.chck__summary ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.chck__summary li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.5; color: var(--chck-marino); }
.chck__summary li::before {
	content: ''; position: absolute; left: 0; top: 2px; width: 19px; height: 19px; border-radius: 50%;
	background: var(--chck-menta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.3l2.6 2.5L14 7.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;
}

/* Contenido */
.chck__content { min-width: 0; }
.chck__section { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid var(--chck-borde); scroll-margin-top: 100px; }
.chck__section:last-of-type { border-bottom: 0; }
.chck .chck__section h2 {
	display: flex; align-items: center; gap: 12px;
	margin: 0 0 14px; padding: 0; font-family: inherit; font-size: clamp(20px, 2.4vw, 24px); line-height: 1.3; font-weight: 700; color: var(--chck-marino);
}
.chck__num {
	flex: 0 0 34px; height: 34px; border-radius: 10px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--chck-azul-claro); color: var(--chck-azul); font-size: 15px; font-weight: 700;
}
.chck .chck__section h3 { margin: 20px 0 6px; padding: 0; font-family: inherit; font-size: 16.5px; font-weight: 600; color: var(--chck-marino); }
.chck__section p { margin: 0 0 12px; font-size: 16px; }
.chck__section ul { margin: 0 0 12px; padding: 0; list-style: none; }
.chck__section li { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: 16px; }
.chck__section li::before { content: ''; position: absolute; left: 4px; top: .7em; width: 7px; height: 7px; border-radius: 50%; background: var(--chck-menta); }
.chck__section a { color: var(--chck-azul); text-decoration: underline; text-underline-offset: 2px; }
.chck__section strong { color: var(--chck-marino); font-weight: 600; }
.chck__note { padding: 14px 18px; border-radius: 12px; background: #FFF8E6; border-left: 4px solid #F2B84B; font-size: 15px !important; }

.chck__rights { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.chck .chck__rights li { margin: 0; padding: 14px 16px; border-radius: 14px; background: #fff; border: 1.5px solid var(--chck-borde); font-size: 15px; line-height: 1.5; }
.chck .chck__rights li::before { display: none; }
.chck__rights li strong { display: block; color: var(--chck-azul); }

.chck__table-wrap { overflow-x: auto; margin: 4px 0 12px; border: 1.5px solid var(--chck-borde); border-radius: 14px; }
.chck__table { width: 100%; border-collapse: collapse; margin: 0; font-size: 15px; background: #fff; }
.chck__table th, .chck__table td { padding: 12px 16px; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--chck-borde); }
.chck__table th { background: var(--chck-fondo); color: var(--chck-marino); font-weight: 600; font-size: 14px; }
.chck__table tr:last-child td { border-bottom: 0; }

.chck__top { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 14.5px; font-weight: 600; color: var(--chck-azul) !important; text-decoration: none; }
.chck__top svg { width: 16px; height: 16px; }
.chck a:focus-visible, .chck button:focus-visible, .chck summary:focus-visible { outline: 2px solid var(--chck-azul); outline-offset: 3px; border-radius: 6px; }

/* ---------- Tableta y móvil ---------- */
@media (max-width: 1024px) {
	.chck__layout { grid-template-columns: 1fr; gap: 24px; padding-top: 28px; }
	.chck__toc { position: sticky; top: 76px; z-index: 5; }
	.chck__toc-box { padding: 0; box-shadow: 0 8px 24px rgba(15, 27, 61, .06); }
	.chck__toc-box summary { padding: 14px 18px; cursor: pointer; font-size: 14px; }
	.chck__toc-box summary svg { display: block; }
	.chck__toc-box[open] summary svg { transform: rotate(180deg); }
	.chck__toc-box[open] summary { border-bottom: 1px solid var(--chck-borde); }
	.chck__toc ol { padding: 8px; max-height: 55vh; }
	.chck__section { scroll-margin-top: 160px; }
}
@media (max-width: 640px) {
	.chck__wrap { padding: 0 16px; }
	.chck__hero { padding: 40px 0 28px; }
	.chck__meta > span[aria-hidden] { display: none; }
	.chck__meta { flex-direction: column; align-items: flex-start; gap: 12px; }
	.chck__summary { padding: 20px; }
	.chck__summary ul, .chck__rights { grid-template-columns: 1fr; }
	.chck__section p, .chck__section li { font-size: 15.5px; }
	.chck__table, .chck__table thead, .chck__table tbody, .chck__table tr, .chck__table td { display: block; width: 100%; }
	.chck__table thead { display: none; }
	.chck__table tr { padding: 12px 16px; border-bottom: 1px solid var(--chck-borde); }
	.chck__table tr:last-child { border-bottom: 0; }
	.chck__table td { padding: 0; border: 0; }
	.chck__table td:first-child { font-weight: 600; color: var(--chck-marino); margin-bottom: 2px; }
	.chck__table td:last-child { font-size: 14px; color: var(--chck-pizarra); }
}

/* ---------- Impresión ---------- */
@media print {
	.chck__toc, .chck__print, .chck__top { display: none !important; }
	.chck__layout { display: block; padding: 0; }
	.chck__hero { background: none; border: 0; padding: 0 0 16px; }
	.chck__section { break-inside: avoid-page; }
	.chck__summary, .chck__rights li, .chck__table-wrap { border-color: #ccc; }
	.chck a { color: inherit !important; }
}

/* ---------- Extras de la política de cookies ---------- */
.chck__badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; white-space: nowrap; background: var(--chck-azul-claro, #EEF3FF); color: var(--chck-azul); }
.chck__badge--tecnica { background: #E7F8F3; color: #139A80; }
.chck__badge--analisis { background: #FFF4DE; color: #9A6400; }
.chck__badge--publicidad { background: #FDECEC; color: #B3261E; }
.chck__table code { font-size: 13px; padding: 1px 6px; border-radius: 6px; background: var(--chck-fondo, #F5F7FA); color: var(--chck-marino); word-break: break-all; }
.chck__types { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 6px 0 14px; }
.chck .chck__types li { margin: 0; padding: 16px 18px; border-radius: 14px; background: #fff; border: 1.5px solid var(--chck-borde); font-size: 15px; line-height: 1.5; }
.chck .chck__types li::before { display: none; }
.chck__types li strong { display: block; margin-bottom: 4px; color: var(--chck-marino); }
.chck__manage { display: inline-flex; align-items: center; gap: 8px; margin: 6px 0 10px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--chck-azul); color: #fff !important; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; transition: background .2s; }
.chck__manage:hover { background: #1A47B8; }
.chck__manage svg { width: 18px; height: 18px; }
.chck__browsers { display: flex; flex-wrap: wrap; gap: 8px; }
.chck .chck__browsers li { margin: 0; padding: 0; }
.chck .chck__browsers li::before { display: none; }
.chck__browsers a { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #fff; border: 1.5px solid var(--chck-borde); font-size: 14.5px; font-weight: 500; text-decoration: none !important; }
.chck__browsers a:hover { border-color: var(--chck-azul); }
@media (max-width: 640px) {
	.chck__types { grid-template-columns: 1fr; }
	.chck__table--cookies td { display: flex !important; gap: 10px; margin: 2px 0; }
	.chck__table--cookies td::before { content: attr(data-label); flex: 0 0 38%; font-weight: 600; font-size: 13px; color: var(--chck-pizarra); }
	.chck__table--cookies td:first-child { margin-bottom: 4px; }
	.chck__table--cookies td:last-child { font-size: 15px; color: inherit; }
}
@media print { .chck__manage { display: none !important; } }