/* Cultusfera · aviso de cookies de Complianz con el diseño de la maqueta (Cookies.dc.html).
   Formato, fondo y botones: Personalizar → Cultusfera → Aviso de cookies.
   Capa 1 = aviso; capa 2 = configuración (.cmplz-categories-visible). */

/* Colores según el fondo (igual que la maqueta) */
.cf-ck #cmplz-cookiebanner-container{--ck-bg:#141414;--ck-fg:#FFFFFF;--ck-line:rgba(255,255,255,.18);--ck-off:#55524D;--ck-accent:var(--brand,#FF551F);--ck-hover-soft:rgba(255,255,255,.1);--ck-hover-solid:#E4E2DD}
.cf-ck-claro #cmplz-cookiebanner-container{--ck-bg:#FFFFFF;--ck-fg:#1E1E1E;--ck-line:#E4E2DD;--ck-off:#ABA8A3;--ck-accent:var(--anchor-text,#C2410C);--ck-hover-soft:#F4F2EE;--ck-hover-solid:#4A4743}

/* ---------- Caja ---------- */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner{
	--cmplz_slider_active_color:var(--brand,#FF551F)!important;--cmplz_slider_inactive_color:var(--ck-off)!important;--cmplz_slider_bullet_color:#FFFFFF!important;
	position:fixed!important;z-index:99999!important;box-sizing:border-box!important;
	background:var(--ck-bg)!important;color:var(--ck-fg)!important;border:0!important;border-radius:0!important;
	box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
	font-family:var(--sans,'Open Sauce Sans',Arial,sans-serif)!important;
	margin:0!important;max-width:none!important;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner *{box-sizing:border-box!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner > *{width:auto!important;max-width:none!important;justify-self:stretch!important;align-self:stretch!important;grid-column:auto!important;grid-row:auto!important}
/* Línea superior del color de marca */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner::before{content:""!important;display:block!important;position:absolute!important;left:0;top:0;width:100%;height:4px;background:var(--brand,#FF551F);z-index:1}

/* Piezas de Complianz que la maqueta no tiene */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-information,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-documents,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-manage-options{display:none!important}

/* ---------- Capa 1: aviso ---------- */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-categories,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-btn.cmplz-save-preferences,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-btn.cmplz-view-preferences{display:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories{display:block!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-close{display:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{display:block!important;padding:0!important;margin:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{
	display:block!important;width:auto!important;justify-self:stretch!important;margin:0 0 10px!important;padding:0!important;text-align:left!important;color:var(--ck-fg)!important;
	font-family:var(--serif,'Hedvig Letters Serif',Georgia,serif)!important;font-size:24px!important;font-weight:300!important;line-height:1.2!important;letter-spacing:0!important;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body{display:block!important;padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-body > *{width:auto!important;max-width:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p{margin:0!important;padding:0!important;color:var(--ck-fg)!important;opacity:.86;font-size:15px!important;line-height:1.6!important;text-align:left!important;max-width:760px}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message a{color:inherit!important;text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:1px;opacity:1}

/* Botones */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;margin:22px 0 0!important;padding:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{
	flex:1 1 0!important;min-width:0!important;width:auto!important;height:48px!important;margin:0!important;padding:0 12px!important;border-radius:0!important;
	display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;
	font-family:inherit!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;line-height:1!important;
	background:transparent!important;color:var(--ck-fg)!important;border:1px solid var(--ck-fg)!important;cursor:pointer;text-decoration:none!important;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{order:1}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny{order:2}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{order:3;flex:1.4 1 0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept{order:4}
/* Mixto: «Rechazar todo» y «Aceptar todo» rellenos */
.cf-ck-mixto #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny,
.cf-ck-mixto #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept{background:var(--ck-fg)!important;color:var(--ck-bg)!important}
/* Hover sutil de color, sin subrayado */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:hover{background:var(--ck-hover-soft)!important;text-decoration:none!important}
.cf-ck-mixto #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover,
.cf-ck-mixto #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover{background:var(--ck-hover-solid)!important;border-color:var(--ck-hover-solid)!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn:focus-visible{outline:2px solid var(--brand,#FF551F)!important;outline-offset:2px}

/* Formato: tarjeta en la esquina (abajo a la izquierda, como la maqueta) */
.cf-ck-esquina #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){
	top:auto!important;right:auto!important;left:24px!important;bottom:24px!important;transform:none!important;width:500px!important;padding:30px 28px 26px!important;
}
/* Formato: ventana centrada */
.cf-ck-centro #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){
	top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:540px!important;padding:36px 34px 30px!important;
	box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 0 100vmax rgba(20,20,20,.55)!important;
}
/* Formato: barra inferior */
.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){
	top:auto!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;
	padding:26px max(40px,calc((100% - 1200px) / 2)) 24px!important;
}
@media (min-width:861px){
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show:not(.cmplz-categories-visible){display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-header,
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-body{grid-column:1!important}
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-buttons{grid-column:2!important;grid-row:1 / span 2!important;margin:0!important;flex-wrap:nowrap!important}
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-btn{flex:0 0 auto!important;padding:0 18px!important;font-size:13px!important;letter-spacing:.06em!important}
}

/* ---------- Capa 2: configuración (ventana centrada con fondo oscuro) ---------- */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{
	top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
	width:680px!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 48px)!important;overflow:hidden!important;
	padding:34px 36px 26px!important;box-shadow:0 24px 60px rgba(0,0,0,.3),0 0 0 100vmax rgba(20,20,20,.55)!important;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-title{font-size:28px!important;padding-right:40px!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-message{margin-bottom:18px!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{
	position:absolute!important;top:18px!important;right:18px!important;width:40px!important;height:40px!important;margin:0!important;
	display:flex;align-items:center;justify-content:center;color:var(--ck-fg)!important;background:transparent!important;cursor:pointer;z-index:2;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg{width:18px!important;height:18px!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close svg path{fill:currentColor!important}

/* Categorías */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories{margin:0!important;padding:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category{background:transparent!important;border:0!important;border-top:1px solid var(--ck-line)!important;border-radius:0!important;margin:0!important;padding:16px 0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;grid-template-areas:none!important;gap:10px!important;align-items:center!important;padding:0!important;margin:0!important;background:transparent!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle{order:-1;width:24px!important;height:24px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:var(--ck-fg)!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;transition:transform .2s}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle[aria-expanded="true"]{transform:rotate(90deg)}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-toggle .cmplz-icon{display:flex!important;transform:none!important;background:none!important;width:auto!important;height:auto!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-title{color:var(--ck-fg)!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;margin:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active{justify-self:end;color:var(--ck-accent)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-always-active .cmplz-banner-checkbox{display:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-desc{margin:8px 0 0 34px!important;font-size:14px!important;line-height:1.55!important;color:var(--ck-fg)!important;opacity:.78}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description{margin:12px 0 0 34px!important;padding:0!important;background:transparent!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description[hidden]{display:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description > span:not(.cf-ck-list){display:none!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header > .cmplz-category-toggle{grid-column:1!important;grid-row:1!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header > .cmplz-category-title{grid-column:2!important;grid-row:1!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header > .cmplz-always-active,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-category-header > .cmplz-banner-checkbox{grid-column:3!important;grid-row:1!important}
/* Tabla de cookies */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-list{display:block;font-size:12.5px;line-height:1.5;border:1px solid var(--ck-line);color:var(--ck-fg)}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-list > span{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) minmax(0,.8fr);gap:12px;padding:8px 12px;border-top:1px solid var(--ck-line)}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-list > span:first-child{border-top:0;font-weight:700}

/* Interruptores (48 × 28, como la maqueta) */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox{justify-self:end;position:relative!important;width:48px!important;height:28px!important;margin:0!important;padding:0!important;display:block!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input{position:absolute!important;inset:0!important;width:48px!important;height:28px!important;margin:0!important;opacity:0!important;cursor:pointer;z-index:2}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox .cmplz-label{position:relative!important;display:block!important;width:48px!important;height:28px!important;margin:0!important;padding:0!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox .cmplz-label::before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:48px!important;height:28px!important;border-radius:999px!important;background:var(--ck-off)!important;transition:background-color .2s}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox .cmplz-label::after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#FFFFFF!important;transition:left .2s}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input:checked + .cmplz-label::before{background:var(--brand,#FF551F)!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input:checked + .cmplz-label::after{left:23px!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-banner-checkbox input:focus-visible + .cmplz-label::before{outline:2px solid var(--ck-fg);outline-offset:2px}

/* Botones de la configuración */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons{margin-top:0!important;border-top:1px solid var(--ck-line)!important;padding-top:22px!important}

/* Pestaña flotante de Complianz: no hace falta, el footer tiene «Configuración de cookies» */
.cf-ck #cmplz-manage-consent .cmplz-manage-consent{display:none!important}

/* ---------- Móvil ---------- */
@media (max-width:860px){
	.cf-ck-esquina #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible),
	.cf-ck-centro #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){left:12px!important;right:12px!important;width:auto!important;transform:none!important}
	.cf-ck-centro #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){top:auto!important;bottom:12px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{left:12px!important;right:12px!important;top:12px!important;width:auto!important;max-width:none!important;max-height:calc(100% - 24px)!important;transform:none!important;padding:30px 22px 22px!important}
	.cf-ck-barra #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){padding:22px 20px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{flex-wrap:nowrap!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-list > span{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-list > span > span:nth-child(3){grid-column:1 / -1;opacity:.75}
}

/* Móvil estrecho: «Rechazar todo» y «Aceptar todo» lado a lado; «Configurar» o «Guardar mis preferencias» debajo, a todo el ancho */
@media (max-width:560px){
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn{width:100%!important;padding:0 8px!important;font-size:12px!important;letter-spacing:.04em!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-deny{grid-column:1!important;grid-row:1!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept{grid-column:2!important;grid-row:1!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{grid-column:1 / -1!important;grid-row:2!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner:not(.cmplz-categories-visible){padding:26px 20px 20px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{font-size:22px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-title{font-size:24px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message, .cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-message p{font-size:14px!important}
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cf-ck-desc, .cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-description{margin-left:34px!important}
}

/* Configuración: el título y los botones quedan fijos; solo se desplaza el contenido de en medio */
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible.cmplz-show{display:flex!important;flex-direction:column!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-header,
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-buttons{flex:0 0 auto!important}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-body{
	flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
	margin:0 -12px 0 0!important;padding:0 12px 0 0!important;
	scrollbar-width:thin;scrollbar-color:var(--ck-line) transparent;
}
.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible .cmplz-category:last-child{padding-bottom:20px!important}
@media (max-width:860px){
	.cf-ck #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-categories-visible{max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important}
}