/**
 * Lomito Inversionista - Calculadora de marca propia en Amazon.
 * Usa las piezas de amazon.css (prefijo lmt-az) y agrega solo lo propio.
 */
.lmt-mp-ejemplos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	margin: 0 0 16px;
}

.lmt-mp-ejemplos__k { font-size: 0.85rem; font-weight: 800; color: var(--lmt-text); }
.lmt-mp-ejemplos__s { flex-basis: 100%; font-size: 0.8rem; color: var(--lmt-text-muted); }

.lmt-mp-chip {
	min-height: 40px;
	padding: 8px 14px;
	border: 1px solid var(--lmt-border);
	border-radius: 999px;
	background: var(--lmt-surface);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--lmt-text);
	cursor: pointer;
}

.lmt-mp-chip:hover { border-color: var(--lmt-az-strong); color: var(--lmt-az-strong); }
.lmt-mp-chip:focus-visible { outline: 2px solid var(--lmt-accent); outline-offset: 2px; }

.lmt-mp-medidas {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 6px;
	color: var(--lmt-text-muted);
}

.lmt-mp-medidas .lmt-az-caja { padding: 0 8px; }

.lmt-mp-etiqueta {
	margin: 0 0 14px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--lmt-az-strong);
}

/* En estas tablas la segunda columna es un monto, no una nota. */
.lmt-mp-tabla td:nth-child(2) { color: var(--lmt-text); font-size: inherit; text-align: right; font-variant-numeric: tabular-nums; }
.lmt-mp-tabla th:nth-child(2) { text-align: right; }

.lmt-mp-app__p { margin: 0 0 14px; line-height: 1.6; color: var(--lmt-text-muted); }
.lmt-mp-app__ios, .lmt-mp-app__ok { margin: 10px 0 0; line-height: 1.55; color: var(--lmt-text); }
.lmt-mp-app__ok { font-weight: 700; color: var(--lmt-az-strong); }
.lmt-mp-app [hidden] { display: none; }

.lmt-mppage .lmt-az-esc__i strong { font-size: clamp(1rem, 2.4vw, 1.2rem); overflow-wrap: anywhere; }

/* Abierta como app: menos encabezado. */
html.lmt-mp-standalone .lmt-mppage .lmt-sec-hero__intro { display: none; }

@media (max-width: 600px) {
	.lmt-mp-medidas { gap: 4px; }
	.lmt-mp-medidas .lmt-az-unidad { display: none; }
}

@media (max-width: 480px) {
	.lmt-mppage .lmt-az-esc__i:last-child:nth-child(odd) { grid-column: 1 / -1; }
}