/* Mimorssori App CTA — paleta de la portada (mimo-home-client). */
:root {
	--mimo-app-ink: #3f3631;
	--mimo-app-muted: #6f625c;
	--mimo-app-clay: #955f49;
	--mimo-app-clay-dark: #744634;
	--mimo-app-green: #53634d;
	--mimo-app-green-soft: #edf2e9;
	--mimo-app-ivory: #fffaf5;
	--mimo-app-line: #e6d9cf;
	--mimo-app-shadow: 0 14px 34px rgba(67, 48, 39, 0.09);
}

/* Visibilidad por sistema (clase puesta en <html> antes de pintar). */
.mimo-app-android { display: none; }
.mimo-os-android .mimo-app-android { display: block; }
.mimo-os-android .mimo-app-badge,
.mimo-os-android .mimo-app-qr,
.mimo-os-android .mimo-app-inline__link { display: none !important; }
.mimo-os-ios .mimo-app-qr,
.mimo-os-android .mimo-app-qr { display: none !important; }

.mimo-app-eyebrow {
	margin: 0 0 10px !important;
	color: var(--mimo-app-clay-dark);
	font-size: .78rem !important;
	font-weight: 800;
	letter-spacing: .03em;
}
.mimo-app-small { color: var(--mimo-app-muted); font-size: .9rem !important; margin: 10px 0 0 !important; }
.mimo-app-small a:not(#mimo) { color: var(--mimo-app-clay-dark) !important; text-decoration: underline !important; }
.mimo-app-android { font-size: .95rem; margin: 10px 0 0 !important; color: var(--mimo-app-ink); }
.mimo-app-android a { color: var(--mimo-app-clay-dark); font-weight: 700; }

.mimo-app-play { display: inline-block; line-height: 0; border: 0 !important; text-decoration: none !important; }
.mimo-app-play img { width: 202px; height: auto; display: block; }
/* Con Google Play publicado: en escritorio se ven las dos tiendas. */
.mimo-os-desktop .mimo-app-android--live { display: block; }
.mimo-app-bar__android { display: none !important; }
.mimo-os-android .mimo-app-bar__ios { display: none !important; }
.mimo-os-android .mimo-app-bar__android { display: block !important; }
.mimo-app-badge { display: inline-block; line-height: 0; border: 0 !important; box-shadow: none !important; text-decoration: none !important; }
.mimo-app-badge img { width: 180px; height: auto; display: block; }
.mimo-app-box__cta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 18px; }
.mimo-app-qr { margin: 0 !important; display: flex; align-items: center; gap: 10px; }
.mimo-app-qr img { width: 88px; height: 88px; background: #fff; border-radius: 10px; padding: 4px; border: 1px solid var(--mimo-app-line); }
.mimo-app-qr figcaption { font-size: .82rem; color: var(--mimo-app-muted); max-width: 90px; line-height: 1.3; }

/* Mención breve dentro del texto */
.entry-content .mimo-app-inline,
.mimo-app-inline {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 6px 14px;
	align-items: start;
	margin: 28px 0 !important;
	padding: 16px 18px;
	background: var(--mimo-app-green-soft);
	box-shadow: inset 4px 0 0 var(--mimo-app-green);
	border-radius: 14px;
}
.mimo-app-inline__icon { width: 48px; height: 48px; border-radius: 11px; box-shadow: 0 2px 8px rgba(67,48,39,.15); }
.mimo-app-inline p { margin: 0 !important; font-size: 1rem; line-height: 1.55; color: var(--mimo-app-ink); }
.mimo-app-inline a.mimo-app-inline__link:not(#mimo) { display: table; margin-top: 12px; background: var(--mimo-app-clay); color: #fff !important; font-weight: 800; padding: 10px 18px; border-radius: 999px; text-decoration: none !important; white-space: nowrap; min-height: 44px; line-height: 24px; }
.mimo-app-inline a.mimo-app-inline__link:not(#mimo):hover { background: var(--mimo-app-clay-dark); }
.mimo-app-inline .mimo-app-android { grid-column: 2; }

/* Caja final */
.mimo-app-box {
	display: grid;
	grid-template-columns: 1fr 200px;
	gap: 24px;
	align-items: center;
	margin: 40px 0 10px !important;
	padding: 28px;
	background: var(--mimo-app-ivory);
	border: 1px solid var(--mimo-app-line);
	border-radius: 24px;
	box-shadow: var(--mimo-app-shadow);
	color: var(--mimo-app-ink);
}
.mimo-app-box__title { margin: 0 0 10px !important; font-size: clamp(1.3rem, 3.2vw, 1.65rem) !important; line-height: 1.25 !important; text-wrap: balance; }
.mimo-app-box p { margin: 0 0 6px; line-height: 1.6; }
.mimo-app-box__phone img, .mimo-app-band__phones img, .mimo-app-hero__phone img, .mimo-app-shots img {
	width: 100%; height: auto; border-radius: 26px; box-shadow: 0 18px 40px rgba(67, 48, 39, .16);
}

/* Franja de portada */
.mimo-app-band { background: var(--mimo-app-green-soft); padding: 64px 0; color: var(--mimo-app-ink); }
.mimo-app-band__wrap { width: min(calc(100% - 40px), 1120px); margin-inline: auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.mimo-app-band h2 { font-size: clamp(1.6rem, 4vw, 2.4rem) !important; line-height: 1.15 !important; margin: 0 0 14px !important; text-wrap: balance; }
.mimo-app-lead { font-size: 1.12rem; line-height: 1.6; margin: 0 !important; }
.mimo-app-band__phones { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 420px; justify-self: center; }
.mimo-app-band__phones img:last-child { transform: translateY(28px); }
.mimo-app-band__phones { padding-bottom: 30px; }

/* Página /app/ */
.mimo-app-page { color: var(--mimo-app-ink); font-size: 1.08rem; line-height: 1.65; }
.mimo-app-page section { max-width: 760px; margin: 0 auto 56px; }
.mimo-app-page h1 { font-size: clamp(2rem, 6vw, 3rem) !important; line-height: 1.08 !important; margin: 0 0 16px !important; text-wrap: balance; }
.mimo-app-page h2 { font-size: clamp(1.45rem, 4vw, 2rem) !important; line-height: 1.2 !important; margin: 0 0 16px !important; }
.mimo-app-page .mimo-app-hero { max-width: 1040px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: center; }
.mimo-app-hero__phone { max-width: 300px; justify-self: center; }
.mimo-app-story p { margin: 0 0 18px; }
.mimo-app-story__punch { font-size: 1.3rem; font-weight: 800; color: var(--mimo-app-clay-dark); }
.mimo-app-list { list-style: none; padding: 0 !important; margin: 0 0 28px !important; }
.mimo-app-list li { padding: 12px 0 12px 32px; border-bottom: 1px solid var(--mimo-app-line); position: relative; }
.mimo-app-list li::before { content: "✓"; position: absolute; left: 4px; color: var(--mimo-app-green); font-weight: 800; }
.mimo-app-shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mimo-app-not, .mimo-app-price { background: var(--mimo-app-ivory); border: 1px solid var(--mimo-app-line); border-radius: 24px; padding: 28px; }
.mimo-app-faq details { border-bottom: 1px solid var(--mimo-app-line); padding: 14px 0; }
.mimo-app-faq summary { cursor: pointer; font-weight: 700; }
.mimo-app-faq details p { margin: 10px 0 0; }
.mimo-app-final { text-align: center; }
.mimo-app-final .mimo-app-box__cta { justify-content: center; }
.mimo-app-ps { font-style: italic; }

/* Barra fija en iPhone */
.mimo-app-bar {
	position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom));
	z-index: 9990; display: flex; align-items: center; gap: 10px;
	padding: 10px 10px 10px 12px; background: #fff; border: 1px solid var(--mimo-app-line);
	border-radius: 18px; box-shadow: 0 10px 30px rgba(67, 48, 39, .22);
	transform: translateY(140%); transition: transform .35s ease;
}
.mimo-app-bar.is-visible { transform: translateY(0); }
.mimo-app-bar.is-visible.is-muted { transform: translateY(140%); }
.mimo-app-bar[hidden] { display: none; }
.mimo-app-bar img { width: 40px; height: 40px; border-radius: 10px; flex: none; }
.mimo-app-bar__text { margin: 0 !important; font-size: .9rem; line-height: 1.3; color: var(--mimo-app-ink); flex: 1; }
.mimo-app-bar__text span { display: block; color: var(--mimo-app-muted); }
.mimo-app-bar a.mimo-app-bar__btn:not(#mimo) { flex: none; background: var(--mimo-app-clay); color: #fff !important; font-weight: 800; padding: 9px 16px; border-radius: 999px; text-decoration: none !important; }
.mimo-app-bar__close { flex: none; -webkit-appearance: none; appearance: none; background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--mimo-app-muted) !important; font-size: 1.5rem !important; line-height: 1 !important; width: 32px; height: 32px; padding: 0 !important; margin: 0 !important; cursor: pointer; }
.mimo-app-bar img { box-shadow: 0 1px 4px rgba(67,48,39,.25); }
body.mimo-app-bar-on { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
@media (min-width: 900px) { .mimo-app-bar { display: none !important; } }

@media (max-width: 760px) {
	.mimo-app-box { grid-template-columns: 1fr; padding: 22px; }
	.mimo-app-box__phone { display: none; }
	.mimo-app-band { padding: 44px 0; }
	.mimo-app-band__wrap, .mimo-app-page .mimo-app-hero { grid-template-columns: 1fr; gap: 28px; }
	.mimo-app-band__phones { max-width: 260px; grid-template-columns: 1fr; padding-bottom: 0; }
	.mimo-app-band__phones img:last-child { display: none; }
	.mimo-app-box { padding: 20px 18px; }
	.mimo-app-hero__phone { display: none; }
	.mimo-app-shots { grid-template-columns: repeat(3, 70%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; }
	.mimo-app-shots img { scroll-snap-align: center; }
	.mimo-app-not, .mimo-app-price { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) { .mimo-app-bar { transition: none; } }
/* Variante suave: sin fondo de color, solo línea superior. */
.entry-content .mimo-app-inline--soft, .mimo-app-inline--soft { background: transparent; box-shadow: none; border-top: 1px solid var(--mimo-app-line); border-radius: 0; padding: 20px 0 0; margin-top: 36px !important; }
.mimo-app-inline--soft a.mimo-app-inline__link:not(#mimo) { background: transparent; color: var(--mimo-app-clay-dark) !important; border: 2px solid #b98a72; }