#ank-app,#ank-pub,#ank-mine,#ank-vec{
  --bg:#f4f5f7;--card:#fff;--text:#1a1a1a;--muted:#666d78;--line:#e4e6ea;--chip:#f0f1f4;
  --yellow:#379533;--yellow2:#4fae4a;--brand-yellow:#FFD400;--green:#2a7d27;--on-green:#fff;--green-soft:#eaf5e8;
  --accent:#2a7d27;--focus:#3483FA;--warn-soft:#fff4d6;--warn-text:#8a5a00;--danger:#d92d20;--wa:#1fa855;
  --shadow:0 2px 8px rgba(0,0,0,.08);
  font-family:inherit;color:var(--text);line-height:1.5;
}
#ank-app *,#ank-pub *,#ank-mine *,#ank-vec *{box-sizing:border-box}
#ank-app button,#ank-pub button,#ank-mine button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none}
#ank-app input,#ank-app select,#ank-app textarea{font-family:inherit;color:inherit}
#ank-app h1,#ank-app h2,#ank-app h3,#ank-pub h1,#ank-pub h2,#ank-pub h3,#ank-mine h2,#ank-mine h3,#ank-vec h1,#ank-vec h2{font-weight:800;line-height:1.2;margin:0}
#ank-app p,#ank-pub p,#ank-mine p,#ank-vec p{margin:0}
#ank-app a,#ank-pub a,#ank-mine a,#ank-vec a{text-decoration:none;color:inherit}
#ank-app :focus-visible,#ank-pub :focus-visible,#ank-mine :focus-visible,#ank-vec :focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* === Flujo de publicar === */
#ank-app .i{width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
#ank-app .i.sm{width: 17px; height: 17px;}
#ank-app .head{padding: 68px 16px 0;}
#ank-app .progress{display: flex; gap: 6px; margin-bottom: 14px;}
#ank-app .progress i{flex: 1; height: 5px; border-radius: 99px; background: var(--line);}
#ank-app .progress i.on{background: var(--green);}
#ank-app .head .step{font-size: 13px; color: var(--muted); font-weight: 700; margin-bottom: 2px;}
#ank-app .head h1{font-size: 24px;}
#ank-app .head p{color: var(--muted); font-size: 14.5px; margin-top: 4px;}
#ank-app .body{padding: 16px;}
#ank-app .type{display: flex; gap: 14px; align-items: center; width: 100%; text-align: left; background: var(--card); border-radius: 20px; padding: 18px; box-shadow: var(--shadow); border: 2.5px solid transparent; transition: border-color .15s, transform .12s;}
#ank-app .type + .type{margin-top: 14px;}
#ank-app .type:active{transform: scale(.985);}
#ank-app .type.on{border-color: var(--green);}
#ank-app .type .ico{width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
#ank-app .type .ico .i{width: 28px; height: 28px;}
#ank-app .type.sell .ico{background: var(--warn-soft); color: var(--warn-text);}
#ank-app .type.serv .ico{background: var(--green-soft); color: var(--green);}
#ank-app .type b{font-size: 18px; display: block;}
#ank-app .type span{font-size: 13.5px; color: var(--muted);}
#ank-app .tick{margin-left: auto; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--line); display: flex; align-items: center; justify-content: center; color: transparent; flex-shrink: 0;}
#ank-app .type.on .tick{background: var(--green); border-color: var(--green); color: var(--on-green);}
#ank-app .tick .i{width: 14px; height: 14px; stroke-width: 3.2;}
#ank-app .hint{display: flex; gap: 10px; background: var(--chip); border-radius: 14px; padding: 12px 14px; font-size: 13.5px; color: var(--muted); margin-top: 18px;}
#ank-app .cats{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
#ank-app .cat{background: var(--card); border-radius: 16px; padding: 14px 6px 12px; text-align: center; box-shadow: var(--shadow); border: 2.5px solid transparent; font-size: 12.5px; font-weight: 700; line-height: 1.2; min-height: 96px; display: flex; flex-direction: column; align-items: center; gap: 6px; transition: border-color .15s, transform .12s;}
#ank-app .cat:active{transform: scale(.96);}
#ank-app .cat .em{font-size: 28px; line-height: 1;}
#ank-app .cat.on{border-color: var(--green); background: var(--green-soft);}
#ank-app .cat.other{border: 2px dashed var(--line); background: transparent; box-shadow: none;}
#ank-app .cat.other.on{border: 2.5px solid var(--green); background: var(--green-soft);}
#ank-app .otherbox{margin-top: 16px;}
#ank-app .field{display: block; margin-bottom: 16px;}
#ank-app .field > span{display: flex; justify-content: space-between; align-items: baseline; font-size: 13.5px; font-weight: 800; margin-bottom: 6px;}
#ank-app .field > span em{font-style: normal; color: var(--muted); font-weight: 600; font-size: 12.5px;}
#ank-app .field input,#ank-app .field select,#ank-app .field textarea{width: 100%; min-height: 48px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--card); padding: 10px 14px; font-size: 15.5px; outline: none; transition: border-color .15s, box-shadow .15s;}
#ank-app .field textarea{min-height: 96px; resize: vertical;}
#ank-app .field input:focus,#ank-app .field select:focus,#ank-app .field textarea:focus{border-color: var(--accent); box-shadow: 0 0 0 3px rgba(52,131,250,.18);}
#ank-app .field.bad input,#ank-app .field.bad textarea{border-color: var(--danger);}
#ank-app .err{color: var(--danger); font-size: 12.5px; font-weight: 700; margin-top: 4px; display: none;}
#ank-app .field.bad .err{display: block;}
#ank-app .two{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
#ank-app .chips{display: flex; flex-wrap: wrap; gap: 8px;}
#ank-app .chip{min-height: 40px; padding: 0 16px; border-radius: 99px; background: var(--card); border: 1.5px solid var(--line); font-weight: 700; font-size: 14px; transition: all .15s;}
#ank-app .chip.on{background: var(--green); border-color: var(--green); color: var(--on-green);}
#ank-app .seg{display: flex; background: var(--chip); border-radius: 99px; padding: 4px;}
#ank-app .seg button{flex: 1; min-height: 38px; border-radius: 99px; font-weight: 800; font-size: 13.5px; color: var(--muted);}
#ank-app .seg button.on{background: var(--card); color: var(--text); box-shadow: var(--shadow);}
#ank-app .photos{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
#ank-app .slot{aspect-ratio: 1/1; border-radius: 14px; border: 2px dashed var(--line); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--muted); font-size: 12px; font-weight: 700; position: relative;}
#ank-app .slot.cover{border-color: var(--yellow2); background: var(--warn-soft); color: var(--warn-text);}
#ank-app .slot.filled{border: 0; color: #1a1a1a; font-size: 34px;}
#ank-app .slot.filled small{position: absolute; left: 6px; bottom: 6px; background: rgba(0,0,0,.65); color: #fff; font-size: 11px; padding: 1px 8px; border-radius: 99px; font-weight: 800;}
#ank-app .row{display: flex; align-items: center; gap: 12px; background: var(--card); border-radius: 14px; padding: 12px 14px; box-shadow: var(--shadow); font-weight: 700; font-size: 14.5px; margin-bottom: 12px;}
#ank-app .row .grow{flex: 1;}
#ank-app .row small{display: block; font-weight: 600; color: var(--muted); font-size: 12.5px;}
#ank-app .sw{position: relative; width: 48px; height: 28px; border-radius: 99px; background: #c5c9d0; flex-shrink: 0; transition: background .2s;}
#ank-app .sw::after{content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.3);}
#ank-app .sw[aria-checked="true"]{background: var(--green);}
#ank-app .sw[aria-checked="true"]::after{transform: translateX(20px);}
#ank-app .stepper{display: flex; align-items: center; gap: 4px;}
#ank-app .stepper button{width: 34px; height: 34px; border-radius: 50%; background: var(--chip); font-weight: 900; font-size: 18px;}
#ank-app .stepper b{min-width: 28px; text-align: center;}
#ank-app .sect{font-size: 15px; font-weight: 800; margin: 22px 0 10px;}
#ank-app .map{height: 150px; border-radius: 16px; background: linear-gradient(135deg, #dfeee3, #cfe3d6); position: relative; overflow: hidden; margin-bottom: 12px; box-shadow: var(--shadow);}
#ank-app .map::before{content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent 0 34px, rgba(255,255,255,.55) 34px 38px), repeating-linear-gradient(90deg, transparent 0 46px, rgba(255,255,255,.55) 46px 50px);}
#ank-app .map .pin{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); color: #d92d20;}
#ank-app .map .pin .i{width: 38px; height: 38px; fill: #d92d20; stroke: #fff;}
#ank-app .map .area{position: absolute; left: 50%; top: 50%; width: 110px; height: 110px; margin: -55px 0 0 -55px; border-radius: 50%; background: rgba(217,45,32,.18); border: 2px dashed #d92d20; display: none;}
#ank-app .map.zone .area{display: block;}
#ank-app .map.zone .pin{display: none;}
#ank-app .verified{display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; padding: 2px 9px; border-radius: 99px; background: var(--green-soft); color: var(--green);}
#ank-app .verified .i{width: 12px; height: 12px; stroke-width: 3;}
#ank-app .bar{position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 480px; background: var(--card); border-top: 1px solid var(--line); padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 30;}
#ank-app .btn{display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; border-radius: 999px; font-weight: 900; font-size: 16px; background: var(--green); color: #fff; transition: transform .12s, opacity .12s;}
#ank-app .btn:active{transform: scale(.98);}
#ank-app .btn:disabled{background: var(--chip); color: var(--muted); cursor: not-allowed;}
#ank-app .btn.green{background: var(--green); color: var(--on-green);}
#ank-app .btn.line{background: var(--chip); color: var(--text);}
#ank-app .btn + .btn{margin-top: 10px;}
#ank-app .done{text-align: center; padding: 84px 20px 0;}
#ank-app .done .ok{width: 84px; height: 84px; border-radius: 50%; background: var(--green); color: var(--on-green); margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; animation: ank-pop .35s ease-out;}
#ank-app .done .ok .i{width: 44px; height: 44px; stroke-width: 3;}
@keyframes ank-pop{ from { transform: scale(.5); opacity: 0; } to { transform: none; opacity: 1; } }
#ank-app .done h1{font-size: 26px;}
#ank-app .done p{color: var(--muted); margin: 6px 0 20px;}
#ank-app .prev{display: flex; gap: 12px; text-align: left; background: var(--card); border-radius: 16px; padding: 12px; box-shadow: var(--shadow); align-items: center;}
#ank-app .prev .ph{width: 72px; height: 72px; border-radius: 14px; background: linear-gradient(135deg, #ffe0b8, #ffb46b); display: flex; align-items: center; justify-content: center; font-size: 34px; flex-shrink: 0;}
#ank-app .prev b{display: block; font-size: 16px;}
#ank-app .prev .pr{font-weight: 900; color: var(--green); font-size: 17px;}
#ank-app .prev small{color: var(--muted); font-weight: 600; font-size: 12.5px;}

#ank-app{max-width:480px;margin:0 auto;padding-bottom:110px}
#ank-app .head{padding:0}
#ank-app .body{padding:16px 0}
#ank-app .hint a{color:var(--accent);font-weight:800;text-decoration:underline}
#ank-app .muted,#ank-mine .muted{color:var(--muted);font-size:13px;font-weight:600}
#ank-app .slot.filled{background-size:cover;background-position:center;border:0}
#ank-app .slot .x{position:absolute;right:6px;top:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:16px;line-height:24px;text-align:center}
#ank-app .prev .ph{background-size:cover;background-position:center}
#ank-app .done{padding:24px 0 0}
#ank-app .bar{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:900}
#ank-app .bar .btn+.btn{margin-top:10px}
#ank-app a.btn{text-decoration:none}
#ank-app .btn:disabled{background:var(--chip);color:var(--muted);cursor:not-allowed}
.ank-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:#1a1a1a;color:#fff;padding:12px 18px;border-radius:14px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:99999;max-width:90%;text-align:center}
.ank-toast.show{opacity:1;transform:translate(-50%,0)}
.ank-login-card{max-width:420px;margin:24px auto;background:#fff;border-radius:20px;padding:28px 22px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.ank-login-card h2{font-size:22px;margin:0 0 6px}
.ank-login-card p{color:#666d78;margin:0 0 18px}
.ank-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:#FFD400;color:#1a1a1a;font-weight:900;font-size:16px}
@media (prefers-reduced-motion:reduce){#ank-app *,#ank-pub *{transition:none!important;animation:none!important}}

/* === Publicación individual === */
#ank-pub .i{width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;}
#ank-pub .i.sm{width: 17px; height: 17px;}
#ank-pub .round{pointer-events: auto; width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.96); color: #1a1a1a; box-shadow: 0 2px 10px rgba(0,0,0,.25); display: inline-flex; align-items: center; justify-content: center; transition: transform .15s;}
#ank-pub .round:active{transform: scale(.92);}
#ank-pub .round.fav.on{color: #e0245e;}
#ank-pub .round.fav.on .i{fill: currentColor;}
#ank-pub .tools{display: flex; gap: 10px;}
#ank-pub .stage{aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; font-size: 120px; position: relative; transition: background .25s;}
#ank-pub .count{position: absolute; right: 12px; bottom: 12px; background: rgba(0,0,0,.6); color: #fff; font-size: 12.5px; font-weight: 800; padding: 3px 10px; border-radius: 99px;}
#ank-pub .thumbs{display: flex; gap: 8px; padding: 10px 16px 0;}
#ank-pub .thumb{width: 64px; height: 64px; border-radius: 12px; border: 2.5px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: var(--shadow);}
#ank-pub .thumb.on{border-color: var(--accent);}
#ank-pub .wrap{padding: 16px;}
#ank-pub .price{font-size: 30px; font-weight: 900; color: var(--green); letter-spacing: -.01em;}
#ank-pub h1.title{font-size: 22px; margin-top: 2px;}
#ank-pub .chips{display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 4px;}
#ank-pub .chip{display: inline-flex; align-items: center; gap: 5px; background: var(--chip); border-radius: 99px; padding: 5px 12px; font-size: 13px; font-weight: 700;}
#ank-pub .chip .i{width: 14px; height: 14px;}
#ank-pub .card{background: var(--card); border-radius: 16px; box-shadow: var(--shadow); padding: 16px;}
#ank-pub .card + .card,#ank-pub .wrap > * + *{margin-top: 12px;}
#ank-pub h2.sec{font-size: 16px; margin-bottom: 8px;}
#ank-pub .desc{font-size: 15px;}
#ank-pub .details{list-style: none;}
#ank-pub .details li{display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--line); font-size: 14px;}
#ank-pub .details li:first-child{border-top: 0;}
#ank-pub .details span{color: var(--muted); font-weight: 600;}
#ank-pub .details b{font-weight: 800; text-align: right;}
#ank-pub .seller{display: block; width: 100%; text-align: left;}
#ank-pub .seller .top{display: flex; gap: 12px; align-items: center;}
#ank-pub .avatar{width: 56px; height: 56px; border-radius: 50%; background: var(--yellow); color: #fff; font-weight: 900; font-size: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 3px solid var(--card); box-shadow: 0 0 0 2px var(--yellow2);}
#ank-pub .seller .name{font-size: 17px; font-weight: 900; display: flex; align-items: center; gap: 6px; flex-wrap: wrap;}
#ank-pub .seller .since{font-size: 13px; color: var(--muted); font-weight: 600;}
#ank-pub .ver{display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; padding: 2px 9px; border-radius: 99px; background: var(--green-soft); color: var(--green);}
#ank-pub .ver .i{width: 12px; height: 12px; stroke-width: 3;}
#ank-pub .ver.no{background: var(--warn-soft); color: var(--warn-text);}
#ank-pub .metrics{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; text-align: center;}
#ank-pub .metrics b{display: block; font-size: 18px; font-weight: 900;}
#ank-pub .metrics span{font-size: 12.5px; color: var(--muted); font-weight: 600;}
#ank-pub .metrics div + div{border-left: 1px solid var(--line);}
#ank-pub .more{display: flex; justify-content: space-between; align-items: center; margin-top: 12px; padding: 11px 14px; border-radius: 12px; background: var(--chip); font-weight: 800; font-size: 14px;}
#ank-pub .privacy{display: flex; gap: 8px; font-size: 12.5px; color: var(--muted); margin-top: 10px; font-weight: 600;}
#ank-pub .safe{background: var(--warn-soft); border-radius: 16px; padding: 14px 16px;}
#ank-pub .safe h3{font-size: 15px; display: flex; gap: 8px; align-items: center; color: var(--warn-text); margin-bottom: 6px;}
#ank-pub .safe ul{list-style: none; font-size: 13.5px;}
#ank-pub .safe li{padding: 3px 0 3px 18px; position: relative;}
#ank-pub .safe li::before{content: ""; position: absolute; left: 3px; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--yellow2);}
#ank-pub .report{display: block; margin: 16px auto 0; color: var(--muted); font-weight: 700; font-size: 13.5px; text-decoration: underline; padding: 8px;}
#ank-pub .bar{position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 480px; background: var(--card); border-top: 1px solid var(--line); padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 12px; align-items: center; z-index: 30;}
#ank-pub .bar .p{line-height: 1.1;}
#ank-pub .bar .p small{font-size: 12px; color: var(--muted); font-weight: 700; display: block;}
#ank-pub .bar .p b{font-size: 20px; font-weight: 900; color: var(--green);}
#ank-pub .wa{flex: 1; min-height: 50px; border-radius: 999px; background: #25D366; color: #06331a; font-weight: 900; font-size: 15.5px; display: flex; align-items: center; justify-content: center; gap: 8px; transition: transform .12s;}
#ank-pub .wa:active{transform: scale(.98);}
#ank-pub .wa.off{background: var(--chip); color: var(--muted); font-size: 13.5px; text-align: center; padding: 6px 12px; line-height: 1.25;}
#ank-pub .shead{background: linear-gradient(115deg, #2a7d27 0%, #379533 100%); padding: 66px 16px 22px; border-radius: 0 0 28px 28px; color: #fff; text-align: center;}
#ank-pub .shead .avatar{width: 84px; height: 84px; font-size: 30px; margin: 0 auto 10px; border-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
#ank-pub .shead h1{font-size: 24px;}
#ank-pub .shead p{font-size: 14px; font-weight: 700; margin-top: 2px;}
#ank-pub .shead .row{display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 10px;}
#ank-pub .shead .ver{background: rgba(255,255,255,.85); color: #1f5c1d;}
#ank-pub .tag{display: inline-flex; background: rgba(0,0,0,.12); border-radius: 99px; padding: 2px 10px; font-size: 12px; font-weight: 800;}
#ank-pub .grid2{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
#ank-pub .pcard{background: var(--card); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); text-align: left; display: block; transition: transform .12s;}
#ank-pub .pcard:active{transform: scale(.97);}
#ank-pub .pcard .ph{aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 52px; position: relative;}
#ank-pub .pcard .info{padding: 10px 12px 12px;}
#ank-pub .pcard .n{font-size: 13.5px; font-weight: 700; line-height: 1.25;}
#ank-pub .pcard .p{font-size: 17px; font-weight: 900; color: var(--green);}
#ank-pub .pcard.sold{opacity: .6;}
#ank-pub .pcard.sold .ph::after{content: "Vendida"; position: absolute; left: 8px; top: 8px; background: #1a1a1a; color: #fff; font-size: 12px; font-weight: 800; padding: 2px 10px; border-radius: 99px;}
#ank-pub .subttl{font-size: 16px; font-weight: 800; margin: 20px 0 10px;}
/* === Página del vendedor === */
#ank-vec .wrap{padding: 16px;}
#ank-vec .card{background: var(--card); border-radius: 16px; box-shadow: var(--shadow); padding: 16px;}
#ank-vec .card + .card,#ank-vec .wrap > * + *{margin-top: 12px;}
#ank-vec .avatar{width: 56px; height: 56px; border-radius: 50%; background: var(--yellow); color: #fff; font-weight: 900; font-size: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 3px solid var(--card); box-shadow: 0 0 0 2px var(--yellow2);}
#ank-vec .ver{display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; padding: 2px 9px; border-radius: 99px; background: var(--green-soft); color: var(--green);}
#ank-vec .ver .i{width: 12px; height: 12px; stroke-width: 3;}
#ank-vec .ver.no{background: var(--warn-soft); color: var(--warn-text);}
#ank-vec .metrics{display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; text-align: center;}
#ank-vec .metrics b{display: block; font-size: 18px; font-weight: 900;}
#ank-vec .metrics span{font-size: 12.5px; color: var(--muted); font-weight: 600;}
#ank-vec .metrics div + div{border-left: 1px solid var(--line);}
#ank-vec .shead{background: linear-gradient(115deg, #2a7d27 0%, #379533 100%); padding: 66px 16px 22px; border-radius: 0 0 28px 28px; color: #fff; text-align: center;}
#ank-vec .shead .avatar{width: 84px; height: 84px; font-size: 30px; margin: 0 auto 10px; border-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
#ank-vec .shead h1{font-size: 24px;}
#ank-vec .shead p{font-size: 14px; font-weight: 700; margin-top: 2px;}
#ank-vec .shead .row{display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 10px;}
#ank-vec .shead .ver{background: rgba(255,255,255,.85); color: #1f5c1d;}
#ank-vec .tag{display: inline-flex; background: rgba(0,0,0,.12); border-radius: 99px; padding: 2px 10px; font-size: 12px; font-weight: 800;}
#ank-vec .grid2{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
#ank-vec .pcard{background: var(--card); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); text-align: left; display: block; transition: transform .12s;}
#ank-vec .pcard:active{transform: scale(.97);}
#ank-vec .pcard .ph{aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; font-size: 52px; position: relative;}
#ank-vec .pcard .info{padding: 10px 12px 12px;}
#ank-vec .pcard .n{font-size: 13.5px; font-weight: 700; line-height: 1.25;}
#ank-vec .pcard .p{font-size: 17px; font-weight: 900; color: var(--green);}
#ank-vec .pcard.sold{opacity: .6;}
#ank-vec .pcard.sold .ph::after{content: "Vendida"; position: absolute; left: 8px; top: 8px; background: #1a1a1a; color: #fff; font-size: 12px; font-weight: 800; padding: 2px 10px; border-radius: 99px;}
#ank-vec .subttl{font-size: 16px; font-weight: 800; margin: 20px 0 10px;}

/* === Página del vendedor: ajustes === */
#ank-vec{max-width:480px;margin:0 auto}
#ank-vec .shead{padding-top:70px;border-radius:0 0 28px 28px}
#ank-vec .wrap{padding:16px}
#ank-vec .pcard .ph{background:linear-gradient(135deg,#ffe0b8,#ffb46b);background-size:cover;background-position:center}
.ank-muted{color:#666d78;font-size:13.5px;font-weight:600}

/* === Publicación: ajustes propios de WordPress === */
#ank-pub{max-width:480px;margin:0 auto;padding-bottom:110px}
#ank-pub .stage{background-size:cover;background-position:center;background-color:#eef0f4}
#ank-pub .stage.ph{font-size:110px;background:linear-gradient(135deg,#ffe0b8,#ffb46b)}
#ank-pub .thumb{background-size:cover;background-position:center;padding:0}
#ank-pub .ank-topbar{position:sticky;top:env(safe-area-inset-top,0px);height:0;z-index:31;padding:12px 12px 0 0;display:flex;justify-content:flex-end;pointer-events:none}
#ank-pub .ank-topbar .tools{display:flex;gap:10px}
#ank-pub .round{pointer-events:auto}
#ank-pub a.seller{color:inherit}
#ank-pub .ank-video{width:100%;border-radius:12px;background:#000;max-height:360px}
#ank-pub .ank-maplink{color:var(--accent);text-decoration:underline}
#ank-pub a.wa{text-decoration:none}
.ank-banner{background:#fff4d6;color:#8a5a00;font-weight:700;font-size:13.5px;padding:10px 16px;text-align:center;position:relative;z-index:1}
.ank-banner.sold{background:#1a1a1a;color:#fff}
.ank-banner a{text-decoration:underline}
.ank-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;display:flex;align-items:flex-end;justify-content:center}
.ank-sheet{width:100%;max-width:480px;background:#f4f5f7;border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px))}
.ank-sheet h3{font-size:20px;margin:0 0 4px;font-weight:800}
.ank-f{display:block;margin-bottom:14px}.ank-f span{display:block;font-size:13.5px;font-weight:800;margin-bottom:6px}
.ank-f select,.ank-f textarea{width:100%;border:1.5px solid #e4e6ea;border-radius:12px;padding:10px 14px;font:inherit;background:#fff}
.ank-link{display:block;margin:12px auto 0;background:none;border:0;color:#666d78;font-weight:700;padding:8px;cursor:pointer}
.ank-btn{border:0;cursor:pointer}

/* === Mis publicaciones === */
#ank-mine{max-width:480px;margin:0 auto}
.ank-quota{background:#fff4d6;border-radius:14px;padding:12px 14px;font-size:13.5px;font-weight:600;margin-bottom:12px}
#ank-mine .ank-new{display:flex;width:100%;margin-bottom:16px}
.ank-empty{text-align:center;color:#666d78;padding:34px 20px;font-size:14px}.ank-empty b{display:block;color:#1a1a1a;font-size:16px;margin-bottom:4px}
.ank-post{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:14px;margin-bottom:12px}
.ank-post .top{display:flex;gap:12px;align-items:center}
.ank-post .ph2{width:64px;height:64px;border-radius:14px;background:#f0f1f4 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0}
.ank-post .grow{flex:1;min-width:0}.ank-post b{font-size:15px;display:block;line-height:1.25}
.ank-post .pr{font-weight:900;color:#2a7d27;font-size:17px;display:block}
.ank-post .m{font-size:12px;color:#666d78;font-weight:600}
.ank-post .pill{font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;white-space:nowrap}
.ank-post .pill.ok{background:#eaf5e8;color:#2a7d27}.ank-post .pill.warn{background:#fff4d6;color:#8a5a00}.ank-post .pill.off{background:#f0f1f4;color:#666d78}.ank-post .pill.bad{background:#fdecea;color:#d92d20}
.ank-post .stats{display:flex;gap:14px;margin-top:10px;font-size:12.5px;color:#666d78;font-weight:700}
.ank-post .acts{display:flex;gap:8px;margin-top:12px}
.ank-b{flex:1;min-height:38px;border-radius:999px;font-weight:800;font-size:13px;border:0;cursor:pointer;background:#f0f1f4;color:#1a1a1a}
.ank-b.green{background:#2a7d27;color:#fff}.ank-b.danger{flex:0 0 auto;padding:0 14px;background:#fdecea;color:#d92d20}
.ank-b:disabled{opacity:.5}

/* v1.0.5 — "Editar" es un enlace con el aspecto de los botones; si no entran todos en una línea, pasan a la siguiente */
a.ank-b{display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;color:#1a1a1a}
.ank-post .acts{flex-wrap:wrap}
