/* Generado por extraer-cmp.py desde HTML_adicional_HEAD_RGPD.txt.
NO editar aquí: los cambios se pierden. Editar el origen y
volver a ejecutar el script. */
:root{
--ccn-bg:#ffffff; --ccn-fg:#1b1b1b; --ccn-muted:#5a5a5a; --ccn-line:#dcdcdc;
--ccn-brand:#0f4c81; --ccn-brand-fg:#ffffff; --ccn-soft:#f4f6f8;
--ccn-focus:#0f4c81; --ccn-radius:10px;
}
@media (prefers-color-scheme: dark){
:root{
--ccn-bg:#1c1f23; --ccn-fg:#f1f1f1; --ccn-muted:#b6bcc4; --ccn-line:#3a4048;
--ccn-brand:#4a90d9; --ccn-brand-fg:#0b1116; --ccn-soft:#252a30; --ccn-focus:#7fb3e8;
}
}
.ccn-root,.ccn-root *{box-sizing:border-box}
.ccn-root button{font-family:inherit}
.ccn-root :focus-visible{outline:3px solid var(--ccn-focus);outline-offset:2px}
/* ---------- Banner de primera capa ---------- */
.ccn-banner{
position:fixed;inset:auto 0 0 0;z-index:2147483000;
background:var(--ccn-bg);color:var(--ccn-fg);
border-top:1px solid var(--ccn-line);
box-shadow:0 -6px 24px rgba(0,0,0,.18);
font-size:15px;line-height:1.5;
padding:20px clamp(16px,4vw,40px);
}
.ccn-banner__inner{max-width:1140px;margin:0 auto;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.ccn-banner__text{flex:1 1 420px;min-width:280px}
.ccn-banner__title{margin:0 0 8px;font-size:17px;font-weight:700}
.ccn-banner__text p{margin:0 0 8px}
.ccn-banner__text p:last-child{margin-bottom:0}
.ccn-banner__actions{flex:0 1 auto;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:2px}
/* Botones: Aceptar y Rechazar con IDÉNTICO peso visual (exigencia AEPD) */
.ccn-btn{
appearance:none;border:2px solid transparent;border-radius:var(--ccn-radius);
padding:11px 20px;font-size:15px;font-weight:600;cursor:pointer;
min-width:150px;text-align:center;transition:filter .15s ease,background .15s ease;
}
.ccn-btn:hover{filter:brightness(1.08)}
.ccn-btn--primary{background:var(--ccn-brand);color:var(--ccn-brand-fg);border-color:var(--ccn-brand)}
.ccn-btn--ghost{background:transparent;color:var(--ccn-fg);border-color:var(--ccn-line)}
.ccn-btn--ghost:hover{background:var(--ccn-soft)}
.ccn-link{color:var(--ccn-brand);text-decoration:underline}
@media (prefers-color-scheme: dark){.ccn-link{color:var(--ccn-focus)}}
/* ---------- Panel de configuración ---------- */
.ccn-overlay{position:fixed;inset:0;z-index:2147483001;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.ccn-modal{
background:var(--ccn-bg);color:var(--ccn-fg);width:min(720px,100%);max-height:min(88vh,900px);
border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);
font-size:15px;line-height:1.5;
}
.ccn-modal__head{padding:20px 24px 14px;border-bottom:1px solid var(--ccn-line);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.ccn-modal__head h2{margin:0;font-size:19px;font-weight:700}
.ccn-modal__head p{margin:6px 0 0;color:var(--ccn-muted);font-size:14px}
.ccn-x{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--ccn-muted);padding:0 4px}
.ccn-modal__body{padding:8px 24px 16px;overflow:auto;flex:1 1 auto}
.ccn-modal__foot{padding:16px 24px;border-top:1px solid var(--ccn-line);display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;background:var(--ccn-soft)}
.ccn-cat{border:1px solid var(--ccn-line);border-radius:var(--ccn-radius);margin:14px 0;overflow:hidden}
.ccn-cat__head{display:flex;gap:14px;align-items:flex-start;padding:14px 16px}
.ccn-cat__main{flex:1 1 auto}
.ccn-cat__name{font-weight:700;margin:0 0 4px}
.ccn-cat__desc{margin:0;color:var(--ccn-muted);font-size:14px}
.ccn-cat__more{background:none;border:0;padding:6px 0 0;color:var(--ccn-brand);font-size:13.5px;cursor:pointer;text-decoration:underline}
@media (prefers-color-scheme: dark){.ccn-cat__more{color:var(--ccn-focus)}}
.ccn-cat__detail{display:none;padding:0 16px 14px}
.ccn-cat__detail.is-open{display:block}
.ccn-tablewrap{overflow-x:auto}
.ccn-cat__detail table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.ccn-cat__detail th,.ccn-cat__detail td{border:1px solid var(--ccn-line);padding:7px 9px;text-align:left;vertical-align:top}
.ccn-cat__detail th{background:var(--ccn-soft);font-weight:600}
.ccn-none{color:var(--ccn-muted);font-size:13.5px;margin:0}
/* Interruptor accesible */
.ccn-switch{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}
.ccn-switch input{position:absolute;opacity:0;width:52px;height:30px;margin:0;cursor:pointer}
.ccn-switch span{width:52px;height:30px;border-radius:999px;background:#9aa2ab;display:block;transition:background .15s ease;pointer-events:none}
.ccn-switch span::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease}
.ccn-switch input:checked + span{background:var(--ccn-brand)}
.ccn-switch input:checked + span::after{transform:translateX(22px)}
.ccn-switch input:disabled + span{background:var(--ccn-brand);opacity:.45;cursor:not-allowed}
.ccn-switch input:focus-visible + span{outline:3px solid var(--ccn-focus);outline-offset:2px}
.ccn-switch__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- Botón permanente para reabrir ---------- */
.ccn-fab{
position:fixed;left:16px;bottom:16px;z-index:2147482999;
width:46px;height:46px;border-radius:50%;border:1px solid var(--ccn-line);
background:var(--ccn-bg);color:var(--ccn-fg);cursor:pointer;
box-shadow:0 4px 14px rgba(0,0,0,.22);font-size:20px;line-height:1;
display:flex;align-items:center;justify-content:center;
}
.ccn-fab:hover{background:var(--ccn-soft)}
/* ---------- Marcador de contenido externo bloqueado ---------- */
.ccn-ph{
border:1px dashed var(--ccn-line);border-radius:var(--ccn-radius);background:var(--ccn-soft);
color:var(--ccn-fg);padding:22px 18px;text-align:center;font-size:14.5px;line-height:1.5;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
min-height:180px;width:100%;
}
.ccn-ph__t{font-weight:700;font-size:15.5px;margin:0}
.ccn-ph__d{margin:0;color:var(--ccn-muted);max-width:52ch}
.ccn-ph__always{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--ccn-muted);cursor:pointer}
.ccn-wrap{position:relative;width:100%}
/* Contenedores que fingen la altura del video con padding (el patron de
insercion responsivo de Vimeo: padding:56.25% 0 0 0 + position:relative).
Sin esto, la tarjeta de bloqueo cae DEBAJO del relleno y queda un hueco en
blanco del tamano del video encima de ella. Con esto, la tarjeta ocupa
exactamente el espacio reservado. */
.ccn-wrap--fill{position:absolute;top:0;left:0;right:0;bottom:0;width:auto}
.ccn-wrap--fill .ccn-ph{height:100%;min-height:0 !important;max-width:none !important;overflow:auto}
@media (max-width:640px){
.ccn-banner__actions{width:100%}
.ccn-btn{flex:1 1 100%;min-width:0}
.ccn-modal__foot .ccn-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion: reduce){
.ccn-root *{transition:none !important}
}
incrustada.
Desde el HTML adicional no se depura y se aplica en todo el sitio.
============================================================================
-->