/* ---------- MERCADO y COSECHAS EN VIVO, según la guía (Scoffee Global 4) ----------
   Reglas FINALES de la cascada de la guía (no las primeras). Los nombres llevan
   prefijo propio (mr-, mv-, mq-, cv-) para no chocar con `.rc`, `.om-*` y demás
   que la página ya usa para otras cosas. */

/* ---- barra «Mostrando…» y cabecera de lista (G:20906-20911) ---- */
.mk-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:var(--lima-wash,#F1F5E3);margin:16px 0;font-size:14px}
.mk-act .linkb{margin-left:auto;background:none;border:0;padding:0;font:inherit;font-weight:700;color:#4F6B16;cursor:pointer;text-decoration:underline}
.mk .ox-sec:first-child{padding-top:22px}
.mk .ox-sh{flex-wrap:wrap}
.mk .ox-sh .mk-s{font-size:13px;color:var(--ink-3);margin:0}
.mk .ox-sh .linkb{font-size:13.5px;font-weight:700;color:#4F6B16;text-decoration:none}

/* ---- tarjeta del café tostado (G:20890-20905, G:23293-23294) ---- */
.mk-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.mr{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line-2);border-radius:18px;background:#fff;overflow:hidden;transition:transform .25s}
.mr:hover{transform:translateY(-3px)}
.mr-m{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:var(--cream,#F7F5EE);overflow:hidden;text-decoration:none}
.mr-m img{height:88%;max-width:92%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(27,28,23,.14))}
.mr-m.mr-photo{background:radial-gradient(85% 75% at 50% 55%,#FFFFFF 0%,#F4F3EF 60%,#ECEBE5 100%)}
.mr-m img.mr-full{height:100%;width:100%;max-width:none;object-fit:cover;filter:none}
.mr-tag{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:var(--ink)}
.mr-b{display:grid;gap:3px;padding:14px;flex:1;align-content:start}
.mr-n{font-weight:700;font-size:15.5px;line-height:1.25;color:var(--ink);text-decoration:none}
.mr-b small{font-size:12.5px;color:var(--ink-3)}
.mr-notes{font-size:13px;color:var(--ink-2)}
.mr-f{margin-top:auto;padding-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.mr-f b{display:block;font-size:15px}
.mr-sk{min-height:260px;background:#fff}.mr-sk .mr-m{background:#EEF0E6}
.mr-sk i{display:block;height:12px;border-radius:6px;background:#EEF0E6;margin:6px 0;width:70%}

/* ---- estados vacíos y notas de demostración (G:4138-4141, G:20879) ---- */
.pf-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:48px 20px;border:1px dashed var(--line-h,#D9DBCB);border-radius:20px;background:#fff;color:var(--ink-2)}
.pf-empty svg{width:30px;height:30px;color:var(--ink-3)}
.pf-empty b{color:var(--ink);font-size:1.05rem}
.pf-empty span{max-width:46ch;line-height:1.5}
.demo-n{display:flex;gap:8px;align-items:flex-start;margin:22px 0 0;padding:10px 14px;border-radius:14px;background:#FAF7EC;border:1px solid #EFE6C8;color:#6B5A1E;font-size:13px;line-height:1.45}
.demo-n svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px}

/* ---- Café verde: cabecera, filtros laterales y rejilla (G:19645, G:4682, G:7312) ---- */
.mv-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;padding:26px 0 8px}
.mv-top h1{font:700 clamp(1.9rem,3.2vw,2.6rem)/1.05 var(--f-head,Poppins);letter-spacing:-.04em;margin:0}
.mv-top p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px}
.mv-top .mv-search{flex:0 1 460px;display:flex;gap:8px}
.mv-search input{flex:1;min-width:0;height:46px;border:1px solid var(--line);border-radius:999px;padding:0 18px;font:inherit;font-size:15px;background:#fff}
.mv-try{margin:6px 0 0;font-size:13px;color:var(--ink-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mv-try button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}
.mv-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.mv-tools select{height:38px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#fff;font:inherit;font-size:14px}
.mv-tools .mv-fb{display:none;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.mv-lay{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:start;margin-top:8px}
.mv-side{position:sticky;top:calc(var(--hdr,64px) + 90px);max-height:calc(100vh - 170px);overflow:auto;padding-right:6px}
.mv-side h2{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;margin:0 0 8px}
.mv-side h2 button{background:none;border:0;font:inherit;font-size:13px;font-weight:700;color:#4F6B16;cursor:pointer;text-decoration:underline}
.mv-g{border-top:1px solid #EEF0E6;padding:10px 0}
.mv-g summary{cursor:pointer;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between}
.mv-g summary::-webkit-details-marker{display:none}
.mv-g summary::after{content:"+";color:var(--ink-3)}.mv-g[open] summary::after{content:"–"}
.mv-opts{display:grid;gap:2px;margin-top:8px}
.mv-opt{display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;background:none;padding:6px 8px;border-radius:10px;font:inherit;font-size:14px;color:var(--ink-2);cursor:pointer}
.mv-opt:hover{background:#F1F5E3}
.mv-opt[aria-pressed="true"]{background:var(--lima,#99C341);color:#1E2A0B;font-weight:600}
.mv-opt small{color:var(--ink-3)}
.mv-opt[aria-pressed="true"] small{color:#1E2A0B}
.mv-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mv-chip{display:inline-flex;gap:6px;align-items:center;border-radius:999px;background:#EEF6DE;padding:5px 12px;font-size:13px;border:0;font-family:inherit;cursor:pointer}
.mv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(26px,2.6vw,38px) clamp(14px,1.6vw,22px)}
.mv-grid>.lot{width:auto;min-width:0}
.mv-cer{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:14px 0}
.mv-cer article{border:1px solid var(--line-2);border-radius:18px;background:#fff;padding:16px;display:grid;gap:4px}
.mv-cer b{font-size:15.5px}.mv-cer small{color:var(--ink-3)}
.mv-vol{margin-top:36px;padding:24px;border-radius:22px;background:#EEF3E4;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.mv-vol h2{margin:0 0 4px;font-size:1.15rem}.mv-vol p{margin:0;color:var(--ink-2);max-width:56ch;font-size:14.5px}
@media(max-width:900px){
  .mv-lay{grid-template-columns:1fr}
  .mv-tools .mv-fb{display:inline-flex}
  .mv-side{display:none;position:static;max-height:none}
  .mv-lay.fil .mv-side{display:block}
  .mv-top .mv-search{flex:1 1 100%}
}
@media(max-width:560px){.mv-grid{grid-template-columns:1fr}.mk-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:380px){.mk-g{grid-template-columns:1fr}}

/* ---- Índice honesto (G:23148-23239, regla final, sin serie inventada) ---- */
.mq{margin:-22px calc(50% - 50vw) 28px;padding:clamp(22px,3vw,36px) calc(50vw - 50%);background:#EEF3E4;border-bottom:1px solid #DCE6C8}
.mq-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(18px,2.6vw,36px);padding:clamp(18px,2.4vw,28px);border-radius:24px;background:#fff;border:1px solid #E2E8D3}
.mq-eye{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4F6B16;margin:0 0 8px}
.mq-top h1{font:700 clamp(1.6rem,2.4vw,2.2rem)/1.1 var(--f-head,Poppins);letter-spacing:-.035em;margin:0}
.mq-meta{margin:8px 0 0;color:var(--ink-3);font-size:13.5px}
.mq-px{margin:16px 0 4px}
.mq-px strong{font-size:clamp(2.6rem,2rem + 2.2vw,3.6rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums lining-nums;font-weight:800}
.mq-px small{font-size:1.1rem;color:var(--ink-3);margin-left:4px}
.mq-up{margin:0;font-size:13px;color:var(--ink-3)}
.mq-seg{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.mq-seg button{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.mq-seg button[aria-pressed="true"]{background:var(--lima,#99C341);border-color:transparent;color:#1E2A0B}
.mq-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;align-content:start}
.mq-k div{background:#F6F9EE;border-radius:14px;padding:12px 14px}
.mq-k dt{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.mq-k dd{margin:4px 0 0;font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums lining-nums}
.mq-sec{padding:26px 0 0}
.mq-sec h2{font:600 1.35rem Poppins,var(--f-head),system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 4px}
.mq-sec>p{margin:0 0 14px;color:var(--ink-2);font-size:14.5px;max-width:70ch}
.mq-tw{overflow-x:auto;border:1px solid #E2E8D3;border-radius:18px;background:#fff}
.mq-t{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.mq-t th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 14px;background:#F6F9EE;white-space:nowrap}
.mq-t td{padding:12px 14px;border-top:1px solid #EEF0E6;font-variant-numeric:tabular-nums lining-nums}
.mq-t .r{text-align:right}
.mq-t tr[data-mk-lote]{cursor:pointer}.mq-t tr[data-mk-lote]:hover td{background:#F8FBF1}
.mq-foot{margin:10px 0 0;font-size:12.5px;color:var(--ink-3)}
.mq-met{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.mq-met div{border:1px solid #E2E8D3;border-radius:18px;background:#fff;padding:16px}
.mq-met b{display:block;margin-bottom:4px}.mq-met p{margin:0;color:var(--ink-2);font-size:14px;line-height:1.5}
@media(max-width:900px){.mq-top{grid-template-columns:1fr}}

/* ---- barra «Volver» (G:25334-25337) ---- */
.gback{padding:12px 0 0}
.gback-b{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--line,#E4E5D9);background:#fff;font:inherit;font-size:13.5px;font-weight:700;color:#1B1C17;cursor:pointer}
.gback-b:hover{background:#F1F5E3}.gback-b svg{width:16px;height:16px}

/* ---- COSECHAS EN VIVO: sala (reglas claras finales G:21995-22127, G:22065, G:22929) ---- */
.cv{--cv-ink:#1B1C17}
.cv-head{margin:-22px calc(50% - 50vw) 0;padding:clamp(20px,2.6vw,32px) calc(50vw - 50%) 22px;background:#EEF3E4;border-bottom:1px solid #DCE6C8;color:var(--ink)}
.cv-ttl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cv-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--lima,#99C341);color:#1E2A0B}
.cv-logo svg{width:22px;height:22px}
.cv-ttl b{font:600 1.5rem Poppins,var(--f-head),system-ui,sans-serif;letter-spacing:-.02em}
.cv-n{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#C8372B;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px}
.cv-n i{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}
.cv-head p{margin:10px 0 0;max-width:72ch;color:var(--ink-2);line-height:1.5;font-size:14.5px}
.cv-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:22px}
.cv-pl{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;color:#fff}
.cv-pl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cv-pl::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),transparent 55%)}
.cv-pl .cv-ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:rgba(255,255,255,.8);font-size:14px}
.cv-b{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;gap:6px;align-items:center;background:#E11B12;color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.cv-b u{width:6px;height:6px;border-radius:50%;background:#fff;text-decoration:none;animation:blink 1.3s infinite}
.cv-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:none;border:0;cursor:pointer;color:#fff}
.cv-play span{display:flex;gap:8px;align-items:center;background:var(--lima,#99C341);color:#1E2A0B;border-radius:999px;padding:12px 22px;font-weight:800;font-size:15px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.cv-play svg{width:18px;height:18px}
.cv-cap{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}
.cv-cap small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.cv-cap h1{font:600 clamp(1.3rem,1rem + 1vw,1.9rem)/1.15 Poppins,var(--f-head),system-ui,sans-serif;margin:4px 0;letter-spacing:-.02em}
.cv-cap p{margin:0;font-size:14px;opacity:.9}
.cv-prod{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.cv-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lima,#99C341);color:#1E2A0B;font-weight:800}
.cv-prod b{display:block}.cv-prod small{color:var(--ink-3)}
.cv-chat{display:flex;flex-direction:column;height:min(560px,70vh);border-radius:22px;background:#fff;border:1px solid #DCE6C8;overflow:hidden}
.cv-chat>header{padding:14px 16px;border-bottom:1px solid #EEF0E6;display:flex;justify-content:space-between;gap:8px;font-weight:700}
.cv-chat>header small{font-weight:500;color:var(--ink-3)}
.cv-msgs{flex:1;overflow:auto;padding:14px 16px;display:grid;gap:10px;align-content:start}
.cv-m b{display:block;font-size:12.5px;color:var(--ink-2)}.cv-m span{font-size:14px;line-height:1.4}
.cv-m.sys{background:#F6F9EE;border-radius:12px;padding:8px 10px;font-size:13px;color:var(--ink-2)}
.cv-chat>footer{padding:12px 16px;border-top:1px solid #EEF0E6;font-size:13px;color:var(--ink-3)}
.cv-row{margin-top:30px}
.cv-row>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.cv-row h2{font:600 1.35rem Poppins,var(--f-head),system-ui,sans-serif;letter-spacing:-.02em;margin:0}
.cv-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.cv-c{display:block;text-align:left;border:1px solid var(--line-2);border-radius:18px;background:#fff;overflow:hidden;cursor:pointer;padding:0;font:inherit;color:inherit}
.cv-c>div:first-child{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,#DCE6C8,#EEF3E4)}
.cv-c>div:first-child img{width:100%;height:100%;object-fit:cover}
.cv-c .cv-b{left:10px;top:10px;font-size:11px}
.cv-c>div:last-child{padding:12px 14px 14px;display:grid;gap:2px}
.cv-c small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.cv-c b{font-weight:700}.cv-c span{color:var(--ink-3);font-size:13px}
.cv-empty{margin-top:22px}
.cv-cal{overflow-x:auto;border:1px solid #DCE6C8;border-radius:18px;background:#fff}
.cv-cal table{width:100%;min-width:860px;border-collapse:collapse;font-size:13.5px}
.cv-cal th{padding:10px 6px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);background:#F6F9EE;text-align:center}
.cv-cal th:first-child,.cv-cal td:first-child{text-align:left;padding-left:14px;min-width:200px}
.cv-cal th.mn{background:#DCE6C8;color:#1E2A0B}
.cv-cal td{padding:8px 4px;border-top:1px solid #EEF0E6;text-align:center}
.cv-cal td i{display:block;height:14px;border-radius:7px;margin:0 2px}
.cv-cal td i.p{background:var(--lima,#99C341)}.cv-cal td i.m{background:#D7E8AE}
.cv-cal td b{display:block}.cv-cal td small{color:var(--ink-3)}
.cv-ahora{display:inline-block;margin-left:6px;border-radius:999px;background:#C8372B;color:#fff;font-size:10.5px;font-weight:800;padding:1px 7px;text-transform:uppercase}
.cv-leg{display:flex;gap:14px;font-size:13px;color:var(--ink-2);align-items:center;flex-wrap:wrap}
.cv-leg i{display:inline-block;width:18px;height:10px;border-radius:5px;margin-right:6px;vertical-align:-1px}
.cv-note{margin:22px 0 0;font-size:13px;color:var(--ink-3)}
@media(max-width:1000px){.cv-g{grid-template-columns:1fr}.cv-chat{height:420px}}
@media(max-width:560px){.cv-pl{aspect-ratio:4/5}.cv-cap h1{font-size:1.15rem}.cv-ttl b{font-size:1.25rem}}

/* Ficha del café tostado: misma página que el lote */
.lgx .cf-prg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border:1px solid var(--line-2);border-radius:14px;overflow:hidden;margin:0}
.lgx .cf-prg>div{padding:12px 14px;min-width:0;border-right:1px solid var(--line-2)}
.lgx .cf-prg>div:last-child{border-right:0}
.lgx .cf-prg dt{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.lgx .cf-prg dd{margin:2px 0 0;font-family:var(--f-head,Poppins,sans-serif);font-size:1.25rem;font-weight:700;color:#1B1C17}
.lgx .cf-prg dd small{display:block;margin-top:2px;font-family:var(--f-body,inherit);font-size:12.5px;font-weight:600;color:var(--ink-3)}
.lgx .cf-buy{border-top:1px solid var(--line-2);padding-top:18px;display:block}
.lgx .cf-buy .cf-pres span{border-radius:12px;padding:9px 14px;min-width:84px}
.lgx .cf-sub{display:block}.lgx .cf-sub b{font-size:16px}
.lgx .mk-marca{display:flex;gap:16px;align-items:flex-start}
.lgx .mk-marca p{margin:6px 0 0;color:var(--ink-2);line-height:1.6}
.lgx .mk-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--ink-2)}
.lgx .cp-main[data-mk-gal]>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;cursor:zoom-in}
.lgx .cp-th [data-mk-th] img{width:100%;height:100%;object-fit:cover}
.lgx .cf-pres{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.lgx .cf-pres span{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:12px 8px;min-width:0;border:1.5px solid var(--line);border-radius:14px;background:#fff}
.lgx .cf-pres input:checked+span{background:#EEF3E4;border-color:#1B1C17;box-shadow:none}
.lgx .cf-pres b{font-size:15px}.lgx .cf-pres strong{font-size:1.05rem;font-weight:800;color:#1B1C17}.lgx .cf-pres small{font-size:11.5px;color:var(--ink-3)}
.lgx .cf-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
.lgx .cf-qty{display:flex;align-items:center;gap:12px;height:42px}
.lgx .cf-qty button{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:18px;line-height:1;cursor:pointer;color:#1B1C17}
.lgx .cf-qty button:hover{border-color:#1B1C17}
.lgx .cf-qty b{min-width:20px;text-align:center;font-size:15px}
.lgx .lf-mh svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.lgx .rv-empty{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border:1px dashed var(--line);border-radius:18px;background:#fff}
.lgx .rv-st{color:#D8D6C6;letter-spacing:2px;font-size:20px;white-space:nowrap}
.lgx .rv-empty p{margin:4px 0 0;color:var(--ink-3);line-height:1.55}
.lgx .rv-note{margin:12px 0 0;font-size:12.5px;color:var(--ink-3)}
.lgx .cf-pnote{margin:12px 0;padding:12px 14px;border-radius:12px;background:#FAFBF5;display:grid;gap:8px}
.lgx .cf-pnote p{margin:0;display:flex;gap:8px;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.lgx .cf-pnote svg{flex:none;width:14px;height:14px;margin-top:2px}
.lgx .lf-trq .og-qr svg{width:96px;height:96px;display:block}
