/* CoCo · Mis publicaciones v2 — se carga después de mis-publicaciones.css y usa solo clases mp-* */
#app{--mp-ink:#102f34;--mp-mute:#4f6460;--mp-line:#d9e6e2;--mp-deep:#023842;--mp-green:#075B43;--mp-op:#0b7a60;--mp-mid:#3f5a56;--mp-high:#a52f2f;color:var(--mp-ink);font-size:15px;line-height:1.4}
#app h1,#app h2,#app p,#app dl,#app dd,#app fieldset{margin:0;padding:0;border:0}
.mp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mp-card{background:#fff;border:1px solid var(--mp-line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px}
.mp-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp-eyebrow{font:700 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--mp-mute)}
.mp-nota{font-size:13px;color:var(--mp-mute)}
.mp-save{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--mp-mute)}
.mp-save svg{width:14px;height:14px}
.mp-save.ok{color:var(--mp-op)}
.mp-save.err{color:var(--mp-high)}

.mp-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:13px;border:1px solid transparent;font:700 14.5px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.mp-btn:focus-visible,.mp-input:focus-visible,.mp-chip:focus-visible,.mp-ico:focus-visible,.mp-link:focus-visible,.mp-row-main:focus-visible{outline:3px solid #15b78d;outline-offset:2px}
.mp-primary{background:var(--mp-green);color:#fff}
.mp-primary:hover{background:#064a37}
.mp-ghost{background:#fff;color:var(--mp-ink);border-color:#b9d2ca}
.mp-ghost:hover{background:#f1f7f5}
.mp-danger{background:#fff;color:var(--mp-high);border-color:var(--mp-high)}
.mp-onDark{background:transparent;color:#fff;border-color:#7fb3a6}
.mp-link{appearance:none;border:0;background:none;padding:0 6px;min-height:44px;color:var(--mp-green);font:700 14px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.mp-input{width:100%;min-height:46px;padding:10px 13px;border:1px solid #b9d2ca;border-radius:12px;background:#fff;color:var(--mp-ink);font:500 15px/1.35 Inter,system-ui,sans-serif}
textarea.mp-input{resize:vertical}
.mp-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.mp-field>span,.mp-inline>span,.mp-serv legend{font-size:13px;font-weight:600;color:var(--mp-mute)}
.mp-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.mp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}
.mp-head h1{font:700 28px/1.12 Quicksand,Inter,system-ui,sans-serif;letter-spacing:-.01em;margin-top:8px}
.mp-head p{margin-top:6px;color:var(--mp-mute)}
.mp-head-precio{font:700 26px/1 Quicksand,Inter,system-ui,sans-serif}
.mp-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--mp-green);font-weight:700;text-decoration:none}
.mp-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#dff3ea;color:var(--mp-green);font-size:12px;font-weight:700;white-space:nowrap}
.mp-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mp-pill.paused{background:#fff6dc;color:#7a4e00}
.mp-pill.pending_payment,.mp-pill.draft{background:#eef1fb;color:#454e8c}
.mp-pill.sold,.mp-pill.expired{background:#eef1f2;color:#4d595f}

.mp-aviso{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:16px 18px;border-radius:18px;background:var(--mp-deep);color:#fff}
.mp-aviso b{display:block;font-size:16px}
.mp-aviso span{color:#cfe6df;font-size:14px}
.mp-aviso .mp-primary{background:#20A66A;color:#022b22}

.mp-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}
.mp-col{display:flex;flex-direction:column;gap:18px;min-width:0}

/* precio */
.mp-precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.mp-precio>span{font:700 40px/1 Quicksand,Inter,system-ui,sans-serif;letter-spacing:-.02em}
.mp-precio small{font-size:14px;color:var(--mp-mute)}
.mp-scale{padding-top:34px}
.mp-scale-bar{position:relative;height:10px;margin:0 14px;border-radius:999px;background:linear-gradient(to right,#20b999 0,#bfe9dd 34%,#dfe5e3 46%,#dfe5e3 54%,#f1c9c5 66%,#e66f68 100%)}
.mp-scale-bar .z{position:absolute;left:50%;top:-4px;width:2px;height:18px;margin-left:-1px;border-radius:2px;background:#17393a;opacity:.5}
.mp-scale-bar .d{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;border:5px solid var(--mp-mid);box-shadow:0 3px 10px rgba(20,50,48,.28);transition:left .18s ease,border-color .18s ease}
.mp-scale-bar .d em{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:var(--mp-mid);color:#fff;font:800 12px/1 Inter,system-ui,sans-serif;font-style:normal;white-space:nowrap}
.mp-scale-bar .d.op{border-color:var(--mp-op)}.mp-scale-bar .d.op em{background:var(--mp-op)}
.mp-scale-bar .d.high{border-color:var(--mp-high)}.mp-scale-bar .d.high em{background:var(--mp-high)}
.mp-scale-lbl{display:flex;justify-content:space-between;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--mp-mute)}
.mp-range{width:100%;height:44px;margin:0;accent-color:var(--mp-green);cursor:pointer}
.mp-msg{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;background:#f1f5f4}
.mp-msg b{font-size:15.5px}
.mp-msg span{font-size:14px;color:#1f4a44}
.mp-msg.op{background:#e9f7f2}.mp-msg.op b{color:var(--mp-green)}
.mp-msg.high{background:#fff3f3}.mp-msg.high b{color:var(--mp-high)}.mp-msg.high span{color:#7a2a2a}
.mp-ref{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--mp-mute)}
.mp-ref b{color:var(--mp-ink)}
.mp-inline{display:flex;align-items:center;gap:8px}
.mp-inline .mp-input{width:130px}

/* fotos */
.mp-fotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mp-foto{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#cfe3dc}
.mp-foto.portada{grid-column:span 2;grid-row:span 2;outline:3px solid var(--mp-green);outline-offset:2px}
.mp-foto-img,.mp-thumb{width:100%;height:100%;object-fit:cover;display:block}
.mp-nofoto{display:flex;align-items:center;justify-content:center;background:#cfe3dc;color:#3d5a54;font-size:11px;font-weight:600;text-align:center}
.mp-portada{position:absolute;left:8px;top:8px;padding:5px 10px;border-radius:999px;background:var(--mp-deep);color:#fff;font-size:12px;font-weight:700}
.mp-ico{appearance:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(2,35,40,.62);color:#fff;cursor:pointer}
.mp-ico:hover{background:rgba(2,35,40,.85)}
.mp-ico.tl{position:absolute;left:4px;top:4px}
.mp-ico.tr{position:absolute;right:4px;top:4px}
.mp-foto:not(.portada) .mp-ico{width:36px;height:36px}
.mp-foto:not(.portada) .mp-ico svg{width:17px;height:17px}
.mp-mover{position:absolute;left:4px;right:4px;bottom:4px;display:flex;justify-content:space-between}
.mp-subir{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #7fa79c;background:#fff;color:var(--mp-green);font-size:13px;font-weight:700;text-align:center;cursor:pointer}
.mp-subir:focus-within{outline:3px solid #15b78d;outline-offset:2px}

/* datos */
.mp-serv{display:flex;flex-wrap:wrap;gap:8px}
.mp-serv legend{margin-bottom:8px;float:left;width:100%}
.mp-tag{position:relative;display:inline-flex}
.mp-tag input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mp-tag span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #b9d2ca;border-radius:999px;font-weight:600;font-size:14px}
.mp-tag input:checked+span{background:var(--mp-green);border-color:var(--mp-green);color:#fff}
.mp-tag input:focus-visible+span{outline:3px solid #15b78d;outline-offset:2px}

/* rendimiento y zona */
.mp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mp-kpis>div,.mp-box{padding:12px;border-radius:14px;background:#f3f7f5}
.mp-kpis b,.mp-box b{display:block;font-size:22px;font-weight:800;line-height:1.1}
.mp-kpis span,.mp-box span{display:block;margin-top:4px;font-size:12.5px;color:var(--mp-mute)}
.mp-chart{height:64px;display:flex;align-items:flex-end;gap:2px}
.mp-chart i{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:#0c8670}
.mp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mp-dl{display:flex;flex-direction:column;gap:10px;font-size:14px}
.mp-dl>div{display:flex;justify-content:space-between;gap:14px}
.mp-dl dt{color:var(--mp-mute)}
.mp-dl dd{font-weight:700;text-align:right;white-space:nowrap}
.mp-acciones .mp-btn{width:100%}
.mp-acciones:empty{display:none}

/* lista */
.mp-sem{display:flex;height:12px;gap:2px;border-radius:999px;overflow:hidden}
.mp-sem .op{background:var(--mp-op)}.mp-sem .mid{background:#b9c9c5}.mp-sem .high{background:#bd3f3f}
.mp-sem-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:13.5px;color:var(--mp-mute)}
.mp-sem-n b{display:block;font-size:22px;color:var(--mp-ink)}
.mp-sem-n b.op{color:var(--mp-op)}.mp-sem-n b.high{color:var(--mp-high)}
.mp-atencion{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.mp-atencion h2{font:700 17px/1.2 Inter,system-ui,sans-serif}
.mp-at{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;padding:14px 16px;border:1px solid var(--mp-line);border-radius:16px;background:#fff}
.mp-at b{display:block}
.mp-at span{font-size:14px;color:var(--mp-mute)}
.mp-at.malo{background:#fff3f3;border-color:#efc9c9}
.mp-at.malo span{color:var(--mp-high);font-weight:600}
.mp-at-btns{display:flex;align-items:center;gap:8px;margin-left:auto}
.mp-tools{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}
.mp-tools #mpQ{flex:1 1 220px;width:auto}
.mp-select{width:auto;flex:0 1 190px}
.mp-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px}
.mp-chip{appearance:none;flex:none;min-height:44px;padding:0 16px;border:1px solid #b9d2ca;border-radius:999px;background:#fff;color:var(--mp-ink);font:600 13.5px Inter,system-ui,sans-serif;cursor:pointer}
.mp-chip.on{background:var(--mp-deep);border-color:var(--mp-deep);color:#fff}
.mp-rows{padding:0 16px;gap:0}
.mp-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e4ece9}
.mp-row:last-child{border-bottom:0}
.mp-check{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;cursor:pointer}
.mp-check input{width:20px;height:20px;accent-color:var(--mp-green)}
.mp-row-main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:14px 0;color:inherit;text-decoration:none;border-radius:10px}
.mp-row-main:hover b{text-decoration:underline}
.mp-thumb{flex:none;width:68px;height:68px;border-radius:12px}
.mp-row-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mp-row-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-row-price{font-size:17px;font-weight:800}
.mp-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mp-banda{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--mp-mid)}
.mp-banda i{width:9px;height:9px;border-radius:50%;background:currentColor}
.mp-banda.op{color:var(--mp-op)}.mp-banda.high{color:var(--mp-high)}
.mp-row-stats{flex:none;display:flex;flex-direction:column;gap:2px;text-align:right;font-size:13px;color:var(--mp-mute)}
.mp-vacio{padding:26px 0;text-align:center;color:var(--mp-mute)}
.mp-batch{position:sticky;bottom:12px;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 16px;border-radius:16px;background:var(--mp-deep);color:#fff;box-shadow:0 12px 34px rgba(2,35,40,.3)}
.mp-batch>div{display:flex;flex-wrap:wrap;gap:8px}
.mp-batch .mp-primary{background:#20A66A;color:#022b22}
.mp-empty{align-items:center;text-align:center;padding:48px 24px}
.mp-empty h1{font:700 24px/1.2 Quicksand,Inter,system-ui,sans-serif}
.mp-empty p{color:var(--mp-mute);max-width:46ch}

@media(max-width:900px){
  .mp-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .mp-card{padding:16px;border-radius:18px}
  .mp-head h1{font-size:23px}
  .mp-head-precio{display:none}
  .mp-precio>span{font-size:34px}
  .mp-fotos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mp-grid2{grid-template-columns:minmax(0,1fr)}
  .mp-row-main{flex-wrap:wrap;gap:10px 12px}
  .mp-row-stats{flex:1 1 100%;flex-direction:row;gap:12px;text-align:left;padding-left:80px;margin-top:-6px}
  .mp-thumb{width:64px;height:64px}
  .mp-at-btns{margin-left:0;width:100%}
  .mp-at-btns .mp-btn{flex:1}
  .mp-aviso .mp-btn,.mp-head>.mp-btn{width:100%}
  .mp-batch .mp-btn{flex:1;padding:0 12px}
  .mp-batch>div{width:100%}
  .mp-ref{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.mp-scale-bar .d{transition:none}}

/* v2.1 · precio arrastrable, fichas y guardar fijo */
#app:has(.mp-guardar){padding-bottom:92px}
.mp-field[hidden]{display:none}
body:has(.mp-guardar) .toast{bottom:96px}
.mp-lapiz{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;align-self:center;border:1px solid #b9d2ca;border-radius:12px;background:#fff;color:var(--mp-green);cursor:pointer}
.mp-lapiz:hover{background:#f1f7f5}
.mp-lapiz:focus-visible,.mp-ficha:focus-visible,.mp-scale-bar .d:focus-visible{outline:3px solid #15b78d;outline-offset:3px}
.mp-scale{padding:40px 6px 0}
.mp-scale-bar{height:12px;margin:0 16px;cursor:pointer;touch-action:none}
.mp-scale-bar:before{content:"";position:absolute;left:-16px;right:-16px;top:-24px;bottom:-24px}
.mp-scale-bar .z{height:20px}
.mp-scale-bar .d{width:34px;height:34px;margin:-17px 0 0 -17px;border-width:6px;cursor:grab;transition:border-color .18s ease}
.mp-scale-bar .d em{bottom:32px}
.mp-scale-lbl{margin-top:16px}
.mp-fichas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mp-ficha{appearance:none;display:flex;flex-direction:column;gap:6px;padding:14px;border:1.5px solid var(--mp-line);border-radius:16px;background:#fff;color:var(--mp-ink);font:500 13.5px/1.35 Inter,system-ui,sans-serif;text-align:left;cursor:pointer}
.mp-ficha-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 8px}
.mp-ficha-h b{font-size:15.5px}
.mp-mov{font-size:12.5px;font-weight:700;color:var(--mp-mute)}
.mp-ficha-r{font-size:13px;font-weight:600;color:var(--mp-mute)}
.mp-gp{display:flex;align-items:flex-start;gap:6px}
.mp-gp svg{flex:none;width:16px;height:16px;margin-top:1px}
.mp-gp.g svg{color:var(--mp-op)}
.mp-gp.p{color:#7a2a2a}.mp-gp.p svg{color:var(--mp-high)}
.mp-ficha.op b{color:var(--mp-op)}.mp-ficha.high b{color:var(--mp-high)}
.mp-ficha.on{cursor:default;border-width:2px}
.mp-ficha.on .mp-mov{padding:3px 8px;border-radius:999px;color:#fff}
.mp-ficha.op.on{border-color:var(--mp-op);background:#e9f7f2}.mp-ficha.op.on .mp-mov{background:var(--mp-op)}
.mp-ficha.mid.on{border-color:var(--mp-mid);background:#f1f5f4}.mp-ficha.mid.on .mp-mov{background:var(--mp-mid)}
.mp-ficha.high.on{border-color:var(--mp-high);background:#fff3f3}.mp-ficha.high.on .mp-mov{background:var(--mp-high)}
.mp-guardar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(243,247,245,.94);border-top:1px solid var(--mp-line);backdrop-filter:blur(6px)}
.mp-guardar .mp-btn{width:min(560px,100%);min-height:52px;font-size:16px;background:#d5dcda;color:#55625f;cursor:default}
.mp-guardar .mp-btn.on{background:#1a5fd0;color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(26,95,208,.28)}
.mp-guardar .mp-btn.on:hover{background:#154fb0}
@media(max-width:700px){.mp-fichas{grid-template-columns:minmax(0,1fr)}}

/* v2.2 · video */
.mp-foto.mp-video{grid-column:span 2;background:#04262c}
.mp-video video{width:100%;height:100%;object-fit:contain;display:block}