/*
Theme Name:   Enernum (Kadence Child)
Theme URI:    https://enernum.com
Description:  Tema hijo de Kadence para Enernum. Aloja los ajustes de codigo propios del sitio: reglas de ficha de producto, filtros de WooCommerce y CSS de marca. Ningun cambio debe hacerse ya sobre el tema padre.
Author:       Enernum
Template:     kadence
Version:      1.5.7
Text Domain:  kadence-child
*/

/* ==========================================================================
   Enernum — ficha de producto
   Tokens del sistema: se usan las variables de paleta de Kadence.
   palette1 oro · palette2 oro apagado · palette3 hueso · palette4 hueso atenuado
   palette5 piedra · palette6 filete · palette7 tinta · palette8 tinta suave
   ========================================================================== */

/* --- Eyebrow de colección sobre el título --- */
.woocommerce div.product .product-single-category {
	display: block;
	margin-bottom: 0.9em;
}

/* --- Selector visual de variaciones --------------------------------------- */

.woocommerce div.product form.cart .variations {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations tr {
	display: block;
	border-top: 1px solid var(--global-palette6);
	padding: 1.35em 0 0;
	margin-bottom: 1.35em;
}

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
}

.woocommerce div.product form.cart .variations th.label label {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette5);
	margin: 0 0 0.95em;
	display: block;
}

.enernum-select-oculto {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.enernum-opciones {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.enernum-opcion {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.04em;
	line-height: 1.2;
	background: transparent;
	color: var(--global-palette4);
	border: 1px solid var(--global-palette6);
	border-radius: 2px;
	padding: 11px 16px;
	cursor: pointer;
	transition: border-color 0.18s, color 0.18s, background 0.18s;
}

.enernum-opcion:hover:not(:disabled) {
	border-color: var(--global-palette2);
	color: var(--global-palette3);
}

.enernum-opcion[aria-checked="true"] {
	border-color: var(--global-palette1);
	color: var(--global-palette1);
	background: rgba(194, 124, 78, 0.07);
}

.enernum-opcion:disabled {
	color: #4a4740;
	border-color: #211e19;
	cursor: not-allowed;
	text-decoration: line-through;
	text-decoration-color: #3a362e;
}

/* Tamaño y talla: aros de escala creciente, mismo lenguaje que la página
   de colección. */
.enernum-opciones.es-escala .enernum-opcion {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	min-width: 92px;
	padding: 14px 18px 12px;
	text-decoration: none;
}

.enernum-opciones.es-escala .enernum-opcion svg circle {
	fill: none;
	stroke: var(--global-palette4);
	stroke-width: 1;
	transition: stroke 0.18s;
}

.enernum-opciones.es-escala .enernum-opcion[aria-checked="true"] svg circle {
	stroke: var(--global-palette1);
}

.enernum-opciones.es-escala .enernum-opcion:disabled svg circle {
	stroke: #3a362e;
}

.enernum-opciones.es-escala .enernum-opcion:disabled .enernum-opcion__nombre {
	text-decoration: line-through;
	text-decoration-color: #3a362e;
}

/* El enlace «Limpiar» de WooCommerce */
.woocommerce div.product form.cart .reset_variations {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 10.5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--global-palette5);
}

.woocommerce div.product form.cart .reset_variations:hover {
	color: var(--global-palette1);
}

/* --- Pestaña Acabados ----------------------------------------------------- */

.enernum-acabados {
	margin: 0;
	max-width: 66ch;
}

.enernum-acabados dt {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette2);
	margin: 0 0 0.7em;
}

.enernum-acabados dd {
	margin: 0 0 2.2em;
	color: var(--global-palette4);
}

.enernum-acabados dd:last-child {
	margin-bottom: 0;
}

.enernum-acabados dd p {
	margin: 0 0 0.9em;
}

.enernum-acabados dd p:last-child {
	margin-bottom: 0;
}

/* --- Eyebrow de colección ------------------------------------------------- */

.enernum-eyebrow {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--global-palette1);
	margin: 0 0 1.05em;
}

.enernum-eyebrow a {
	color: inherit;
	text-decoration: none;
	box-shadow: none;
}

.enernum-eyebrow a:hover {
	color: var(--global-palette3);
}

.enernum-eyebrow__sep {
	color: var(--global-palette2);
}

/* --- Título y precio ------------------------------------------------------ */

.woocommerce div.product .product_title {
	margin: 0 0 0.4em;
}

.woocommerce div.product p.price,
.woocommerce div.product .summary .price {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--global-palette1);
	font-variant-numeric: tabular-nums;
	margin: 0 0 1.5em;
}

.woocommerce div.product p.price .woocommerce-Price-amount {
	white-space: nowrap;
}

.woocommerce div.product p.price del {
	color: var(--global-palette5);
	font-weight: 500;
	opacity: 1;
}

.woocommerce div.product p.price ins {
	text-decoration: none;
	background: transparent;
	color: inherit;
}

/* --- Descripción corta ---------------------------------------------------- */

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--global-palette4);
	max-width: 46ch;
	margin-bottom: 2em;
}

.woocommerce div.product .woocommerce-product-details__short-description p:last-child {
	margin-bottom: 0;
}

/* La raya del rango de precios la escribe WooCommerce dentro de un
   <span aria-hidden="true">; solo se atenúa. */
.woocommerce div.product p.price span[aria-hidden="true"] {
	color: var(--global-palette2);
	font-weight: 500;
	padding: 0 0.12em;
}

/* --- Franjas editoriales de la ficha -------------------------------------- */
/* Nota de confianza, tamaños y «otras versiones». Añadido el 29/08/2026 tras
   el desdoble de Códex Numerum. */

.enernum-confianza {
	list-style: none;
	margin: 1.6em 0 0;
	padding: 1.4em 0 0;
	border-top: 1px solid var(--global-palette6);
	font-family: Manrope, sans-serif;
	font-size: 12.5px;
	line-height: 1.7;
	color: var(--global-palette5);
}

.enernum-confianza li {
	margin: 0 0 0.35em;
	padding-left: 1.1em;
	position: relative;
}

.enernum-confianza li:last-child {
	margin-bottom: 0;
}

.enernum-confianza li::before {
	content: "\00B7";
	position: absolute;
	left: 0;
	color: var(--global-palette1);
}

.enernum-franja {
	margin: 5em 0 0;
	padding-top: 3.4em;
	border-top: 1px solid var(--global-palette6);
}

.enernum-franja__eyebrow {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--global-palette1);
	margin: 0 0 0.9em;
}

.enernum-franja__titulo {
	margin: 0 0 0.5em;
}

.enernum-franja__entrada {
	color: var(--global-palette4);
	max-width: 56ch;
	margin: 0 0 2.6em;
}

/* Tamaños */

.enernum-tamanos__rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 2.6em;
	margin-top: 2.6em;
}

.enernum-tamanos__item svg circle {
	fill: none;
	stroke: var(--global-palette2);
	stroke-width: 1;
}

.enernum-tamanos__item h3 {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--global-palette3);
	margin: 1em 0 0.7em;
}

.enernum-tamanos__item p {
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--global-palette5);
	margin: 0 0 0.8em;
}

.enernum-tamanos__item p:last-child {
	margin-bottom: 0;
}

/* Otras versiones del número */

.enernum-versiones__rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 1.8em;
}

.enernum-versiones__item {
	display: block;
	text-decoration: none;
	box-shadow: none;
	border: 1px solid transparent;
	transition: border-color 0.2s;
}

.enernum-versiones__item:hover {
	border-color: var(--global-palette6);
}

.enernum-versiones__foto {
	display: block;
	margin-bottom: 1em;
	background: var(--global-palette8);
}

.enernum-versiones__foto img {
	display: block;
	width: 100%;
	height: auto;
}

.enernum-versiones__coleccion {
	display: block;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 10px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--global-palette1);
	margin-bottom: 0.5em;
}

.enernum-versiones__nombre {
	display: block;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--global-palette3);
	margin-bottom: 0.4em;
}

.enernum-versiones__precio {
	display: block;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: var(--global-palette4);
	font-variant-numeric: tabular-nums;
}

.enernum-versiones__pie {
	margin: 2.4em 0 0;
}

.enernum-versiones__pie a {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette1);
	text-decoration: none;
	box-shadow: none;
}

.enernum-versiones__pie a:hover {
	color: var(--global-palette3);
}
/* Conmutador de líneas de Códex Numerum (archivo de colección) */

.enernum-lineas__rejilla {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.8em;
}

.enernum-lineas__item {
	display: block;
	text-decoration: none;
	box-shadow: none;
	padding-bottom: 1.4em;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s;
}

.enernum-lineas__item:hover {
	border-bottom-color: var(--global-palette1);
}

.enernum-lineas__item.es-aqui {
	border-bottom-color: var(--global-palette6);
}

.enernum-lineas__foto {
	display: block;
	margin-bottom: 1.1em;
	background: var(--global-palette8);
}

.enernum-lineas__foto img {
	display: block;
	width: 100%;
	height: auto;
}

.enernum-lineas__item.es-aqui .enernum-lineas__foto {
	opacity: 0.45;
}

.enernum-lineas__nombre {
	display: block;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-size: 27px;
	line-height: 1.15;
	color: var(--global-palette3);
	margin-bottom: 0.32em;
}

.enernum-lineas__item:hover .enernum-lineas__nombre {
	color: var(--global-palette1);
}

.enernum-lineas__cuenta {
	display: block;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 10.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette2);
	margin-bottom: 0.9em;
}

.enernum-lineas__frase {
	display: block;
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--global-palette5);
}

/* ==========================================================================
   Páginas de número — /numero/uno/ … /numero/maestro-55/
   ========================================================================== */

.enernum-numero__hero {
	display: grid;
	grid-template-columns: 0.3fr 0.7fr;
	gap: 3rem;
	align-items: start;
	margin-bottom: 3rem;
}

.enernum-numero__cifra {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 190px;
	line-height: 0.78;
	color: var(--global-palette1);
	margin: -0.08em 0 0;
}

.enernum-claves {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.2rem;
	border-top: 1px solid var(--global-palette6);
	padding-top: 2.2rem;
}

.enernum-clave h2 {
	font-family: Montserrat, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--global-palette2);
	margin: 0 0 0.8em;
}

.enernum-clave p {
	margin: 0;
	color: var(--global-palette4);
	font-size: 15px;
	line-height: 1.75;
}

/* --- El rail de los catorce ---------------------------------------------- */

.enernum-rail {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.enernum-rail__item {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	border: 1px solid var(--global-palette6);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 500;
	font-size: 22px;
	line-height: 1;
	color: var(--global-palette4);
	text-decoration: none;
	box-shadow: none;
	transition: border-color 0.18s, color 0.18s, background 0.18s;
}

/* El relleno tenue es el mismo que usa el selector de la ficha para la opción
   elegida. Va en rgba porque la paleta no tiene tokens con alfa. */
.enernum-rail__item:hover,
.enernum-rail__item:focus-visible {
	border-color: var(--global-palette1);
	color: var(--global-palette1);
	background: rgba(194, 124, 78, 0.07);
}

.enernum-rail__item.es-maestro {
	border-style: dashed;
}

.enernum-rail__item.es-actual {
	border-color: var(--global-palette1);
	color: var(--global-palette7);
	background: var(--global-palette1);
}

/* --- El índice ------------------------------------------------------------ */

.enernum-indice__lista {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--global-palette6);
	border: 1px solid var(--global-palette6);
}

.enernum-indice__item {
	background: var(--global-palette7);
	display: flex;
	align-items: baseline;
	gap: 1.4rem;
	padding: 1.6rem 1.8rem;
	text-decoration: none;
	box-shadow: none;
	transition: background 0.18s;
}

.enernum-indice__item:hover {
	background: var(--global-palette8);
}

.enernum-indice__cifra {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 42px;
	line-height: 1;
	color: var(--global-palette1);
	min-width: 1.6em;
}

.enernum-indice__texto {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.enernum-indice__luz {
	color: var(--global-palette4);
	font-size: 14.5px;
	line-height: 1.6;
}

.enernum-indice__cuenta {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 10.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--global-palette5);
}

/* --- La llamada de cierre ------------------------------------------------- */

.enernum-llamada {
	border: 1px solid var(--global-palette6);
	padding: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.8rem;
	flex-wrap: wrap;
}

.enernum-llamada p {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-style: italic;
	font-weight: 400;
	font-size: 25px;
	line-height: 1.4;
	color: var(--global-palette3);
	margin: 0;
	max-width: 34ch;
}

.enernum-llamada__botones {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.enernum-llamada__contorno {
	background: transparent !important;
	color: var(--global-palette3) !important;
	border: 1px solid var(--global-palette6) !important;
}

.enernum-llamada__contorno:hover {
	color: var(--global-palette1) !important;
	border-color: var(--global-palette1) !important;
}

@media (max-width: 940px) {

	.enernum-numero__hero,
	.enernum-claves,
	.enernum-indice__lista {
		grid-template-columns: 1fr;
	}

	.enernum-numero__cifra {
		font-size: 110px;
	}

	.enernum-llamada {
		padding: 1.8rem;
	}

	.enernum-llamada p {
		font-size: 21px;
	}
}

.enernum-numero__titulo {
	font-size: 40px;
	line-height: 1.15;
	margin: 0 0 0.5em;
	text-wrap: balance;
}

@media (max-width: 940px) {
	.enernum-numero__titulo {
		font-size: 30px;
	}
}

/* El contenido de página va a todo el ancho de la ventana en este sitio
   (content-width-fullwidth + content-style-unboxed). Las páginas de número
   recuperan el contenedor para alinearse con la cabecera y el pie. */
.enernum-ancho {
	max-width: var(--global-content-width, 1290px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--global-content-edge-padding, 1.5rem);
	padding-right: var(--global-content-edge-padding, 1.5rem);
	box-sizing: border-box;
}

.enernum-ancho > .enernum-franja:first-child {
	margin-top: 0;
	padding-top: 4.5em;
	border-top: none;
}

/* Dos columnas centradas verticalmente: la cifra y el bloque de texto se
   equilibran entre sí sin depender de la métrica de la fuente. Con line-height 1
   la caja del número se ciñe al trazo, que es lo que hace que el centrado se lea
   ópticamente bien tanto con el 1 como con el 9 o el 55. */
.enernum-numero__hero {
	align-items: center;
}

.enernum-numero__cifra {
	line-height: 1;
	margin: 0;
}

.enernum-numero__hero .enernum-franja__entrada {
	margin-bottom: 0;
}

/* Sobretítulo, título y entradilla con la misma separación entre ellos.
   El margen superior del h1 lo pone la hoja del tema con más peso que una sola
   clase, de ahí el selector doble. Las dos distancias van en rem y con el mismo
   valor: así son iguales por construcción, no por tanteo. */
.enernum-numero__hero .enernum-franja__eyebrow {
	margin: 0 0 1.25rem;
}

.enernum-numero__hero .enernum-numero__titulo {
	margin: 0 0 1.25rem;
}

/* El hover de la tarjeta de pieza.

   El filete original rodeaba la tarjeta y quedaba pegado al texto. En vez de
   meterle relleno —que devuelve la caja, y las tarjetas de la tienda son
   «unboxed»— el filete se queda solo abajo, cerrando la tarjeta por su base.
   El nombre acompaña pasando a oro.

   El filete está siempre, transparente, para que al pasar por encima no se mueva
   nada: solo cambia el color.

   Afecta también al bloque «Otras versiones» de la ficha, que usa esta tarjeta. */
.enernum-versiones__item {
	border: 0;
	border-bottom: 1px solid transparent;
	padding-bottom: 1em;
	transition: border-color 0.2s;
}

.enernum-versiones__nombre {
	transition: color 0.2s;
}

.enernum-versiones__item:hover,
.enernum-versiones__item:focus-visible {
	border-bottom-color: var(--global-palette1);
}

.enernum-versiones__item:hover .enernum-versiones__nombre,
.enernum-versiones__item:focus-visible .enernum-versiones__nombre {
	color: var(--global-palette1);
}

/* El precio cedía poco protagonismo al nombre: los dos iban en la familia clara
   de la paleta (palette4 frente a palette3) y con el mismo peso.

   Se baja al token de metadatos (palette5, piedra) en lugar de usar `opacity`:
   el resultado se ve igual pero es el color que el sistema ya usa para este tipo
   de dato, y no arrastra a los hijos del elemento como haría la opacidad.
   El peso se mantiene en 600: un precio tiene que leerse sin esfuerzo. */
.enernum-versiones__precio {
	color: var(--global-palette5);
}

/* El aro de la foto replica el de los círculos del rail de números: el filete
   está siempre puesto, en el gris del sistema, y el hover lo dora. No aparece de
   la nada —que era lo que no se leía igual— sino que cambia de color, con la
   misma duración que el rail. */
.enernum-versiones__foto {
	border: 1px solid var(--global-palette6);
	transition: border-color 0.18s;
}

/* La foto no cambia al pasar: conserva su filete gris. El hover lo llevan el
   nombre (a oro), el acabado (a hueso) y el filete inferior de la tarjeta. */
.enernum-versiones__coleccion {
	transition: color 0.2s;
}

.enernum-versiones__item:hover .enernum-versiones__coleccion,
.enernum-versiones__item:focus-visible .enernum-versiones__coleccion {
	color: var(--global-palette3);
}

/* Aire bajo la última franja: la llamada quedaba pegada al pie. Se pone en la
   última y no como relleno del contenedor para que valga igual en la página de
   un número y en el índice. */
.enernum-ancho > .enernum-franja:last-child {
	margin-bottom: 5rem;
}

/* ==========================================================================
   INICIO — Hero a pantalla completa (30/08/2026)
   El vídeo de fondo ocupa todo el alto visible menos la cabecera.
   Altura de cabecera = fila principal (min-height 80px) + filete inferior 1px.
   Si se cambia la altura de la cabecera en el Personalizador, ajustar aquí.
   El selector apunta a la primera fila Kadence de la home, no al uniqueID,
   para que siga funcionando si se regenera el contenido de la página 22.
   ========================================================================== */
:root {
	--enernum-header-h: 81px;
}

.home .entry-content > .kb-row-layout-wrap:first-child > .kt-row-column-wrap {
	min-height: calc(100vh - var(--enernum-header-h));
	min-height: calc(100svh - var(--enernum-header-h));
}

/* ==========================================================================
   INICIO — Bloque "El artesano" (Luis) a ancho completo (30/08/2026)
   La foto llena su mitad de pantalla con recorte cover; el texto queda en la
   otra mitad con un ancho de lectura acotado.
   Las clases enernum-luis-media / enernum-luis-texto se escriben a mano en el
   HTML de las columnas Kadence (kadence/column no se autorreconstruye en PHP).
   Si se regenera la página 22, hay que mantenerlas o la sección pierde el
   recorte y la foto vuelve a estirarse a lo alto.
   ========================================================================== */
.enernum-luis-media > .kt-inside-inner-col {
	height: 100%;
	justify-content: stretch;
}

.enernum-luis-media > .kt-inside-inner-col > figure {
	height: 100%;
	margin: 0;
}

.enernum-luis-media > .kt-inside-inner-col > figure > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.enernum-luis-texto > .kt-inside-inner-col {
	max-width: 620px;
}

@media all and (max-width: 767px) {
	.enernum-luis-media > .kt-inside-inner-col,
	.enernum-luis-media > .kt-inside-inner-col > figure,
	.enernum-luis-media > .kt-inside-inner-col > figure > img {
		height: auto;
	}

	.enernum-luis-texto > .kt-inside-inner-col {
		max-width: none;
	}
}

/* Cajas con ancho máximo y texto centrado: centrar también la caja (30/08/2026) */
.enernum-centrado {
	margin-left: auto;
	margin-right: auto;
}

/* Centrar cajas con ancho máximo — gana a la regla en línea de Kadence (30/08/2026) */
.entry-content .enernum-centrado.wp-block-kadence-advancedheading {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Aire arriba y abajo de la calculadora de número vital */
.entry-content .calc-block {
	margin-top: 120px !important;
	margin-bottom: 120px !important;
}

/* Enlace del resultado de la calculadora a su página de número (30/08/2026) */
.num-link {
	display: inline-block;
	margin-top: 22px;
	font-family: Montserrat, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--global-palette1, #C27C4E);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.num-link:hover,
.num-link:focus-visible {
	color: var(--global-palette2, #D9B871);
	border-bottom-color: currentColor;
}

/* Calculadora: el cobre está reservado a Códex Copper — aquí va el oro (30/08/2026) */
.calc-block .eyebrow,
.calc-block .num-archetype {
	color: var(--global-palette1, #C27C4E);
}


/* ==========================================================================
   FICHA DE PRODUCTO · diseño B «Noche» (05/10/2026)
   Aprobado por Francisco tras la vista previa ?ficha=b del 02–05/10.
   Doc: claude/ficha-b-vista-previa.md. Todo con variables de paleta.
   Ámbito: body.single-product.woocommerce (misma especificidad que tenía la
   vista previa). Los !important pisan anchos, flotados y alturas que
   WooCommerce y Kadence imponen con más peso.
   El JS de flechas y contador está en assets/js/selector.js.
   ========================================================================== */

/* --- Retícula: galería | panel de compra; lo demás a todo el ancho -------- */
body.single-product.woocommerce div.product{
	display:grid;
	grid-template-columns:minmax(0,1fr) 460px;
	column-gap:0;
	align-items:start;
}
body.single-product.woocommerce div.product > *{grid-column:1 / -1;order:5;}
/* El clearfix de WooCommerce (::before/::after) entraría como celda de la retícula */
body.single-product.woocommerce div.product::before,
body.single-product.woocommerce div.product::after{display:none !important;}
/* Orden de la maqueta B: compra → tamaños → pestañas */
body.single-product.woocommerce div.product > .woocommerce-product-gallery,
body.single-product.woocommerce div.product > .summary{order:0;}
body.single-product.woocommerce div.product > .enernum-tamanos{order:1;}
body.single-product.woocommerce div.product > .woocommerce-tabs{order:2;}
body.single-product.woocommerce div.product > .woocommerce-product-gallery{
	grid-column:1;
	width:auto !important;
	float:none !important;
	margin:0 !important;
}
body.single-product.woocommerce div.product > .summary{
	grid-column:2;
	width:auto !important;
	float:none !important;
	margin:0 !important;
	align-self:stretch;
	background:var(--global-palette8);
	border:1px solid var(--global-palette6);
	border-left:0;
	padding:40px 44px 44px;
}
body.single-product.woocommerce .product-title.product-above{margin-bottom:20px;}
body.single-product.woocommerce .kadence-breadcrumbs{
	font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;
	letter-spacing:.16em;text-transform:uppercase;color:var(--global-palette5);
}
body.single-product.woocommerce .kadence-breadcrumbs a{color:var(--global-palette5);text-decoration:none;box-shadow:none;}
body.single-product.woocommerce .kadence-breadcrumbs a:hover{color:var(--global-palette1);}

/* --- Galería: carrusel nativo con otro aspecto ---------------------------- */
body.single-product.woocommerce .woocommerce-product-gallery{
	position:relative;
	background:var(--global-palette6);
	border:1px solid var(--global-palette6);
}
body.single-product.woocommerce .woocommerce-product-gallery .flex-viewport,
body.single-product.woocommerce .woocommerce-product-gallery__wrapper{background:var(--global-palette8);}
body.single-product.woocommerce .woocommerce-product-gallery__image img{
	width:100%;
	aspect-ratio:1 / 1;
	object-fit:cover;
	background:var(--global-palette8);
}
/* Tira de miniaturas: una fila que se desliza, valga para 5 fotos o para 21 */
body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs{
	display:flex !important;
	flex-wrap:nowrap !important;
	justify-content:flex-start !important;
	gap:8px;
	margin:0 !important;
	padding:14px 16px !important;
	overflow-x:auto;
	background:var(--global-palette7);
	scrollbar-width:thin;
	scrollbar-color:var(--global-palette6) transparent;
}
body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs li{
	flex:0 0 84px !important;
	width:84px !important;
	height:84px !important;
	max-width:none !important;
	padding:0 !important;
	margin:0 !important;
	float:none !important;
}
body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs img{
	display:block;width:84px;height:84px;object-fit:cover;
	border:1px solid var(--global-palette6);
	opacity:.55;
	transition:opacity .18s,border-color .18s;
	cursor:pointer;
}
body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs img:hover{opacity:.9;}
body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs img.flex-active{
	opacity:1;border-color:var(--global-palette1);
}
/* Flechas, contador y botón de ampliar */
body.single-product .enx-gal-flecha{
	display:flex;align-items:center;justify-content:center;
	position:absolute;z-index:5;
	width:52px;height:52px;padding:0;
	background:var(--global-palette7);
	border:1px solid var(--global-palette6);
	border-radius:2px;
	color:var(--global-palette3);
	cursor:pointer;
	transition:border-color .18s,color .18s;
}
body.single-product .enx-gal-flecha:hover,
body.single-product .enx-gal-flecha:focus-visible{border-color:var(--global-palette1);color:var(--global-palette1);}
body.single-product .enx-gal-flecha svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;}
body.single-product .enx-gal-flecha--ant{left:20px;}
body.single-product .enx-gal-flecha--sig{right:20px;}
body.single-product .enx-gal-contador{
	display:block;position:absolute;z-index:5;left:20px;
	padding:7px 12px;
	background:var(--global-palette7);
	border:1px solid var(--global-palette6);
	font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;
	color:var(--global-palette3);
	font-variant-numeric:tabular-nums;
	pointer-events:none;
}
body.single-product.woocommerce .woocommerce-product-gallery__trigger{
	top:20px !important;right:20px !important;
	width:44px !important;height:44px !important;
	background:var(--global-palette7) !important;
	border:1px solid var(--global-palette6) !important;
	border-radius:2px !important;
	transition:border-color .18s;
}
/* 09/10/2026: Kadence pinta la lupa en #000 para su círculo blanco; sobre el
   fondo negro no se veía. Mismo color y hover que las flechas, centrada en 44 px. */
body.single-product.woocommerce .woocommerce-product-gallery__trigger::before{
	top:12px !important;left:12px !important;
	border-color:var(--global-palette3) !important;
	transition:border-color .18s;
}
body.single-product.woocommerce .woocommerce-product-gallery__trigger::after{
	top:22px !important;left:25px !important;
	background:var(--global-palette3) !important;
	transition:background-color .18s;
}
body.single-product.woocommerce .woocommerce-product-gallery__trigger:hover,
body.single-product.woocommerce .woocommerce-product-gallery__trigger:focus-visible{border-color:var(--global-palette1) !important;}
body.single-product.woocommerce .woocommerce-product-gallery__trigger:hover::before,
body.single-product.woocommerce .woocommerce-product-gallery__trigger:focus-visible::before{border-color:var(--global-palette1) !important;}
body.single-product.woocommerce .woocommerce-product-gallery__trigger:hover::after,
body.single-product.woocommerce .woocommerce-product-gallery__trigger:focus-visible::after{background:var(--global-palette1) !important;}

/* --- Panel de compra ------------------------------------------------------ */
body.single-product.woocommerce .summary .enernum-eyebrow{margin-bottom:14px;}
body.single-product.woocommerce .summary .product_title{
	font-family:Montserrat,sans-serif !important;
	font-size:28px !important;
	font-weight:600 !important;
	font-style:normal !important;
	letter-spacing:.08em;
	text-transform:uppercase;
	line-height:1.25 !important;
	color:var(--global-palette3);
	margin:0 0 14px;
}
body.single-product.woocommerce .summary .price{
	font-family:Montserrat,sans-serif;
	font-size:22px !important;
	font-weight:500;
	color:var(--global-palette3) !important;
	margin:0 0 18px;
	font-variant-numeric:tabular-nums;
}
body.single-product.woocommerce .summary .price *{color:inherit !important;}
body.single-product.woocommerce .summary .woocommerce-product-details__short-description{
	font-family:Manrope,sans-serif;font-size:15px;line-height:1.75;
	color:var(--global-palette4);
	padding-bottom:26px;margin-bottom:26px;
	border-bottom:1px solid var(--global-palette6);
}
body.single-product.woocommerce .summary .woocommerce-product-details__short-description p{margin:0;}

/* Selectores: la tabla de WooCommerce pasa a ser una columna */
body.single-product.woocommerce .summary table.variations,
body.single-product.woocommerce .summary table.variations tbody,
body.single-product.woocommerce .summary table.variations tr,
body.single-product.woocommerce .summary table.variations th,
body.single-product.woocommerce .summary table.variations td{
	display:block !important;width:100% !important;padding:0 !important;border:0 !important;background:none !important;
}
body.single-product.woocommerce .summary table.variations{margin:0 0 6px;}
body.single-product.woocommerce .summary table.variations tr{margin:0 0 22px;}
body.single-product.woocommerce .summary table.variations th.label{margin-bottom:10px;}
body.single-product.woocommerce .summary table.variations th.label label{
	font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;
	letter-spacing:.18em;text-transform:uppercase;
	color:var(--global-palette5);
}
body.single-product.woocommerce .summary .enernum-opciones{display:flex;flex-wrap:wrap;gap:8px;}
body.single-product.woocommerce .summary .enernum-opcion{
	flex:1 1 76px;
	justify-content:center;
	min-height:46px;
	padding:12px 18px;
	color:var(--global-palette3);
	border-color:var(--global-palette6);
}
body.single-product.woocommerce .summary .enernum-opcion[aria-checked="true"]{
	color:var(--global-palette1);
	border-color:var(--global-palette1);
	background:transparent;
}
body.single-product.woocommerce .summary .enernum-opciones.es-escala .enernum-opcion{
	flex-direction:row;justify-content:center;gap:10px;min-width:0;padding:10px 12px;
}
body.single-product.woocommerce .summary .enernum-opciones.es-escala .enernum-opcion svg{width:26px;height:26px;}
body.single-product.woocommerce .summary .reset_variations{
	display:inline-block;margin-top:10px;
	font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:600;
	letter-spacing:.14em;text-transform:uppercase;
	color:var(--global-palette5);
}
body.single-product.woocommerce .summary .single_variation:empty{display:none;}
body.single-product.woocommerce .summary .single_variation .price{font-size:20px !important;margin:4px 0 16px;}
body.single-product.woocommerce .summary .woocommerce-variation-availability p{
	font-family:Manrope,sans-serif;font-size:13px;color:var(--global-palette4);margin:0 0 14px;
}

/* Cantidad + botón */
body.single-product.woocommerce .summary .variations_button,
body.single-product.woocommerce .summary form.cart:not(.variations_form){
	display:flex;gap:10px;align-items:stretch;
}
body.single-product.woocommerce .summary .quantity{margin:0 !important;}
body.single-product.woocommerce .summary .quantity .qty{
	width:64px;height:56px !important;
	margin:0 !important;
	background:transparent;
	border:1px solid var(--global-palette6);
	border-radius:2px;
	color:var(--global-palette3);
	font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;text-align:center;
}
body.single-product.woocommerce .summary .single_add_to_cart_button{
	flex-grow:1;
	height:56px !important;
	min-height:56px !important;
	line-height:1 !important;
	margin:0 !important;
	padding:0 24px !important;
	background:var(--global-palette1) !important;
	color:var(--global-palette9) !important;
	border:0 !important;
	border-radius:2px !important;
	font-family:Montserrat,sans-serif;font-size:12.5px !important;font-weight:700 !important;
	letter-spacing:.18em;text-transform:uppercase;
	transition:background .18s;
}
body.single-product.woocommerce .summary .single_add_to_cart_button:hover{background:var(--global-palette3) !important;}
body.single-product.woocommerce .summary .single_add_to_cart_button.disabled{opacity:.6;}
body.single-product.woocommerce .summary .variations_button .quantity{display:flex;}

/* Confianza: filas con filete, como en la maqueta */
body.single-product.woocommerce .summary .enernum-confianza{
	margin:28px 0 0;padding:0;
	border-top:1px solid var(--global-palette6);
	font-size:13.5px;line-height:1.55;
	color:var(--global-palette4);
}
body.single-product.woocommerce .summary .enernum-confianza li{
	margin:0;padding:13px 0 13px 18px;
	border-bottom:1px solid var(--global-palette6);
}
body.single-product.woocommerce .summary .enernum-confianza li:last-child{border-bottom:0;padding-bottom:0;}
body.single-product.woocommerce .summary .enernum-confianza li::before{content:"";top:21px;width:5px;height:5px;border:1px solid var(--global-palette1);border-radius:50%;}

/* Fuera del panel: SKU, categorías crudas y compartir */
body.single-product.woocommerce .summary .product_meta,
body.single-product.woocommerce .summary .kt_simple_share_container{display:none !important;}

/* --- Pestañas ------------------------------------------------------------- */
body.single-product.woocommerce .woocommerce-tabs{
	max-width:900px;
	margin:110px auto 0 !important;
	padding:0 !important;
	border:0;
}
body.single-product.woocommerce .woocommerce-tabs ul.tabs{
	display:flex;gap:36px;justify-content:center;
	margin:0 0 36px !important;padding:0 !important;
	border-bottom:1px solid var(--global-palette6) !important;
	background:none !important;
}
body.single-product.woocommerce .woocommerce-tabs ul.tabs::before,
body.single-product.woocommerce .woocommerce-tabs ul.tabs li::before,
body.single-product.woocommerce .woocommerce-tabs ul.tabs li::after{display:none !important;}
body.single-product.woocommerce .woocommerce-tabs ul.tabs li{
	margin:0 !important;padding:0 !important;
	background:none !important;border:0 !important;border-radius:0 !important;
}
body.single-product.woocommerce .woocommerce-tabs ul.tabs li a{
	display:block;padding:0 0 16px !important;margin-bottom:-1px;
	border-bottom:1px solid transparent;
	font-family:Montserrat,sans-serif;font-size:12.5px;font-weight:600;
	letter-spacing:.16em;text-transform:uppercase;
	color:var(--global-palette5) !important;
}
body.single-product.woocommerce .woocommerce-tabs ul.tabs li.active a{
	color:var(--global-palette1) !important;
	border-bottom-color:var(--global-palette1);
}
body.single-product.woocommerce .woocommerce-tabs .panel{
	font-family:Manrope,sans-serif;font-size:15.5px;line-height:1.8;
	color:var(--global-palette4);
	max-width:68ch;margin:0 auto;
}
body.single-product.woocommerce .woocommerce-tabs .panel strong{color:var(--global-palette3);}

/* --- Tamaños: dos cajas con su aro --------------------------------------- */
body.single-product.woocommerce .enernum-tamanos{
	margin-top:110px;padding-top:0;border-top:0;
	display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);
	column-gap:64px;align-items:center;
}
body.single-product.woocommerce .enernum-tamanos > .enernum-franja__eyebrow,
body.single-product.woocommerce .enernum-tamanos > .enernum-franja__titulo{grid-column:1;}
body.single-product.woocommerce .enernum-tamanos > .enernum-franja__titulo{font-size:52px;line-height:1.05;}
body.single-product.woocommerce .enernum-tamanos__rejilla{
	grid-column:2;grid-row:1 / span 3;
	margin:0;gap:1px;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	background:var(--global-palette6);
	border:1px solid var(--global-palette6);
}
body.single-product.woocommerce .enernum-tamanos__item{
	background:var(--global-palette7);
	padding:44px 36px;
	text-align:center;
}
body.single-product.woocommerce .enernum-tamanos__item svg{width:120px;height:120px;}
body.single-product.woocommerce .enernum-tamanos__item svg circle{stroke:var(--global-palette1);}
body.single-product.woocommerce .enernum-tamanos__item h3{font-style:normal !important;}
body.single-product.woocommerce .woocommerce-tabs{scroll-margin-top:24px;}

/* --- Otras versiones ------------------------------------------------------ */
body.single-product.woocommerce .enernum-versiones{margin-top:110px;padding-top:0;border-top:0;}
body.single-product.woocommerce .enernum-versiones .enernum-franja__titulo{font-size:52px;}
/* 09/10/2026: el filete lo dibuja cada tarjeta (box-shadow) y no el fondo de la
   rejilla. Con auto-fill sobran columnas cuando hay pocas versiones y el fondo
   palette6 asomaba como un rectángulo vacío. Copia: style.css.bak-20261009-antes-versiones */
body.single-product.woocommerce .enernum-versiones__rejilla{
	grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
	gap:1px;
	background:none;
	border:0;
	padding:1px;
}
body.single-product.woocommerce .enernum-versiones__item{
	background:var(--global-palette7);
	padding:22px 22px 24px;
	border-bottom:0;
	box-shadow:0 0 0 1px var(--global-palette6);
}
body.single-product.woocommerce .enernum-versiones__foto{border:0;margin-bottom:18px;}
body.single-product.woocommerce .enernum-versiones__foto img{aspect-ratio:4 / 5;object-fit:cover;}

/* --- Móvil y tableta ------------------------------------------------------ */
@media (max-width:1024px){
	body.single-product.woocommerce div.product{grid-template-columns:minmax(0,1fr);}
	body.single-product.woocommerce div.product > .woocommerce-product-gallery,
	body.single-product.woocommerce div.product > .summary{grid-column:1;}
	body.single-product.woocommerce div.product > .summary{
		position:static;border:0;border-top:1px solid var(--global-palette6);
		padding:28px 0 0;background:none;
	}
	body.single-product.woocommerce .woocommerce-product-gallery{border-left:0;border-right:0;}
	body.single-product.woocommerce .summary .product_title{font-size:22px !important;}
	body.single-product.woocommerce .enernum-tamanos{grid-template-columns:minmax(0,1fr);}
	body.single-product.woocommerce .enernum-tamanos__rejilla{grid-column:1;grid-row:auto;margin-top:28px;}
	body.single-product.woocommerce .enernum-tamanos > .enernum-franja__titulo,
	body.single-product.woocommerce .enernum-versiones .enernum-franja__titulo{font-size:38px;}
	body.single-product.woocommerce .woocommerce-tabs ul.tabs{justify-content:flex-start;gap:24px;overflow-x:auto;}
	body.single-product .enx-gal-flecha{width:44px;height:44px;}
	body.single-product .enx-gal-flecha--ant{left:12px;}
	body.single-product .enx-gal-flecha--sig{right:12px;}
	body.single-product .enx-gal-contador{left:12px;}
	body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs li{flex:0 0 64px !important;width:64px !important;height:64px !important;}
	body.single-product.woocommerce .woocommerce-product-gallery .flex-control-thumbs img{width:64px;height:64px;}
}

/* ==========================================================================
   NEGRO Y COBRE · 05/10/2026
   La paleta pasa a negro + cobre en kadence_global_palette (copia del oro en
   la opción enernum_palette_backup_20261005_oro). Aquí solo lo que la paleta
   no alcanza.
   ========================================================================== */

/* Los glifos (glifo-*.svg) ya están dibujados en cobre desde el 05/10: los
   cambió el propio archivo, con trazo fijo de 1 px y opacidad 0,32. Copia en
   uploads/enernum/*.bak-20261005. Solo los marcadores de «imagen pendiente»
   siguen en oro y se giran de tono. Logo y fotos de producto no se tocan. */
img[src*="/uploads/enernum/imagen-pendiente"] {
	filter: hue-rotate(-16deg) saturate(1.15);
}

/* ==========================================================================
   Rejillas de colección: números y números maestros (09/10/2026)
   El rótulo es un <li> más de ul.products y ocupa la fila entera.
   ========================================================================== */

ul.products li.enernum-grupo-numeros {
	grid-column: 1 / -1;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.4em 1.2em;
}

ul.products li.enernum-grupo-numeros--maestros {
	margin-top: 0.6em;
	padding-top: 2.6em;
	border-top: 1px solid var(--global-palette6);
}

ul.products li.enernum-grupo-numeros:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

ul.products li.enernum-grupo-numeros .enernum-grupo-numeros__titulo {
	margin: 0;
	font-size: 1.6em;
}

ul.products li.enernum-grupo-numeros .enernum-grupo-numeros__detalle {
	margin: 0;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--global-palette1);
}

/* ==========================================================================
   Tarjeta de producto en rejilla: textos centrados (09/10/2026)
   Título, precio y botón en el mismo eje. El botón ya centraba su texto;
   título y precio iban a la izquierda y parecían desalineados.
   ========================================================================== */

.woocommerce ul.products li.product .product-details {
	text-align: center;
}

.woocommerce ul.products li.product .product-details .price {
	display: block;
}

.woocommerce ul.products li.product .product-details .product-action-wrap {
	justify-content: center;
}