/* =========================================================================
 * Mi cuenta (/mi-cuenta/) — cosmetica. Solo tokens de STYLEGUIDE.
 * La página usa la plantilla de hello-elementor (site-main capado a 1140px);
 * se descapa y se alinea el contenido al ancho del body como el resto del sitio.
 * ====================================================================== */

/* Descap del contenedor de hello (doble clase .site-main.site-main = 0,3,0
   para vencer a `body:not([class*=elementor-page-]) .site-main` = 0,2,1). */
.woocommerce-account .site-main.site-main {
	max-width: none;
	padding-inline: 0;
}

/* Ancho del body + padding 70/70 como el resto de WooCommerce. */
.woocommerce-account .woocommerce {
	width: var(--ancho-body);
	margin-inline: auto;
	padding-block: 70px;
}

/* Links (navegación de la cuenta y contenido) con la marca del sitio.
   Se excluyen los .button para no pisar los botones de WooCommerce. */
.woocommerce-account a:not(.button) {
	color: var(--color-primario);
	text-decoration: none;
}
.woocommerce-account a:not(.button):hover {
	color: var(--color-secundario);
}

/* Lista de navegación: panel con fondo, padding y separadores entre ítems. */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 20px;
	background: var(--color-fondo-2);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	padding: 25px 0;
	list-style: none;
}
/* Separador entre ítems: #fff pedido explícitamente. */
.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
	border-top: 1px solid #fff;
}