/* Subfase 10: Libro de Reclamaciones, Seguimiento de Pedido, Contacto y páginas legales. Reglas copiadas del portal (mo-portal.css) y del checkout; lo propio de estas páginas va al final. */
.mo{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow-focus:0 0 0 1px #cb9500}
.mo *, .mo *::before, .mo *::after { box-sizing: border-box; }
.mo .mo-h1 { font-family: var(--font-display); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: -0.01em; margin: 0; text-wrap: balance; }
.mo .mo-h2 { font-family: var(--font-display); font-size: 19px; line-height: 26px; font-weight: 700; margin: 0; }
.mo .mo-h3 { font-family: var(--font-display); font-size: 16px; line-height: 22px; font-weight: 700; margin: 0; }
.mo .mo-body { font-size: 15px; line-height: 24px; color: var(--ink-2); margin: 0; }
.mo .mo-small { font-size: 13px; line-height: 20px; color: var(--muted); margin: 0; }
.mo .mo-eyebrow { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin: 0; }
.mo .mo-link { color: var(--ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; transition: color .15s ease; }
.mo .mo-link:hover, .mo .mo-link:focus-visible { color: var(--gold); }
.mo .mo-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px; border-radius: var(--radius-md); border: 1px solid transparent; font-family: var(--font-display); font-size: 14px; font-weight: 600; line-height: 20px; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; text-decoration: none; transition: background .15s ease, border-color .15s ease; }
.mo .mo-btn:focus-visible, .mo .mo-input:focus-visible, .mo .mo-select:focus-visible, .mo .mo-chip:focus-visible, .mo .mo-icon-btn:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
.mo .mo-btn--primary { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
.mo .mo-btn--primary:hover { background: var(--ink-hover); border-color: var(--ink-hover); color: var(--on-ink); }
.mo .mo-btn--secondary { background: var(--surface-raised); color: var(--ink); border-color: var(--line-strong); }
.mo .mo-btn--secondary:hover { border-color: var(--ink); }
.mo .mo-btn--quiet { background: transparent; color: var(--ink); padding: 0 8px; min-height: 44px; }
.mo .mo-btn--danger-soft { background: var(--danger-soft); color: var(--danger); }
.mo .mo-btn--block { width: 100%; }
.mo .mo-btn[disabled], .mo .mo-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.mo .mo-icon-btn { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-pill); border: 0; background: var(--ink); color: var(--on-ink); cursor: pointer; }
.mo .mo-icon-btn--light { background: var(--surface-raised); color: var(--ink); border: 1px solid var(--line); }
.mo .mo-icon { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.mo .mo-badge { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0 10px; border-radius: var(--radius-pill); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.02em; }
.mo .mo-badge--success { background: var(--success-soft); color: var(--success); }
.mo .mo-badge--warning { background: var(--warning-soft); color: var(--warning); }
.mo .mo-badge--danger { background: var(--danger-soft); color: var(--danger); }
.mo .mo-badge--gold { background: var(--gold-soft); color: var(--gold-ink); }
.mo .mo-badge--neutral { background: var(--info-soft); color: var(--info); }
.mo .mo-alert { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: var(--radius-md); font-size: 14px; line-height: 20px; }
/* Ícono del aviso: círculo de color con glifo blanco, puesto por CSS para que también lo lleven los avisos que arma el JS. */
.mo .mo-alert::before { content: ""; flex: none; width: 28px; height: 28px; margin-top: -4px; border-radius: var(--radius-pill); background: var(--ink-2) center / 16px 16px no-repeat; }
.mo .mo-alert:has(.mo-alert__icon)::before { display: none; }
.mo .mo-alert--success::before { background-color: var(--success); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012.5l4.5%204.5L19%207.5%27/%3E%3C/svg%3E"); }
.mo .mo-alert--warning::before { background-color: var(--warning); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%207v6%27/%3E%3Cpath%20d%3D%27M12%2017h.01%27/%3E%3C/svg%3E"); }
.mo .mo-alert--danger::before { background-color: var(--danger); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%207v6%27/%3E%3Cpath%20d%3D%27M12%2017h.01%27/%3E%3C/svg%3E"); }
.mo .mo-alert--info::before { background-color: var(--ink-2); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2011v6%27/%3E%3Cpath%20d%3D%27M12%207h.01%27/%3E%3C/svg%3E"); }
.mo .mo-alert--gold::before { background-color: var(--gold); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%2011v6%27/%3E%3Cpath%20d%3D%27M12%207h.01%27/%3E%3C/svg%3E"); }
.mo .mo-alert__icon { width: 28px; height: 28px; border-radius: var(--radius-pill); display: grid; place-items: center; flex: none; color: var(--on-ink); }
.mo .mo-alert strong { display: block; color: var(--ink); }
.mo .mo-alert--success { background: var(--success-soft); color: var(--ink-2); }
.mo-alert--success .mo-alert__icon { background: var(--success); }
.mo .mo-alert--warning { background: var(--warning-soft); color: var(--ink-2); }
.mo-alert--warning .mo-alert__icon { background: var(--warning); }
.mo .mo-alert--danger { background: var(--danger-soft); color: var(--ink-2); }
.mo-alert--danger .mo-alert__icon { background: var(--danger); }
.mo .mo-alert--info { background: var(--info-soft); color: var(--ink-2); }
.mo-alert--info .mo-alert__icon { background: var(--ink-2); }
.mo .mo-alert--gold { background: var(--gold-soft); color: var(--ink-2); }
.mo-alert--gold .mo-alert__icon { background: var(--gold); }
/* Tarjetas y filas */
.mo .mo-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 24px; box-shadow: var(--shadow-card); }
.mo .mo-card--raised { background: var(--surface-raised); }
.mo .mo-rows { display: grid; gap: 0; }
.mo .mo-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0; font-size: 14px; color: var(--ink-2); }
.mo .mo-row strong { color: var(--ink); font-variant-numeric: tabular-nums; }
.mo .mo-row--total { border-top: 1px solid var(--line); margin-top: 6px; padding-top: 16px; font-size: 16px; color: var(--ink); font-weight: 700; }
.mo .mo-co__header { display: grid; gap: var(--space-4); }
.mo .mo-oculto { display: none !important; }
/* Pasos */
.mo .mo-co-stepper { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
.mo .mo-co-stepper li { margin: 0; }
.mo .mo-co-stepper a, .mo .mo-co-stepper button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px 0 6px; border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--surface-raised); color: var(--muted); font-family: var(--font-text); font-size: 14px; font-weight: 600; text-decoration: none; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
.mo .mo-co-stepper button:disabled { cursor: default; opacity: .6; }
.mo .mo-co-stepper .n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--radius-pill); background: var(--subtle); color: var(--ink-2); font-size: 13px; }
.mo .mo-co-stepper .is-current button { border-color: var(--ink); color: var(--ink); }
.mo .mo-co-stepper .is-current .n { background: var(--ink); color: var(--on-ink); }
.mo .mo-co-stepper .is-done a, .mo .mo-co-stepper .is-done button { color: var(--ink); }
.mo .mo-co-stepper .is-done .n { background: var(--success-soft); color: var(--success); }
.mo .mo-co-main { display: grid; gap: var(--space-4); min-width: 0; }
.mo .mo-co-step { display: grid; gap: var(--space-4); }
.mo .mo-co-step[hidden] { display: none; }
.mo .mo-co-card { display: grid; gap: var(--space-4); }
.mo .mo-co-nav { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.mo .mo-co-err, .mo .mo-co-field-err { color: var(--danger); font-size: 13px; line-height: 20px; margin: 0; }
/* Campos de WooCommerce con el estilo del portal */
.mo .mo-co-fields { display: grid; gap: var(--space-3) var(--space-4); }
.mo .mo-co-fields--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mo .mo-co-fields[hidden] { display: none; }
.mo .mo-co-span { grid-column: 1 / -1; }
.mo .mo-co .form-row { display: grid; gap: 6px; margin: 0; padding: 0; width: auto; float: none; }
.mo .mo-co .form-row label { margin: 0; font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ink); text-transform: none; letter-spacing: 0; }
.mo .mo-co .form-row .required { color: var(--danger); text-decoration: none; border: 0; }
.mo .mo-co .form-row .optional { display: none; }
.mo .mo-co .form-row :is(input.input-text, select, textarea) { width: 100%; min-height: 44px; padding: 10px 14px; border-radius: var(--radius-md); border: 1px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font-family: var(--font-text); font-size: 15px; line-height: 22px; box-shadow: none; }
.mo .mo-co .form-row :is(input.input-text, select, textarea):focus { border-color: var(--gold); outline: none; box-shadow: var(--shadow-focus); }
.mo .mo-co .form-row select:disabled { background: var(--subtle); }
.mo .mo-co .form-row.woocommerce-invalid :is(input.input-text, select, textarea) { border-color: var(--danger); background: var(--danger-soft); }
.mo .mo-co .woocommerce-input-wrapper { display: block; }
/* Tarjetas de entrega */
.mo .mo-co-options { display: grid; gap: 10px; }
.mo .mo-co-opt { display: grid; grid-template-columns: 18px 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; min-height: 72px; padding: 14px 16px; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface-raised); color: var(--ink); font-family: var(--font-text); text-align: left; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; }
.mo .mo-co-opt:hover { border-color: var(--ink); background: var(--surface-raised); color: var(--ink); }
.mo .mo-co-opt.is-on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.mo .mo-co-opt__dot { width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--line-strong); }
.mo .mo-co-opt.is-on .mo-co-opt__dot { border: 5px solid var(--ink); }
.mo .mo-co-opt__ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-pill); background: var(--subtle); }
.mo .mo-co-opt__body { display: grid; gap: 2px; min-width: 0; }
.mo .mo-co-opt__title { font-family: var(--font-display); font-size: 15px; font-weight: 700; }
.mo .mo-co-opt__desc { font-size: 13px; line-height: 18px; color: var(--muted); }
/* Quién recibe y comprobante (selector segmentado y tarjetas) */
.mo .mo-co-seg { display: inline-grid; grid-auto-flow: column; gap: 4px; padding: 4px; border-radius: var(--radius-pill); background: var(--subtle); justify-self: start; }
.mo .mo-co-seg__opt { position: relative; margin: 0; cursor: pointer; }
.mo .mo-co-seg__opt input { position: absolute; opacity: 0; }
.mo .mo-co-seg__opt span { display: block; padding: 8px 18px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; color: var(--ink-2); }
.mo .mo-co-seg__opt input:checked + span { background: var(--surface-raised); color: var(--ink); box-shadow: var(--shadow-card); }
.mo .mo-co-seg__opt input:focus-visible + span { box-shadow: var(--shadow-focus); }
.mo .mo-co-empaque { margin: 0; }
.mo .mo-co-tipos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mo .mo-co-tipo { position: relative; display: grid; gap: 2px; margin: 0; padding: 14px 16px; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface-raised); cursor: pointer; }
.mo .mo-co-tipo input { position: absolute; opacity: 0; }
.mo .mo-co-tipo.is-on { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.mo .mo-co-tipo__name { font-family: var(--font-display); font-weight: 700; color: var(--ink); }
.mo .mo-ty__ic { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; }
.mo .mo-ty__ic .mo-icon { width: 24px; height: 24px; stroke-width: 2.5; }
.mo .mo-ty__ic--success { background: var(--success-soft, #e6f4ea); color: var(--success, #1e7b34); }
.mo .mo-ty__dl { display: grid; gap: 10px; margin: 0; }
.mo .mo-ty__dl > div { display: flex; justify-content: space-between; gap: var(--space-4); }
.mo .mo-ty__dl dt { flex: none; color: var(--muted); font-size: 14px; }
.mo .mo-ty__dl dd { margin: 0; text-align: right; color: var(--ink); font-size: 14px; overflow-wrap: anywhere; }
.mo .mo-co-check label { display: flex; align-items: center; gap: 10px; font-weight: 500; }
/* Revisión del paso Pago */
.mo .mo-co-review { gap: 0; padding: 0; }
.mo .mo-co-rv { padding: 16px 20px; border-bottom: 1px solid var(--line); }
.mo .mo-co-rv:last-child { border-bottom: 0; }
.mo .mo-co-rv header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 8px; }
.mo .mo-co-rv dl { display: grid; gap: 6px; margin: 0; }
.mo .mo-co-rv dl > div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 12px; font-size: 14px; }
.mo .mo-co-rv dt { color: var(--muted); font-weight: 500; }
.mo .mo-co-rv dd { margin: 0; color: var(--ink); }
.mo .mo-btn:focus-visible, .mo .mo-input:focus-visible, .mo .mo-select:focus-visible, .mo .mo-chip:focus-visible, .mo .mo-icon-btn:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
/* Campos */
.mo .mo-field { display: grid; gap: 8px; }
.mo .mo-label { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ink); }
.mo .mo-input, .mo .mo-select { width: 100%; min-height: 44px; padding: 0 14px; border-radius: var(--radius-md); border: 1px solid var(--line-strong); background: var(--surface-raised); color: var(--ink); font: inherit; font-size: 15px; }
.mo .mo-input::placeholder { color: var(--muted); }
.mo .mo-input:focus, .mo .mo-select:focus { border-color: var(--gold); outline: none; box-shadow: var(--shadow-focus); }
.mo .mo-select[disabled], .mo .mo-input[disabled] { background: var(--subtle); color: var(--ink-2); cursor: not-allowed; }
.mo .mo-error { display: none; font-size: 13px; line-height: 20px; color: var(--danger); }
.mo .mo-field.is-error .mo-input, .mo .mo-field.is-error .mo-select { border-color: var(--danger); background: var(--danger-soft); }
.mo .mo-field.is-error .mo-error { display: block; }
.mo .mo-check { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 20px; color: var(--ink-2); }
.mo .mo-check input { width: 20px; height: 20px; margin: 0; accent-color: var(--ink); flex: none; }
.mo .mo-tab { padding: 12px 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 700; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; text-transform: none; letter-spacing: 0; }
.mo .mo-tab[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--ink); }
.mo .mo-auth-tabs { gap: var(--space-2); border-bottom: 0; }
/* Pestaña activa: negra con texto blanco. Inactiva: blanca con borde y texto negro. */
.mo .mo-auth-tabs .mo-tab { flex: 1; min-height: 48px; margin: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface-raised); color: var(--ink); font-family: var(--font-display); font-size: 15px; font-weight: 600; box-shadow: none; }
.mo .mo-auth-tabs .mo-tab:hover { border-color: var(--ink); }
.mo .mo-auth-tabs .mo-tab.active { background: var(--ink); border-color: var(--ink); color: var(--on-ink); }
.mo .mo-auth-tabs .mo-tab:focus-visible { outline: none; border-color: var(--gold); box-shadow: var(--shadow-focus); }
@media (max-width: 960px) {
	.mo .mo-co-grid { grid-template-columns: minmax(0, 1fr); }
	.mo .mo-co-aside { position: static; order: -1; }
}
@media (max-width: 640px) {
	.mo .mo-co { padding-top: var(--space-4); }
	.mo .mo-co-fields--2, .mo .mo-co-tipos { grid-template-columns: minmax(0, 1fr); }
	.mo .mo-co-stepper .t { display: none; }
	.mo .mo-co-stepper .is-current .t { display: inline; }
	.mo .mo-co-opt { grid-template-columns: 18px minmax(0, 1fr) auto; }
	.mo .mo-co-opt__ic { display: none; }
	.mo .mo-co-addr { grid-template-columns: minmax(0, 1fr); }
	.mo .mo-co-rv dl > div { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.mo .mo-co-nav .mo-btn { flex: 1 1 100%; }
}

/* ───────── Lo propio de la Subfase 10 ───────── */

/* Footer: botón del Libro de Reclamaciones y enlaces legales (el footer es compartido; aquí solo se ve en estas páginas hasta aplicarlo en las demás). */

/* Páginas con encabezado propio. */
.mo-legal-main,.mo-ayuda-main{padding-bottom:var(--space-section)}
.mo-legal{max-width:720px;margin:0 auto}
.mo-legal__head{padding:40px 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.mo-legal__head .eyebrow{font:700 12px/16px var(--font-display);letter-spacing:0;color:var(--muted)}
.mo-legal__head h1{font:500 clamp(42px,5.1vw,64px)/1.12 var(--font-display);letter-spacing:-.055em;margin:18px 0 0}
.mo-legal__head h1 span{color:var(--muted)}
.mo-legal__fecha{margin:20px 0 0;font:400 14px/20px var(--font-text);color:var(--muted)}

/* Texto legal: solo los hijos directos, para que el formulario del Libro no herede estos estilos. */
.mo-legal__texto{background:none;font:400 15px/26px var(--font-text);color:var(--ink-2)}
.mo-legal__texto>p{margin:0 0 18px;text-wrap:pretty}
.mo-legal__texto strong{color:var(--ink);font-weight:600}
.mo-legal__texto>h2{margin:56px 0 18px;font:500 clamp(24px,2.6vw,32px)/1.2 var(--font-display);letter-spacing:-.03em;color:var(--ink);scroll-margin-top:110px}
.mo-legal__texto>h2:first-child{margin-top:0}
.mo-legal__texto>h3{margin:32px 0 12px;font:500 17px/1.35 var(--font-display);letter-spacing:-.01em;color:var(--ink)}
.mo-legal__texto>ul,.mo-legal__texto>ol{margin:0 0 20px;padding-left:22px}
.mo-legal__texto>ul>li,.mo-legal__texto>ol>li{margin:0 0 8px;padding-left:4px}
.mo-legal__texto li::marker{color:var(--muted)}
.mo-legal__texto a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.mo-legal__texto a:hover{text-decoration-thickness:2px}
.mo-legal__texto a:focus-visible,.mo-ayuda a:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:4px}
/* Datos por confirmar: se resaltan hasta que salgan de los ajustes de la tienda. */
.mo-ph{background:var(--subtle);color:var(--ink);padding:1px 6px;border-radius:4px;border-bottom:1px dashed var(--line-strong)}

/* Libro de Reclamaciones. */
.mo .mo-lr.mo-co{max-width:none;margin:0;padding:0;gap:var(--space-5);font-size:15px}
.mo-lr [hidden]{display:none!important}
.mo-lr-gate{display:grid;gap:var(--space-4)}
.mo-lr-gate .mo-h2,.mo-lr-gate .mo-body{margin:0}
.mo-lr-gate__acciones{justify-content:flex-start}
.mo-lr-tabs{display:flex;gap:8px;border:0;overflow:visible;margin-bottom:var(--space-5)}
.mo-lr-tabs .mo-tab{flex:1;width:auto}
.mo .mo-lr .mo-co-stepper{margin:0}
.mo-lr #moLrWizard{display:grid;gap:var(--space-4)}
.mo-lr .mo-co-form{display:grid;gap:var(--space-4)}
.mo-lr .mo-co-step .mo-h2{margin:0}
.mo-lr .form-row .mo-small{display:block}
.mo-lr .mo-co-nav{align-items:center}
.mo-lr-fieldset{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
.mo-lr-fieldset legend{float:left;width:100%;padding:0;margin:0 0 8px}
.mo-lr-fieldset .mo-co-tipos{clear:both}
.mo-co-tipo:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mo-co-tipo:has(input:focus-visible){border-color:var(--gold);box-shadow:var(--shadow-focus)}
.mo-co-tipo:hover{border-color:var(--ink)}
.mo-co-tipo .mo-small{color:var(--muted)}
.mo .mo-co .form-row.woocommerce-invalid .mo-sel__btn{border-color:var(--danger);background:var(--danger-soft)}
.mo-lr-check[data-field] .mo-co-field-err{display:block;margin-top:6px}
.mo-lr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mo-lr-privacidad{color:var(--ink-2)}
.mo-lr-privacidad a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mo-lr #moLrAlert{margin:0}
.mo-lr .mo-co-rv header .mo-h3{margin:0}
.mo-lr .mo-co-rv dl > div{grid-template-columns:170px minmax(0,1fr)}

/* Constancia y lista de reclamos. */
.mo-lr-done{display:grid;gap:var(--space-4)}
.mo-lr-done__head{display:flex;align-items:center;gap:var(--space-4)}
.mo-lr-done__head .mo-h2{margin:0}
.mo-lr-done .mo-body,.mo-lr-done .mo-small{margin:0}
.mo-lr-codigo{margin:0;font:700 28px/36px var(--font-display);letter-spacing:.02em;color:var(--ink)}
.mo-lr-sheet{display:grid;gap:var(--space-4)}
.mo-lr-sheet .mo-h3{margin:0 0 var(--space-3)}
.mo-lr-sheet__sec{padding-top:var(--space-4);border-top:1px solid var(--line)}
.mo-lr-sheet__sec:first-of-type{padding-top:0;border-top:0}
.mo-lr-sheet .mo-ty__dl{gap:8px}
.mo-lr-sheet .mo-ty__dl>div{display:grid;grid-template-columns:170px minmax(0,1fr)}
.mo-lr-sheet .mo-ty__dl dd{text-align:left;white-space:pre-line}
.mo-lr-cases{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
.mo-lr-case{display:grid;gap:var(--space-2);margin:0}
.mo-lr-case__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}
.mo-lr-case__code{font:700 16px/22px var(--font-display);color:var(--ink)}
.mo-lr-case .mo-small,.mo-lr-case .mo-body{margin:0}
.mo-lr-case__btn{justify-self:start;padding-left:0}
.mo-lr-case__detail{display:grid;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}
.mo-lr-vacio{margin:0;padding:var(--space-6) var(--space-4);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-2)}
@media print{
  body *{visibility:hidden}
  #moLrSheetWrap,#moLrSheetWrap *{visibility:visible}
  #moLrSheetWrap{position:absolute;left:0;top:0;width:100%}
  .mo-wa-float{display:none}
}
@media(max-width:640px){
  .mo-lr-tabs{flex-direction:column}
  .mo-lr .mo-co-rv dl > div,.mo-lr-sheet .mo-ty__dl>div{grid-template-columns:minmax(0,1fr);gap:0}
  .mo-lr-codigo{font-size:24px}
}

/* Seguimiento de Pedido y Contacto. */
.mo-ayuda{display:grid;gap:var(--space-5)}
.mo-ayuda .mo-seg-card,.mo-ayuda .mo-seg-result{max-width:720px}
.mo .mo-co .form-row{align-content:start}
.mo-ayuda .mo-seg-card{display:grid;gap:var(--space-4)}
.mo-ayuda .mo-seg-card .mo-h2,.mo-seg-result .mo-h3,.mo-seg-result .mo-small,.mo-seg-result .mo-body{margin:0}
.mo-ayuda .mo-co{max-width:none;margin:0;padding:0;gap:var(--space-4)}
.mo-seg-result{display:grid;gap:var(--space-3)}
.mo-seg-result__top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.mo-seg-etapas{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mo-seg-etapas li{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;color:var(--muted)}
.mo-seg-etapas .n{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--subtle);font:700 12px var(--font-display);color:var(--ink-2)}
.mo-seg-etapas .is-done{color:var(--ink)}
.mo-seg-etapas .is-done .n{background:var(--success-soft);color:var(--success)}
.mo-seg-etapas .is-current{color:var(--ink);font-weight:600}
.mo-seg-etapas .is-current .n{background:var(--ink);color:var(--on-ink)}
.mo-seg-ayuda{margin:0}
.mo-ctc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
@media(max-width:1100px){.mo-ctc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mo-ctc__card{display:grid;gap:var(--space-2);align-content:start}
.mo-ctc__card .mo-h3,.mo-ctc__card .mo-body{margin:0}
.mo-ctc__card .mo-btn{justify-self:start;margin-top:var(--space-2)}
.mo-ctc__ic{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--subtle);color:var(--ink)}
.mo-ctc__redes{display:flex;flex-wrap:wrap;gap:8px 20px}
.mo-ctc__redes a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.mo-ctc{grid-template-columns:minmax(0,1fr)}.mo-legal__head{padding:22px 0 32px;margin-bottom:32px}}