/* Marketplace AX — checkout personalizable de un solo producto (F8), Liquid Glass. */

.mkt-checkout-landing { max-width: 1080px; margin: 0 auto; padding: 0 24px 60px; }

.mkt-checkout-timer-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: rgba(239, 68, 68, .14);
  border: 1px solid rgba(239, 68, 68, .3);
  color: #ef4444;
  border-radius: var(--mkt-radius-sm);
  padding: 10px 16px;
  margin-bottom: 20px;
  font-size: .85rem;
  font-weight: 600;
}
.mkt-checkout-timer-bar strong { font-variant-numeric: tabular-nums; font-size: .95rem; }

.mkt-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: start;
}
@media (max-width: 860px) {
  .mkt-checkout-grid { grid-template-columns: 1fr; }
}

.mkt-checkout-portada {
  width: 100%;
  max-height: 320px;
  object-fit: cover;
  border-radius: var(--mkt-radius);
  margin-bottom: 20px;
}

.mkt-checkout-main h1 { font-size: 1.6rem; margin: 0 0 12px; color: var(--text); }
.mkt-checkout-desc { color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }

.mkt-checkout-garantia {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  background: rgba(16, 185, 129, .08);
  border: 1px solid rgba(16, 185, 129, .22);
  border-radius: var(--mkt-radius-sm);
  padding: 16px 18px;
  margin-bottom: 24px;
  color: color-mix(in srgb, #10b981 65%, var(--text));
}
.mkt-checkout-garantia i { font-size: 1.4rem; margin-top: 2px; }
.mkt-checkout-garantia p { margin: 4px 0 0; font-size: .84rem; color: var(--text-muted); }

.mkt-checkout-testimonios h2 {
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text);
  margin-bottom: 14px;
}
.mkt-checkout-testimonios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}
.mkt-checkout-testimonio {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--mkt-glass-blur));
  backdrop-filter: blur(var(--mkt-glass-blur));
  border: 1px solid var(--glass-border);
  border-radius: var(--mkt-radius-sm);
  padding: 16px;
}
.mkt-checkout-testimonio-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.mkt-checkout-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  background: rgba(var(--mkt-accent-rgb), .18);
  color: var(--mkt-accent);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .8rem; flex-shrink: 0;
}
.mkt-checkout-testimonio-head strong { display: block; color: var(--text); font-size: .88rem; }
.mkt-checkout-rating { color: #f59e0b; font-size: .72rem; }
.mkt-checkout-testimonio p { margin: 0; font-size: .85rem; color: var(--text-muted); line-height: 1.5; }

.mkt-checkout-side { position: sticky; top: 20px; }
.mkt-checkout-card {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(var(--mkt-glass-blur));
  backdrop-filter: blur(var(--mkt-glass-blur));
  border: 1px solid var(--glass-border);
  border-radius: var(--mkt-radius);
  padding: 22px;
  text-align: center;
}
.mkt-checkout-precio { margin-bottom: 16px; }
.mkt-checkout-precio span { display: block; font-size: .75rem; color: var(--text-muted); }
.mkt-checkout-precio strong { font-size: 2rem; color: var(--text); }
.mkt-checkout-comprar-btn { width: 100%; justify-content: center; padding: 14px; font-size: .95rem; }
.mkt-checkout-side-hint {
  margin: 14px 0 0;
  font-size: .74rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.mkt-checkout-precio-fx { display: block; font-size: .8rem; color: var(--text-muted); margin-top: 2px; }
.mkt-checkout-moneda-selector {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: .74rem;
  color: var(--text-muted);
  margin: 10px 0;
}
.mkt-checkout-moneda-selector select {
  font: inherit;
  padding: 6px 10px;
  border-radius: var(--mkt-radius-pill);
  border: 1px solid var(--glass-input-border);
  background: var(--glass-input-bg, transparent);
  color: var(--text);
}
.mkt-checkout-fx-hint { font-size: .68rem; color: var(--text-muted); margin: 0 0 14px; text-align: center; }

/* Plantilla "urgencia": refuerza el bloque de garantía/CTA con acento cálido. */
.mkt-checkout-tpl-urgencia .mkt-checkout-card { border-color: rgba(239, 68, 68, .35); }
.mkt-checkout-tpl-urgencia .mkt-checkout-precio strong { color: #ef4444; }

/* Plantilla "prueba_social": los testimonios suben de jerarquía visual. */
.mkt-checkout-tpl-prueba_social .mkt-checkout-testimonios { order: -1; margin-bottom: 24px; }
.mkt-checkout-tpl-prueba_social .mkt-checkout-main { display: flex; flex-direction: column; }

@media (max-width: 480px) {
  .mkt-checkout-precio strong { font-size: 1.6rem; }
  .mkt-checkout-testimonios-grid { grid-template-columns: 1fr; }
}