/* Código Estilizado: contenedor del bloque Código */
.wp-block-code {
	position: relative;
	background: var(--ce-bg);
	color: var(--ce-text);
	border: 1px solid var(--ce-border);
	border-radius: 10px;
	padding: 2.75rem 1.5rem 1.25rem;
	margin: 1.5rem 0;
	overflow-x: auto;
	font-size: 0.9rem;
	line-height: 1.65;
	tab-size: 4;
}

.wp-block-code code {
	display: block;
	background: transparent;
	color: inherit;
	padding: 0;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	white-space: pre;
}

/* Barra superior con botón */
.ce-copiar {
	position: absolute;
	top: 0.6rem;
	right: 0.75rem;
	padding: 0.25rem 0.7rem;
	font: inherit;
	font-size: 0.75rem;
	color: var(--ce-text);
	background: transparent;
	border: 1px solid var(--ce-border);
	border-radius: 6px;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.15s, background 0.15s;
}

.ce-copiar:hover,
.ce-copiar:focus-visible {
	opacity: 1;
	background: var(--ce-border);
}

/* Colores de sintaxis */
.ce-c { color: var(--ce-comment); font-style: italic; }
.ce-s { color: var(--ce-string); }
.ce-k { color: var(--ce-keyword); }
.ce-n { color: var(--ce-number); }
.ce-f { color: var(--ce-function); }
.ce-v { color: var(--ce-variable); }