/* Marca La Payuca en SVG/CSS (7/10): lockup vertical + hilo de brasa. Oscuro por defecto; [data-tema="claro"] o .lv-claro para claro. */
/* ── Lockup vertical LP (7/10) · lockup.js ── ícono + LA PAYUCA + bajada del producto, centrado, con brillo de brasa. */
.lockup-v { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 180px; padding: 28px 12px 24px; position: relative; isolation: isolate; }
.lockup-v::before { content: ""; position: absolute; inset: -10% 0 -30%; z-index: -1; pointer-events: none;
  background: radial-gradient(60% 55% at 50% 100%, rgba(110,31,27,.30), transparent 70%), radial-gradient(34% 30% at 50% 96%, rgba(196,129,58,.14), transparent 70%); }
.lockup-v .lv-lp { width: clamp(88px, 22vw, 124px); height: auto; filter: drop-shadow(0 0 22px rgba(177,122,69,.14)); }
.lockup-v .lv-path { fill: #EFE6D8; }
.lockup-v .lv-wm { margin-top: 18px; font: 600 clamp(13px, 3.6vw, 17px)/1 'Manrope', sans-serif; letter-spacing: .62em; padding-left: .62em; color: #EFE6D8; }
.lockup-v .lv-sub { margin-top: 12px; font: 600 clamp(9px, 2.4vw, 11px)/1.3 'Manrope', sans-serif; letter-spacing: .5em; padding-left: .5em; color: #B17A45; }
[data-tema="claro"] .lockup-v::before { background: radial-gradient(60% 55% at 50% 100%, rgba(110,31,27,.10), transparent 70%); }
[data-tema="claro"] .lockup-v .lv-path { fill: #111111; }
[data-tema="claro"] .lockup-v .lv-wm { color: #111111; }
[data-tema="claro"] .lockup-v .lv-sub { color: #8C5A2B; }
.lockup-v.lv-vacio { padding: 20px 8px 8px; }

/* Hilo de brasa (bordó→cuero): detalle de marca; también barra de progreso. */
.hilo-brasa { display: block; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #6E1F1B, #B17A45); }
.lockup-v.lv-negro { background: #040404; }
.lockup-v.lv-cierre { padding: 18px 12px 6px; }
.lockup-v.lv-cierre .lv-lp { width: 72px; }
.lockup-v.lv-grande { padding-top: 40px; }
.lockup-v.lv-grande .lv-lp { width: clamp(110px, 26vw, 150px); }
/* Variante clara fija (páginas que no usan data-tema, como entrar.html). */
.lockup-v.lv-claro .lv-path { fill: #111111; }
.lockup-v.lv-claro .lv-wm { color: #111111; }
.lockup-v.lv-claro .lv-sub { color: #8C5A2B; }
.lockup-v.lv-claro::before { background: radial-gradient(60% 55% at 50% 100%, rgba(110,31,27,.10), transparent 70%); }
.marca-cab { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .04em; color: var(--c-texto-2, #999); }
.marca-cab img { width: 24px; height: 24px; border-radius: 6px; }

/* Marca en pedido: splash de carga, pantalla "Listo", calificación */
#splashMarca { position: fixed; inset: 0; z-index: 2147483000; background: #040404; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #EFE6D8; text-align: center; }
#splashMarca p { margin: 14px 0 0; font-size: 13px; color: rgba(239,230,216,.7); }
.exito-marca { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 10px; }
.exito-marca .hilo-brasa { width: 120px; }
.calificar-texto .lp-ico { margin-right: 6px; }