/* ==========================================================================
   Mi cuenta v2 (ceroresiduo-core/modules/mi-cuenta) — 08-10-2026
   Tokens del checkout v2: tarjeta blanca radio 12, borde #CBE5D8, menta #E4F2EC, verde #369E7E (acción),
   verde oscuro #0F4F45 (texto fuerte), crema #FAF9F7, ámbar #F4B400, rojo #B91C1C, gris #A3A09D.
   Solo se encola en is_account_page(). Las reglas con selectores largos pisan a propósito el CSS del
   Code `jjprus` de Bricks (página 17), que sigue cargando.
   ========================================================================== */

.cr-mc,
.cr-mc-nav,
.woocommerce-MyAccount-content,
.woocommerce-address-fields {
	--crmc-verde: #369E7E;
	--crmc-verde-osc: #0F4F45;
	--crmc-menta: #E4F2EC;
	--crmc-borde: #CBE5D8;
	--crmc-crema: #FAF9F7;
	--crmc-texto: #35312F;
	--crmc-texto2: #716F6D;
	--crmc-ambar: #F4B400;
	--crmc-rojo: #B91C1C;
	--crmc-gris: #A3A09D;
}

.cr-mc, .cr-mc *, .cr-mc-nav, .cr-mc-nav * { box-sizing: border-box; }

/* ---------- Layout: nav + contenido ---------- */
.woocommerce-account .woocommerce { display: flex; flex-direction: column; gap: 18px; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-content { float: none; width: auto; flex: 1 1 auto; min-width: 0; }
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation.cr-mc-nav {
	float: none; width: auto; min-height: 0; padding: 0; margin: 0; border: 0; background: transparent;
}

/* ---------- Chips (móvil: fila deslizable) ---------- */
.woocommerce .cr-mc-nav ul.cr-mc-nav__list {
	display: flex; flex-direction: row !important; flex-wrap: nowrap; justify-content: flex-start;
	gap: 8px; list-style: none; margin: 0; padding: 2px 0 10px;
	overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;
	scrollbar-width: none; scroll-snap-type: x proximity; scroll-padding: 0 16px;
}
.woocommerce .cr-mc-nav ul.cr-mc-nav__list::-webkit-scrollbar { display: none; }
.woocommerce .cr-mc-nav li.cr-mc-nav__item {
	flex: 0 0 auto; width: auto; max-width: none !important; margin: 0; padding: 0; list-style: none;
	scroll-snap-align: start; box-shadow: none !important; background: transparent !important;
}
.woocommerce .cr-mc-nav li.cr-mc-nav__item:hover { background: transparent !important; box-shadow: none !important; }
.woocommerce .cr-mc-nav li.cr-mc-nav__item.is-active a.cr-mc-chip { box-shadow: none !important; }
.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip,
.cr-mc-chip {
	display: inline-flex; align-items: center; width: auto; height: 38px; padding: 0 16px;
	border: 1px solid var(--crmc-borde); border-radius: 999px; background: #fff;
	color: var(--crmc-verde-osc); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap;
	text-decoration: none; box-shadow: none; transition: background .15s, color .15s, border-color .15s;
}
.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip:hover { border-color: var(--crmc-verde); background: var(--crmc-menta); color: var(--crmc-verde-osc); }
/* Activo en verde clarito (Bàrbara 08-10: «el color es muy fuerte del menú»): menta + borde verde. */
.woocommerce .cr-mc-nav li.cr-mc-nav__item.is-active a.cr-mc-chip,
.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip[aria-current="page"] {
	background: var(--crmc-menta); border-color: var(--crmc-verde); color: var(--crmc-verde-osc); font-weight: 700;
}
.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip--salir { color: var(--crmc-texto2); border-style: dashed; }

@media (min-width: 992px) {
	.woocommerce-account .woocommerce { flex-direction: row; align-items: flex-start; gap: 40px; }
	.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation.cr-mc-nav {
		flex: 0 0 220px; padding: 0 24px 0 0; border-right: 1px solid var(--crmc-borde);
		position: sticky; top: 110px;
	}
	.woocommerce .cr-mc-nav ul.cr-mc-nav__list { flex-direction: column !important; gap: 6px; padding: 0; overflow: visible; }
	.woocommerce .cr-mc-nav li.cr-mc-nav__item { width: 100%; }
	.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip { width: 100%; height: 42px; border-radius: 10px; justify-content: flex-start; }
	.woocommerce .cr-mc-nav li.cr-mc-nav__item a.cr-mc-chip--salir { margin-top: 10px; }
}

/* ---------- Genéricos ---------- */
.cr-mc { display: flex; flex-direction: column; gap: 18px; color: var(--crmc-texto); }
.cr-mc-section { display: flex; flex-direction: column; gap: 8px; }
.cr-mc-section__title { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--crmc-verde-osc); }
.cr-mc-section__more { margin: 0; font-size: 14px; }
.cr-mc-link { color: var(--crmc-verde-osc); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.cr-mc-link:hover { color: var(--crmc-verde); }
.cr-mc-link--soft { font-weight: 500; color: var(--crmc-texto2); }
.cr-mc-back { margin: 0; font-size: 14px; }

.cr-mc-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 1 auto;
	min-height: 44px; padding: 0 16px; border: 1px solid var(--crmc-verde); border-radius: 10px;
	background: #fff; color: var(--crmc-verde-osc); font-size: 12px; font-weight: 600; letter-spacing: 1px;
	line-height: 1.2; text-transform: uppercase; text-decoration: none !important; text-align: center;
	cursor: pointer; transition: background .15s, color .15s, border-color .15s, transform .1s;
}
.cr-mc-btn:hover { background: var(--crmc-menta); color: var(--crmc-verde-osc); }
.cr-mc-btn:active { transform: translateY(1px); }
.cr-mc-btn--primary { background: var(--crmc-verde); border-color: var(--crmc-verde); color: #fff; box-shadow: 0 4px 12px rgba(54, 158, 126, .25); }
.cr-mc-btn--primary:hover { background: var(--crmc-verde-osc); border-color: var(--crmc-verde-osc); color: #fff; }
.cr-mc-btn--ghost { border-color: var(--crmc-borde); color: var(--crmc-texto2); }
.cr-mc-btn--ghost:hover { border-color: var(--crmc-verde); color: var(--crmc-verde-osc); background: #fff; }
.cr-mc-btn.is-busy { opacity: .6; pointer-events: none; }
@media (min-width: 600px) { .cr-mc-btn { flex: 0 0 auto; } }

/* ---------- Tarjeta de pedido ---------- */
.cr-mc-orders { display: flex; flex-direction: column; gap: 14px; }
.cr-mc-order { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 12px; overflow: hidden; }
.cr-mc-order--inicio { border-color: var(--crmc-verde); }
.cr-mc-order__head {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "id badge" "thumbs thumbs" "sum toggle";
	gap: 10px 12px; align-items: center; padding: 14px 16px 10px; cursor: pointer;
}
.cr-mc-order--detalle .cr-mc-order__head { cursor: default; }
.cr-mc-order__id { grid-area: id; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cr-mc-order__num { font-size: 16px; font-weight: 700; color: var(--crmc-verde-osc); }
.cr-mc-order__date { font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-order__thumbs { grid-area: thumbs; display: flex; align-items: center; gap: 6px; }
.cr-mc-order__sum { grid-area: sum; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.cr-mc-order__total { font-size: 16px; font-weight: 700; color: var(--crmc-texto); }
.cr-mc-order__total .woocommerce-Price-amount { font-weight: 700; }
.cr-mc-order__count { font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-order__toggle {
	grid-area: toggle; justify-self: end; display: inline-flex; align-items: center; gap: 6px;
	height: 36px; padding: 0 10px 0 14px; border: 1px solid var(--crmc-borde); border-radius: 999px;
	background: #fff; color: var(--crmc-verde-osc); font: inherit; font-size: 13px; font-weight: 600; line-height: 1;
	cursor: pointer; box-shadow: none; margin: 0; text-transform: none; letter-spacing: 0;
}
.cr-mc-order__toggle:hover { border-color: var(--crmc-verde); background: var(--crmc-menta); }
.cr-mc-order__toggle svg { width: 16px; height: 16px; transition: transform .2s; }
.cr-mc-order.is-open .cr-mc-order__toggle svg { transform: rotate(180deg); }
.cr-mc-order__actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 16px 14px; }
.cr-mc-order__body { border-top: 1px solid var(--crmc-borde); background: var(--crmc-crema); padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 16px; }
.cr-mc-order__body[hidden] { display: none !important; }
.cr-mc-order__more { margin: 0; font-size: 14px; display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
.cr-mc-order__sep { color: var(--crmc-gris); }
@media (min-width: 600px) {
	.cr-mc-order__head { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "id thumbs badge" "sum sum toggle"; }
	.cr-mc-order__thumbs { justify-self: center; }
}

/* Chip de estado */
.cr-mc-badge {
	grid-area: badge; justify-self: end; display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap;
	background: var(--crmc-menta); color: var(--crmc-verde-osc);
}
.cr-mc-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: .85; }
.cr-mc-badge--menta { background: var(--crmc-menta); color: var(--crmc-verde-osc); }
.cr-mc-badge--verde { background: #DDF3E9; color: #1F7A5E; }
.cr-mc-badge--verde-oscuro { background: var(--crmc-verde-osc); color: #fff; }
.cr-mc-badge--ambar { background: #FFF1CC; color: #7A5200; }
.cr-mc-badge--rojo { background: #FDE8E8; color: var(--crmc-rojo); }
.cr-mc-badge--gris { background: #F1F0EE; color: #5F5C59; }

/* Miniaturas */
.cr-mc-thumb { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; flex: 0 0 auto; border: 1px solid var(--crmc-borde); border-radius: 10px; overflow: hidden; background: #fff; }
.cr-mc-thumb img, .cr-mc-thumb__img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.cr-mc-thumb--more { font-size: 13px; font-weight: 700; color: var(--crmc-verde-osc); background: var(--crmc-menta); }

/* ---------- Envío ---------- */
.cr-mc-envio { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.cr-mc-envio__estado { margin: 0; font-size: 15px; font-weight: 700; color: var(--crmc-verde-osc); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cr-mc-envio__estado::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--crmc-verde); flex: 0 0 auto; }
.cr-mc-envio--menta .cr-mc-envio__estado::before { background: #8CCDB4; }
.cr-mc-envio--verde-oscuro .cr-mc-envio__estado::before { background: var(--crmc-verde-osc); }
.cr-mc-envio--ambar .cr-mc-envio__estado::before { background: var(--crmc-ambar); }
.cr-mc-envio--rojo .cr-mc-envio__estado::before { background: var(--crmc-rojo); }
.cr-mc-envio--gris .cr-mc-envio__estado::before { background: var(--crmc-gris); }
.cr-mc-envio__spin { width: 14px; height: 14px; border: 2px solid var(--crmc-borde); border-top-color: var(--crmc-verde); border-radius: 50%; animation: cr-mc-spin .8s linear infinite; }
@keyframes cr-mc-spin { to { transform: rotate(360deg); } }

.cr-mc-steps { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 2px 0 0; padding: 0; }
.cr-mc-steps li { position: relative; padding: 20px 2px 0; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.2; color: var(--crmc-gris); list-style: none; }
.cr-mc-steps li::before { content: ""; position: absolute; top: 4px; left: 50%; width: 13px; height: 13px; margin-left: -6.5px; box-sizing: border-box; border-radius: 50%; background: #fff; border: 2px solid var(--crmc-borde); z-index: 1; }
.cr-mc-steps li::after { content: ""; position: absolute; top: 10px; left: -50%; width: 100%; height: 2px; background: var(--crmc-borde); }
.cr-mc-steps li:first-child::after { display: none; }
.cr-mc-steps li.is-done, .cr-mc-steps li.is-current { color: var(--crmc-verde-osc); }
.cr-mc-steps li.is-done::before { background: var(--crmc-verde); border-color: var(--crmc-verde); }
.cr-mc-steps li.is-done::after, .cr-mc-steps li.is-current::after { background: var(--crmc-verde); }
.cr-mc-steps li.is-current::before { border-color: var(--crmc-verde); box-shadow: 0 0 0 3px rgba(54, 158, 126, .22); }
.cr-mc-envio--ambar .cr-mc-steps li.is-current::before { border-color: var(--crmc-ambar); box-shadow: 0 0 0 3px rgba(244, 180, 0, .22); }
.cr-mc-envio--rojo .cr-mc-steps li.is-current::before { border-color: var(--crmc-rojo); box-shadow: 0 0 0 3px rgba(185, 28, 28, .16); }
.cr-mc-envio--gris .cr-mc-steps li.is-current::before { border-color: var(--crmc-gris); box-shadow: none; }

.cr-mc-envio__linea { margin: 0; font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.cr-mc-envio__carrier { font-weight: 600; }
.cr-mc-envio__num { font-family: inherit; font-size: 13px; letter-spacing: .3px; padding: 3px 8px; border: 1px dashed var(--crmc-borde); border-radius: 6px; background: var(--crmc-crema); color: var(--crmc-texto); }
.cr-mc-copy { margin: 0; padding: 2px 4px; border: 0; background: none; box-shadow: none; color: var(--crmc-verde); font: inherit; font-size: 12px; font-weight: 600; text-decoration: underline; cursor: pointer; text-transform: none; letter-spacing: 0; min-height: 0; }
.cr-mc-copy:hover { color: var(--crmc-verde-osc); background: none; }
.cr-mc-envio__prevista { margin: 0; font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-envio__hist { font-size: 13px; }
.cr-mc-envio__hist summary { cursor: pointer; font-weight: 600; color: var(--crmc-verde-osc); }
.cr-mc-envio__hist ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.cr-mc-envio__hist li { display: flex; gap: 10px; align-items: baseline; }
.cr-mc-envio__hist time { flex: 0 0 80px; color: var(--crmc-texto2); font-variant-numeric: tabular-nums; }

/* ---------- Productos, dirección, resumen ---------- */
.cr-mc-items { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.cr-mc-item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.cr-mc-item__img { display: block; width: 56px; height: 56px; border: 1px solid var(--crmc-borde); border-radius: 10px; overflow: hidden; background: #fff; }
.cr-mc-item__img img, .cr-mc-item__pic { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; }
.cr-mc-item__info { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cr-mc-item__name { font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--crmc-texto); text-decoration: none; }
a.cr-mc-item__name:hover { color: var(--crmc-verde-osc); text-decoration: underline; }
.cr-mc-item__qty { font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-item__qty em { font-style: normal; color: var(--crmc-rojo); }
.cr-mc-item__total { font-size: 14px; font-weight: 600; white-space: nowrap; }
.cr-mc-address { margin: 0; font-size: 14px; line-height: 1.5; }
.cr-mc-totals { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; margin: 0; font-size: 14px; }
.cr-mc-totals > div { display: contents; }
.cr-mc-totals dt { margin: 0; font-weight: 500; color: var(--crmc-texto2); }
.cr-mc-totals dd { margin: 0; text-align: right; }
.cr-mc-totals .is-total dt, .cr-mc-totals .is-total dd { padding-top: 6px; border-top: 1px solid var(--crmc-borde); font-weight: 700; color: var(--crmc-texto); }

/* ---------- Inicio ---------- */
.cr-mc-hello { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.cr-mc-hello__h { margin: 0; font-size: 24px; font-weight: 700; color: var(--crmc-verde-osc); }
.cr-mc-hello__out { font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-hello__out a { color: var(--crmc-verde-osc); text-decoration: underline; }
.cr-mc-favs { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cr-mc-favs .cr-mc-thumb { width: 64px; height: 64px; }
.cr-mc-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 600px) { .cr-mc-quick { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cr-mc-quick a { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--crmc-borde); border-radius: 12px; background: #fff; text-decoration: none; color: var(--crmc-texto); transition: border-color .15s, background .15s; }
.cr-mc-quick a:hover { border-color: var(--crmc-verde); background: var(--crmc-menta); }
.cr-mc-quick a strong { font-size: 14px; color: var(--crmc-verde-osc); }
.cr-mc-quick a span { font-size: 12px; color: var(--crmc-texto2); line-height: 1.3; }

/* ---------- Cupones (Inicio, solo a quien los tenga) ---------- */
.cr-mc-cupones { display: flex; flex-direction: column; gap: 10px; }
.cr-mc-cupon { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "code usar" "info usar"; gap: 6px 12px; align-items: center; padding: 12px 14px; border: 1px dashed var(--crmc-verde); border-radius: 12px; background: var(--crmc-menta); }
.cr-mc-cupon__code { grid-area: code; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cr-mc-cupon__code code { font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--crmc-verde-osc); background: #fff; border-radius: 6px; padding: 4px 10px; }
.cr-mc-cupon__info { grid-area: info; display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 13px; color: var(--crmc-texto); }
.cr-mc-cupon__texto { font-weight: 600; }
.cr-mc-cupon__caduca { color: var(--crmc-texto2); }
.cr-mc-cupon__usar { grid-area: usar; flex: 0 0 auto; min-height: 40px; background: #fff; }
@media (max-width: 479px) { .cr-mc-cupon { grid-template-columns: 1fr; grid-template-areas: "code" "info" "usar"; } .cr-mc-cupon__usar { width: 100%; } }

/* ---------- Tarjetas genéricas (Pago, Direcciones, Mis datos) ---------- */
.cr-mc-intro { margin: 0; font-size: 14px; color: var(--crmc-texto2); }
.cr-mc-hint { margin: 0; font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-muted { color: var(--crmc-texto2); }
.cr-mc-card { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 12px; overflow: hidden; margin: 0; padding: 0; }
.cr-mc-card__head { padding: 10px 16px; background: var(--crmc-menta); border-bottom: 1px solid var(--crmc-borde); }
.cr-mc-card__title { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--crmc-verde-osc); padding: 0; }
.cr-mc-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px; }
.cr-mc-addr-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 600px) { .cr-mc-addr-grid { grid-template-columns: 1fr 1fr; } }
.cr-mc-direcciones .woocommerce-Address, .woocommerce-Addresses .cr-mc-addr { background: #fff !important; padding: 0 !important; float: none; width: auto; }
.cr-mc-addr .cr-mc-address { font-style: normal; margin: 0; font-size: 14px; line-height: 1.55; min-height: 44px; }
.cr-mc-addr .cr-mc-btn { align-self: flex-start; }
.cr-mc-addr--vacia .cr-mc-address { color: var(--crmc-texto2); }

/* Pago: tarjetas guardadas */
.cr-mc-pm-list { display: flex; flex-direction: column; gap: 10px; }
.cr-mc-pm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 12px 14px; }
.cr-mc-pm.is-default { border-color: var(--crmc-verde); }
.cr-mc-pm.is-expired { background: var(--crmc-crema); }
.cr-mc-pm.is-expired .cr-mc-pm__name { color: var(--crmc-texto2); text-decoration: line-through; text-decoration-color: var(--crmc-gris); }
.cr-mc-pm__main { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 220px; }
.cr-mc-pm__logo { flex: 0 0 auto; width: 44px; height: 30px; border-radius: 6px; border: 1px solid var(--crmc-borde); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Crect x='6' y='8' width='32' height='4' rx='1' fill='%230F4F45' opacity='.85'/%3E%3Crect x='6' y='17' width='14' height='3' rx='1' fill='%23369E7E'/%3E%3C/svg%3E") center / 100% no-repeat; }
.cr-mc-pm__logo--visa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Ctext x='22' y='20' text-anchor='middle' font-family='Arial' font-weight='700' font-style='italic' font-size='13' fill='%231A1F71'%3EVISA%3C/text%3E%3C/svg%3E"); }
.cr-mc-pm__logo--mastercard { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Ccircle cx='17' cy='15' r='8' fill='%23EB001B'/%3E%3Ccircle cx='27' cy='15' r='8' fill='%23F79E1B' opacity='.9'/%3E%3C/svg%3E"); }
.cr-mc-pm__logo--amex, .cr-mc-pm__logo--americanexpress { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Crect width='44' height='30' rx='6' fill='%232E77BC'/%3E%3Ctext x='22' y='19' text-anchor='middle' font-family='Arial' font-weight='700' font-size='9' fill='%23fff'%3EAMEX%3C/text%3E%3C/svg%3E"); }
.cr-mc-pm__logo--paypal { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 30'%3E%3Ctext x='22' y='19' text-anchor='middle' font-family='Arial' font-weight='700' font-style='italic' font-size='10' fill='%23003087'%3EPay%3Ctspan fill='%23009CDE'%3EPal%3C/tspan%3E%3C/text%3E%3C/svg%3E"); }
.cr-mc-pm__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cr-mc-pm__name { font-size: 15px; font-weight: 700; color: var(--crmc-texto); }
.cr-mc-pm__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 13px; color: var(--crmc-texto2); }
.cr-mc-pm__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cr-mc-pm__actions .cr-mc-btn { min-height: 38px; flex: 1 1 auto; }
.cr-mc-btn--danger { color: var(--crmc-rojo); }
.cr-mc-btn--danger:hover { border-color: var(--crmc-rojo); color: var(--crmc-rojo); background: #FDE8E8; }
@media (min-width: 600px) { .cr-mc-pm__actions .cr-mc-btn { flex: 0 0 auto; } }

/* Formularios (Mis datos, direcciones) */
.cr-mc-form { display: flex; flex-direction: column; gap: 16px; }
.cr-mc-fields { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 600px) { .cr-mc-fields { grid-template-columns: 1fr 1fr; } .cr-mc-field--wide, .cr-mc-fields .cr-mc-hint { grid-column: 1 / -1; } }
.cr-mc-form .cr-mc-field, .cr-mc-form p.form-row { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; width: auto; float: none; }
.cr-mc-form .cr-mc-field label, .woocommerce-address-fields label { font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--crmc-texto2); margin: 0; }
.cr-mc-form .cr-mc-field label .required { color: var(--crmc-rojo); text-decoration: none; }
.cr-mc-form input.input-text, .cr-mc-form input.woocommerce-Input, .woocommerce-address-fields input.input-text, .woocommerce-address-fields select {
	width: 100%; min-height: 46px; padding: 0 14px; margin: 0; border: 1px solid var(--crmc-borde); border-radius: 10px; background: #fff;
	font: inherit; font-size: 16px; color: var(--crmc-texto); box-shadow: none; outline: none; transition: border-color .15s, box-shadow .15s;
}
.cr-mc-form input.input-text:focus, .woocommerce-address-fields input.input-text:focus { border-color: var(--crmc-verde); box-shadow: 0 0 0 3px rgba(54, 158, 126, .18); }
.cr-mc-form .password-input { width: 100%; margin: 0; }
.cr-mc-form .show-password-input { background: transparent; }
.cr-mc-form__actions { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
.cr-mc-submit { margin: 0; transform: none; opacity: 1; box-shadow: none; width: 100%; }
@media (min-width: 600px) { .cr-mc-submit { width: auto; min-width: 220px; } }
.cr-mc-extra p { margin: 0; }
.woocommerce-address-fields, .woocommerce-address-fields * { box-sizing: border-box; }
.woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 600px) { .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr 1fr; } .woocommerce-address-fields__field-wrapper .form-row-wide, .woocommerce-address-fields__field-wrapper .form-row:not(.form-row-first):not(.form-row-last) { grid-column: 1 / -1; } }
.woocommerce-address-fields p.form-row { margin: 0; padding: 0; width: auto; float: none; display: flex; flex-direction: column; gap: 6px; }
.woocommerce-address-fields .select2-container--default .select2-selection--single { min-height: 46px; border: 1px solid var(--crmc-borde); border-radius: 10px !important; display: flex; align-items: center; }
.woocommerce-MyAccount-content form > h2 { font-size: 20px; font-weight: 700; color: var(--crmc-verde-osc); margin: 0 0 12px; }
.woocommerce-address-fields { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 12px; padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.woocommerce-address-fields > p { margin: 0; }
.woocommerce-address-fields button.button, .woocommerce-MyAccount-content .woocommerce-address-fields button.button {
	display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 46px; margin: 0; padding: 0 16px;
	border: 1px solid var(--crmc-verde); border-radius: 10px; background: var(--crmc-verde); color: #fff;
	font: inherit; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; box-shadow: 0 4px 12px rgba(54, 158, 126, .25); transform: none; opacity: 1;
}
.woocommerce-address-fields button.button:hover { background: var(--crmc-verde-osc); border-color: var(--crmc-verde-osc); color: #fff; }
@media (min-width: 600px) { .woocommerce-address-fields button.button { width: auto; min-width: 220px; } }

/* ---------- Vacío, paginación, notas ---------- */
.cr-mc-empty { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 12px; padding: 20px 16px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.cr-mc-empty__t { margin: 0; font-size: 16px; font-weight: 700; color: var(--crmc-verde-osc); }
.cr-mc-empty__s { margin: 0 0 6px; font-size: 14px; color: var(--crmc-texto2); }
.cr-mc-pagination { display: flex; justify-content: space-between; gap: 10px; margin-top: 4px; }
.cr-mc-notas__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.cr-mc-notas__list .woocommerce-OrderUpdate { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 10px; padding: 10px 14px; margin: 0; }
.cr-mc-notas__list .meta { margin: 0 0 4px; font-size: 12px; color: var(--crmc-texto2); }
.cr-mc-notas__list .description p { margin: 0; font-size: 14px; }

/* ---------- Detalle nativo de WooCommerce (tabla, totales, direcciones) ---------- */
.cr-mc-nativo .woocommerce-order-details__title, .cr-mc-nativo .woocommerce-column__title { font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--crmc-verde-osc); margin: 0 0 8px; }
.cr-mc-nativo .woocommerce-order-details, .cr-mc-nativo .woocommerce-customer-details { background: #fff; border: 1px solid var(--crmc-borde); border-radius: 12px; padding: 14px 16px; margin: 0 0 16px; }
.cr-mc-nativo table.shop_table { border: 0; margin: 0; width: 100%; }
.cr-mc-nativo table.shop_table th, .cr-mc-nativo table.shop_table td { border-color: var(--crmc-borde); padding: 8px 6px; font-size: 14px; vertical-align: middle; }
.cr-mc-nativo table.shop_table thead th { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--crmc-texto2); }
.cr-mc-nativo table.shop_table tfoot th { font-weight: 600; color: var(--crmc-texto2); }
.cr-mc-nativo table.shop_table tfoot tr:last-child th, .cr-mc-nativo table.shop_table tfoot tr:last-child td { font-weight: 700; color: var(--crmc-texto); }
.cr-mc-nativo td.woocommerce-table__product-name { display: flex; align-items: center; gap: 12px; }
.cr-mc-nativo .cr-mc-item-foto-link { display: block; flex: 0 0 auto; }
.cr-mc-nativo .cr-mc-item-foto { width: 56px; height: 56px; object-fit: cover; border: 1px solid var(--crmc-borde); border-radius: 10px; display: block; margin: 0; }
.cr-mc-nativo .woocommerce-customer-details address { font-style: normal; font-size: 14px; line-height: 1.5; border: 0; padding: 0; margin: 0; }
.cr-mc-nativo .woocommerce-columns--addresses { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 600px) { .cr-mc-nativo .woocommerce-columns--addresses { grid-template-columns: 1fr 1fr; } }
.cr-mc-nativo .woocommerce-column { float: none; width: auto; }