/**
 * Aviso de cookies. Va en su propio archivo y no en sitio.css porque ese lo
 * regenera el importador del diseño cada vez que se actualiza la plantilla.
 *
 * Todo cuelga de .dc-ck para no chocar con el tema.
 */
.dc-ck {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 99999;
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	background: #0b2a6f;
	color: #fff;
	border-radius: 16px;
	padding: 18px 22px;
	box-shadow: 0 18px 44px rgba(11, 42, 111, .34);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	animation: dc-ck-entra .22s ease-out;
}

@keyframes dc-ck-entra {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: none; }
}

.dc-ck-txt { flex: 1 1 320px; min-width: 0; }
.dc-ck-txt b { font-weight: 700; }
.dc-ck-txt a { color: #ffd66b; text-decoration: underline; }
.dc-ck-txt a:hover { color: #fff; }

.dc-ck-acciones {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.dc-ck-btn {
	font: inherit;
	font-weight: 700;
	border: none;
	border-radius: 999px;
	padding: 11px 26px;
	cursor: pointer;
	transition: filter .15s;
}
.dc-ck-btn:hover { filter: brightness(1.08); }

/* Los dos botones con el mismo tamaño y peso: la ley pide que rechazar sea tan
   fácil como aceptar, así que ninguno puede quedar escondido o deslavado. */
.dc-ck-si { background: #e0a200; color: #16233f; }
.dc-ck-no { background: rgba(255, 255, 255, .95); color: #16233f; }

@media (max-width: 560px) {
	.dc-ck { padding: 16px 18px; gap: 14px; }
	.dc-ck-acciones { width: 100%; }
	.dc-ck-btn { flex: 1; padding: 12px 10px; }
}