:root{--navy:#0b2a57;--blue:#1462ae;--red:#d92f35;--green:#168063;--bg:#f3f5f8;--line:#d8dee6;--muted:#72808d;--text:#2b4053}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}.bar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.bar-in{max-width:1180px;height:78px;margin:auto;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand img{width:49px;height:49px;border-radius:10px}.brand b{display:block;font-size:20px}.brand span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.bar-actions{display:flex;gap:7px}.bar-actions a{text-decoration:none;color:#15558f;background:#edf4fb;border-radius:7px;padding:10px 12px;font-weight:800;font-size:12px}.wrap{max-width:1180px;margin:auto;padding:18px 14px 60px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 22px rgba(25,49,73,.08)}.gate{padding:35px;text-align:center}.hero{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.hero small{font-weight:900;color:#1c65a6}.hero h1{margin:5px 0 4px}.hero p{margin:0;color:var(--muted);font-size:13px}.user{text-align:right}.user b,.user span{display:block}.user span{font-size:11px;color:var(--muted);margin-top:4px}.source-banner{margin:12px 0;background:#e8f4ff;border:1px solid #bcd9f3;border-radius:9px;padding:12px 15px;color:#1a527f;font-size:13px}.grid-layout{display:grid;grid-template-columns:1fr 270px;gap:14px;margin-top:14px}.form-card,.side,.list-card{padding:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.section-head h2{margin:0;font-size:19px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.field label{display:block;font-size:10px;font-weight:900;color:#677684;text-transform:uppercase;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #d1d8df;border-radius:7px;padding:9px 10px;background:#fff;color:var(--text);outline:none}.field input,.field select{height:40px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#73a7d6;box-shadow:0 0 0 2px #e7f2fb}.full{grid-column:1/-1}.btn{border:0;border-radius:7px;padding:10px 14px;font-weight:900;cursor:pointer}.primary{background:var(--blue);color:#fff}.light{background:#eef3f7;color:#31516c}.media-section{margin-top:15px;padding-top:14px;border-top:1px solid #edf0f3}.media-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.media-title h3{margin:0;font-size:15px}.media-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.video-title{margin-top:14px}.pick{background:#eaf2fa;color:#1c5d97;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:900;cursor:pointer}.photo-preview{display:flex;gap:7px;overflow:auto;min-height:92px;padding:4px 0}.photo-item{width:112px;height:86px;flex:0 0 auto;position:relative;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#e5e9ed}.photo-item.cover{border-color:#1767ad}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item button{position:absolute;border:0;cursor:pointer}.cover-btn{left:4px;bottom:4px;background:rgba(11,42,87,.85);color:#fff;border-radius:4px;padding:4px 6px;font-size:8px;font-weight:900}.remove-btn{right:4px;top:4px;background:rgba(190,35,42,.88);color:#fff;border-radius:99px;width:22px;height:22px}.video-preview video{width:min(360px,100%);max-height:220px;background:#000;border-radius:7px}.video-preview span,.empty-small{font-size:11px;color:var(--muted);padding:15px}.submit-row{display:flex;align-items:center;gap:12px;margin-top:16px}.submit-row span{font-size:12px;color:var(--muted)}.side h2{font-size:17px;margin-top:0}.side ol{padding-left:20px;color:#526475;font-size:12px;line-height:1.7}.note{margin-top:18px;background:#f4f7fa;padding:12px;border-radius:8px}.note b,.note span{display:block}.note span{font-size:10px;color:var(--muted);margin-top:5px}.list-card{margin-top:14px}.list{display:grid;gap:9px}.sale-row{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:12px;border:1px solid #e3e7eb;border-radius:8px;padding:8px}.sale-cover{width:86px;height:68px;border-radius:6px;overflow:hidden;background:#e6eaee}.sale-cover img{width:100%;height:100%;object-fit:contain}.sale-main b{display:block}.sale-main span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.sale-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.sale-actions button,.sale-actions a{border:0;text-decoration:none;border-radius:6px;padding:8px 9px;font-size:10px;font-weight:900;cursor:pointer}.edit{background:#eaf2fa;color:#1c5d97}.status{background:#e6f6ef;color:#137457}.danger{background:#fff0f1;color:#b32730}.open{background:#f0f2f5;color:#43586b}.existing-media{margin-top:14px;border-top:1px solid #edf0f3;padding-top:12px}.existing-media h3{font-size:14px;margin:0 0 8px}.existing-grid{display:flex;gap:7px;overflow:auto}.existing-item{width:112px;flex:0 0 auto;border:1px solid #dce2e8;border-radius:7px;overflow:hidden;padding-bottom:5px}.existing-item img,.existing-item video{width:100%;height:80px;object-fit:cover;background:#111}.existing-item div{display:flex;gap:4px;padding:5px}.existing-item button{border:0;border-radius:4px;padding:5px;font-size:8px;font-weight:900;cursor:pointer}.toast{position:fixed;z-index:60;bottom:20px;left:50%;transform:translate(-50%,120px);opacity:0;transition:.2s;background:#172f45;color:#fff;border-radius:8px;padding:10px 14px;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.grid-layout{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}.side{order:-1}.side ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.sale-row{grid-template-columns:75px 1fr}.sale-actions{grid-column:1/-1}}
@media(max-width:600px){.bar-in{height:92px}.brand b{font-size:17px}.brand span{font-size:9px}.bar-actions a{padding:8px;font-size:10px}.wrap{padding:10px 8px 50px}.hero{align-items:flex-start}.hero h1{font-size:21px}.hero p{font-size:11px}.user{font-size:11px}.fields{grid-template-columns:1fr 1fr;gap:8px}.full{grid-column:1/-1}.form-card,.side,.list-card{padding:12px}.media-title{align-items:flex-start}.pick{white-space:nowrap}.submit-row{align-items:flex-start;flex-direction:column}.submit-row .btn{width:100%}.side ol{display:block}.sale-row{grid-template-columns:70px 1fr}.sale-cover{width:70px;height:58px}}

.cover-adjust{margin-top:12px;border:1px solid #e1e7ed;border-radius:8px;padding:10px;background:#fafbfd}.cover-adjust-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cover-adjust-head h3{margin:0;font-size:14px}.cover-adjust-head h3 span{font-size:10px;color:var(--muted);font-weight:700}.cover-adjust-head p{margin:4px 0 0;font-size:10px;color:var(--muted)}.cover-adjust-grid{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:14px;margin-top:10px}.cover-preview{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:#e3e8ed;border-radius:8px}.cover-preview span{font-size:10px;color:#7b8792}.cover-preview img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cover-controls{display:grid;gap:8px;align-content:center}.cover-controls label{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px;font-size:10px;font-weight:900;color:#657483;text-transform:uppercase}.cover-controls input{width:100%}@media(max-width:700px){.cover-adjust-grid{grid-template-columns:1fr}.cover-preview{height:220px}}

.cover-preview:after{content:"AUTOMÁTICO";position:absolute;z-index:3;right:7px;top:7px;background:rgba(11,42,87,.82);color:#fff;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.03em}.cover-preview[data-mode="manual"]:after{content:"AJUSTE MANUAL";background:rgba(217,47,53,.88)}

/* v2.7.5 · Mobile upload width containment */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.grid-layout,.grid-layout>* ,.form-card,.side,.list-card,.fields,.fields>* ,.field,.media-section,.media-title,.media-title>div,.photo-preview,.cover-adjust,.cover-adjust-grid,.cover-preview,.cover-controls,.video-preview,.existing-media,.existing-grid,.sale-row,.sale-main{min-width:0;max-width:100%}
.form-card,.media-section,.cover-adjust,.existing-media{overflow:hidden}
.photo-preview,.existing-grid{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
.photo-item,.existing-item{flex:0 0 auto;max-width:112px}
.media-title{gap:8px}
.media-title>div{overflow:hidden}
.pick{flex:0 0 auto;max-width:100%;white-space:nowrap}
.cover-controls input[type=range]{min-width:0;max-width:100%}
.video-preview{overflow:hidden}
.video-preview video{display:block;max-width:100%;height:auto}
@media(max-width:600px){
  .wrap{width:100%;max-width:100%;overflow-x:hidden}
  .grid-layout{width:100%;max-width:100%;overflow:hidden}
  .form-card,.side,.list-card{width:100%;max-width:100%;min-width:0}
  .photo-preview,.existing-grid{margin-right:0;padding-right:0}
  .photo-item,.existing-item{width:104px;max-width:104px}
  .cover-adjust-grid{width:100%;min-width:0}
  .cover-controls label{grid-template-columns:72px minmax(0,1fr)}
}

.field small{display:block;margin-top:5px;color:#7d8995;font-size:10px;line-height:1.35}

/* v2.8.8 — Ajuste de portada CSP-safe. No usa estilos inline. */
/* v2.8.10 — El ajustador debe mostrar siempre la foto que se está editando.
   El atributo hidden decide cuándo ocultarla; no un display:none permanente. */
.cover-preview-img{z-index:1;image-rendering:auto;background:#e3e8ed}
.cover-preview.has-image .cover-preview-img:not([hidden]){display:block}
.cover-preview-img,.listing-source{transition:transform .12s ease,object-position .12s ease}
.cover-preview.has-image{cursor:grab;touch-action:none}.cover-preview.dragging{cursor:grabbing}.cover-preview-img[hidden]{display:none!important}
.cover-drag-hint{display:none;position:absolute;z-index:4;left:50%;bottom:7px;transform:translateX(-50%);background:rgba(11,42,87,.78);color:#fff;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;pointer-events:none;white-space:nowrap}.cover-preview.has-image .cover-drag-hint{display:block}
.cover-controls label{grid-template-columns:1fr!important;gap:5px!important}.cover-controls label>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.cover-controls output{font-size:10px;color:#1c5d97;font-weight:900}.cover-help{margin:2px 0 0;color:#73808c;font-size:10px;line-height:1.45}.cover-help b{color:#1c5d97}
.cover-pos-0-0{object-position:0% 0%;transform-origin:0% 0%}
.cover-pos-0-5{object-position:0% 5%;transform-origin:0% 5%}
.cover-pos-0-10{object-position:0% 10%;transform-origin:0% 10%}
.cover-pos-0-15{object-position:0% 15%;transform-origin:0% 15%}
.cover-pos-0-20{object-position:0% 20%;transform-origin:0% 20%}
.cover-pos-0-25{object-position:0% 25%;transform-origin:0% 25%}
.cover-pos-0-30{object-position:0% 30%;transform-origin:0% 30%}
.cover-pos-0-35{object-position:0% 35%;transform-origin:0% 35%}
.cover-pos-0-40{object-position:0% 40%;transform-origin:0% 40%}
.cover-pos-0-45{object-position:0% 45%;transform-origin:0% 45%}
.cover-pos-0-50{object-position:0% 50%;transform-origin:0% 50%}
.cover-pos-0-55{object-position:0% 55%;transform-origin:0% 55%}
.cover-pos-0-60{object-position:0% 60%;transform-origin:0% 60%}
.cover-pos-0-65{object-position:0% 65%;transform-origin:0% 65%}
.cover-pos-0-70{object-position:0% 70%;transform-origin:0% 70%}
.cover-pos-0-75{object-position:0% 75%;transform-origin:0% 75%}
.cover-pos-0-80{object-position:0% 80%;transform-origin:0% 80%}
.cover-pos-0-85{object-position:0% 85%;transform-origin:0% 85%}
.cover-pos-0-90{object-position:0% 90%;transform-origin:0% 90%}
.cover-pos-0-95{object-position:0% 95%;transform-origin:0% 95%}
.cover-pos-0-100{object-position:0% 100%;transform-origin:0% 100%}
.cover-pos-5-0{object-position:5% 0%;transform-origin:5% 0%}
.cover-pos-5-5{object-position:5% 5%;transform-origin:5% 5%}
.cover-pos-5-10{object-position:5% 10%;transform-origin:5% 10%}
.cover-pos-5-15{object-position:5% 15%;transform-origin:5% 15%}
.cover-pos-5-20{object-position:5% 20%;transform-origin:5% 20%}
.cover-pos-5-25{object-position:5% 25%;transform-origin:5% 25%}
.cover-pos-5-30{object-position:5% 30%;transform-origin:5% 30%}
.cover-pos-5-35{object-position:5% 35%;transform-origin:5% 35%}
.cover-pos-5-40{object-position:5% 40%;transform-origin:5% 40%}
.cover-pos-5-45{object-position:5% 45%;transform-origin:5% 45%}
.cover-pos-5-50{object-position:5% 50%;transform-origin:5% 50%}
.cover-pos-5-55{object-position:5% 55%;transform-origin:5% 55%}
.cover-pos-5-60{object-position:5% 60%;transform-origin:5% 60%}
.cover-pos-5-65{object-position:5% 65%;transform-origin:5% 65%}
.cover-pos-5-70{object-position:5% 70%;transform-origin:5% 70%}
.cover-pos-5-75{object-position:5% 75%;transform-origin:5% 75%}
.cover-pos-5-80{object-position:5% 80%;transform-origin:5% 80%}
.cover-pos-5-85{object-position:5% 85%;transform-origin:5% 85%}
.cover-pos-5-90{object-position:5% 90%;transform-origin:5% 90%}
.cover-pos-5-95{object-position:5% 95%;transform-origin:5% 95%}
.cover-pos-5-100{object-position:5% 100%;transform-origin:5% 100%}
.cover-pos-10-0{object-position:10% 0%;transform-origin:10% 0%}
.cover-pos-10-5{object-position:10% 5%;transform-origin:10% 5%}
.cover-pos-10-10{object-position:10% 10%;transform-origin:10% 10%}
.cover-pos-10-15{object-position:10% 15%;transform-origin:10% 15%}
.cover-pos-10-20{object-position:10% 20%;transform-origin:10% 20%}
.cover-pos-10-25{object-position:10% 25%;transform-origin:10% 25%}
.cover-pos-10-30{object-position:10% 30%;transform-origin:10% 30%}
.cover-pos-10-35{object-position:10% 35%;transform-origin:10% 35%}
.cover-pos-10-40{object-position:10% 40%;transform-origin:10% 40%}
.cover-pos-10-45{object-position:10% 45%;transform-origin:10% 45%}
.cover-pos-10-50{object-position:10% 50%;transform-origin:10% 50%}
.cover-pos-10-55{object-position:10% 55%;transform-origin:10% 55%}
.cover-pos-10-60{object-position:10% 60%;transform-origin:10% 60%}
.cover-pos-10-65{object-position:10% 65%;transform-origin:10% 65%}
.cover-pos-10-70{object-position:10% 70%;transform-origin:10% 70%}
.cover-pos-10-75{object-position:10% 75%;transform-origin:10% 75%}
.cover-pos-10-80{object-position:10% 80%;transform-origin:10% 80%}
.cover-pos-10-85{object-position:10% 85%;transform-origin:10% 85%}
.cover-pos-10-90{object-position:10% 90%;transform-origin:10% 90%}
.cover-pos-10-95{object-position:10% 95%;transform-origin:10% 95%}
.cover-pos-10-100{object-position:10% 100%;transform-origin:10% 100%}
.cover-pos-15-0{object-position:15% 0%;transform-origin:15% 0%}
.cover-pos-15-5{object-position:15% 5%;transform-origin:15% 5%}
.cover-pos-15-10{object-position:15% 10%;transform-origin:15% 10%}
.cover-pos-15-15{object-position:15% 15%;transform-origin:15% 15%}
.cover-pos-15-20{object-position:15% 20%;transform-origin:15% 20%}
.cover-pos-15-25{object-position:15% 25%;transform-origin:15% 25%}
.cover-pos-15-30{object-position:15% 30%;transform-origin:15% 30%}
.cover-pos-15-35{object-position:15% 35%;transform-origin:15% 35%}
.cover-pos-15-40{object-position:15% 40%;transform-origin:15% 40%}
.cover-pos-15-45{object-position:15% 45%;transform-origin:15% 45%}
.cover-pos-15-50{object-position:15% 50%;transform-origin:15% 50%}
.cover-pos-15-55{object-position:15% 55%;transform-origin:15% 55%}
.cover-pos-15-60{object-position:15% 60%;transform-origin:15% 60%}
.cover-pos-15-65{object-position:15% 65%;transform-origin:15% 65%}
.cover-pos-15-70{object-position:15% 70%;transform-origin:15% 70%}
.cover-pos-15-75{object-position:15% 75%;transform-origin:15% 75%}
.cover-pos-15-80{object-position:15% 80%;transform-origin:15% 80%}
.cover-pos-15-85{object-position:15% 85%;transform-origin:15% 85%}
.cover-pos-15-90{object-position:15% 90%;transform-origin:15% 90%}
.cover-pos-15-95{object-position:15% 95%;transform-origin:15% 95%}
.cover-pos-15-100{object-position:15% 100%;transform-origin:15% 100%}
.cover-pos-20-0{object-position:20% 0%;transform-origin:20% 0%}
.cover-pos-20-5{object-position:20% 5%;transform-origin:20% 5%}
.cover-pos-20-10{object-position:20% 10%;transform-origin:20% 10%}
.cover-pos-20-15{object-position:20% 15%;transform-origin:20% 15%}
.cover-pos-20-20{object-position:20% 20%;transform-origin:20% 20%}
.cover-pos-20-25{object-position:20% 25%;transform-origin:20% 25%}
.cover-pos-20-30{object-position:20% 30%;transform-origin:20% 30%}
.cover-pos-20-35{object-position:20% 35%;transform-origin:20% 35%}
.cover-pos-20-40{object-position:20% 40%;transform-origin:20% 40%}
.cover-pos-20-45{object-position:20% 45%;transform-origin:20% 45%}
.cover-pos-20-50{object-position:20% 50%;transform-origin:20% 50%}
.cover-pos-20-55{object-position:20% 55%;transform-origin:20% 55%}
.cover-pos-20-60{object-position:20% 60%;transform-origin:20% 60%}
.cover-pos-20-65{object-position:20% 65%;transform-origin:20% 65%}
.cover-pos-20-70{object-position:20% 70%;transform-origin:20% 70%}
.cover-pos-20-75{object-position:20% 75%;transform-origin:20% 75%}
.cover-pos-20-80{object-position:20% 80%;transform-origin:20% 80%}
.cover-pos-20-85{object-position:20% 85%;transform-origin:20% 85%}
.cover-pos-20-90{object-position:20% 90%;transform-origin:20% 90%}
.cover-pos-20-95{object-position:20% 95%;transform-origin:20% 95%}
.cover-pos-20-100{object-position:20% 100%;transform-origin:20% 100%}
.cover-pos-25-0{object-position:25% 0%;transform-origin:25% 0%}
.cover-pos-25-5{object-position:25% 5%;transform-origin:25% 5%}
.cover-pos-25-10{object-position:25% 10%;transform-origin:25% 10%}
.cover-pos-25-15{object-position:25% 15%;transform-origin:25% 15%}
.cover-pos-25-20{object-position:25% 20%;transform-origin:25% 20%}
.cover-pos-25-25{object-position:25% 25%;transform-origin:25% 25%}
.cover-pos-25-30{object-position:25% 30%;transform-origin:25% 30%}
.cover-pos-25-35{object-position:25% 35%;transform-origin:25% 35%}
.cover-pos-25-40{object-position:25% 40%;transform-origin:25% 40%}
.cover-pos-25-45{object-position:25% 45%;transform-origin:25% 45%}
.cover-pos-25-50{object-position:25% 50%;transform-origin:25% 50%}
.cover-pos-25-55{object-position:25% 55%;transform-origin:25% 55%}
.cover-pos-25-60{object-position:25% 60%;transform-origin:25% 60%}
.cover-pos-25-65{object-position:25% 65%;transform-origin:25% 65%}
.cover-pos-25-70{object-position:25% 70%;transform-origin:25% 70%}
.cover-pos-25-75{object-position:25% 75%;transform-origin:25% 75%}
.cover-pos-25-80{object-position:25% 80%;transform-origin:25% 80%}
.cover-pos-25-85{object-position:25% 85%;transform-origin:25% 85%}
.cover-pos-25-90{object-position:25% 90%;transform-origin:25% 90%}
.cover-pos-25-95{object-position:25% 95%;transform-origin:25% 95%}
.cover-pos-25-100{object-position:25% 100%;transform-origin:25% 100%}
.cover-pos-30-0{object-position:30% 0%;transform-origin:30% 0%}
.cover-pos-30-5{object-position:30% 5%;transform-origin:30% 5%}
.cover-pos-30-10{object-position:30% 10%;transform-origin:30% 10%}
.cover-pos-30-15{object-position:30% 15%;transform-origin:30% 15%}
.cover-pos-30-20{object-position:30% 20%;transform-origin:30% 20%}
.cover-pos-30-25{object-position:30% 25%;transform-origin:30% 25%}
.cover-pos-30-30{object-position:30% 30%;transform-origin:30% 30%}
.cover-pos-30-35{object-position:30% 35%;transform-origin:30% 35%}
.cover-pos-30-40{object-position:30% 40%;transform-origin:30% 40%}
.cover-pos-30-45{object-position:30% 45%;transform-origin:30% 45%}
.cover-pos-30-50{object-position:30% 50%;transform-origin:30% 50%}
.cover-pos-30-55{object-position:30% 55%;transform-origin:30% 55%}
.cover-pos-30-60{object-position:30% 60%;transform-origin:30% 60%}
.cover-pos-30-65{object-position:30% 65%;transform-origin:30% 65%}
.cover-pos-30-70{object-position:30% 70%;transform-origin:30% 70%}
.cover-pos-30-75{object-position:30% 75%;transform-origin:30% 75%}
.cover-pos-30-80{object-position:30% 80%;transform-origin:30% 80%}
.cover-pos-30-85{object-position:30% 85%;transform-origin:30% 85%}
.cover-pos-30-90{object-position:30% 90%;transform-origin:30% 90%}
.cover-pos-30-95{object-position:30% 95%;transform-origin:30% 95%}
.cover-pos-30-100{object-position:30% 100%;transform-origin:30% 100%}
.cover-pos-35-0{object-position:35% 0%;transform-origin:35% 0%}
.cover-pos-35-5{object-position:35% 5%;transform-origin:35% 5%}
.cover-pos-35-10{object-position:35% 10%;transform-origin:35% 10%}
.cover-pos-35-15{object-position:35% 15%;transform-origin:35% 15%}
.cover-pos-35-20{object-position:35% 20%;transform-origin:35% 20%}
.cover-pos-35-25{object-position:35% 25%;transform-origin:35% 25%}
.cover-pos-35-30{object-position:35% 30%;transform-origin:35% 30%}
.cover-pos-35-35{object-position:35% 35%;transform-origin:35% 35%}
.cover-pos-35-40{object-position:35% 40%;transform-origin:35% 40%}
.cover-pos-35-45{object-position:35% 45%;transform-origin:35% 45%}
.cover-pos-35-50{object-position:35% 50%;transform-origin:35% 50%}
.cover-pos-35-55{object-position:35% 55%;transform-origin:35% 55%}
.cover-pos-35-60{object-position:35% 60%;transform-origin:35% 60%}
.cover-pos-35-65{object-position:35% 65%;transform-origin:35% 65%}
.cover-pos-35-70{object-position:35% 70%;transform-origin:35% 70%}
.cover-pos-35-75{object-position:35% 75%;transform-origin:35% 75%}
.cover-pos-35-80{object-position:35% 80%;transform-origin:35% 80%}
.cover-pos-35-85{object-position:35% 85%;transform-origin:35% 85%}
.cover-pos-35-90{object-position:35% 90%;transform-origin:35% 90%}
.cover-pos-35-95{object-position:35% 95%;transform-origin:35% 95%}
.cover-pos-35-100{object-position:35% 100%;transform-origin:35% 100%}
.cover-pos-40-0{object-position:40% 0%;transform-origin:40% 0%}
.cover-pos-40-5{object-position:40% 5%;transform-origin:40% 5%}
.cover-pos-40-10{object-position:40% 10%;transform-origin:40% 10%}
.cover-pos-40-15{object-position:40% 15%;transform-origin:40% 15%}
.cover-pos-40-20{object-position:40% 20%;transform-origin:40% 20%}
.cover-pos-40-25{object-position:40% 25%;transform-origin:40% 25%}
.cover-pos-40-30{object-position:40% 30%;transform-origin:40% 30%}
.cover-pos-40-35{object-position:40% 35%;transform-origin:40% 35%}
.cover-pos-40-40{object-position:40% 40%;transform-origin:40% 40%}
.cover-pos-40-45{object-position:40% 45%;transform-origin:40% 45%}
.cover-pos-40-50{object-position:40% 50%;transform-origin:40% 50%}
.cover-pos-40-55{object-position:40% 55%;transform-origin:40% 55%}
.cover-pos-40-60{object-position:40% 60%;transform-origin:40% 60%}
.cover-pos-40-65{object-position:40% 65%;transform-origin:40% 65%}
.cover-pos-40-70{object-position:40% 70%;transform-origin:40% 70%}
.cover-pos-40-75{object-position:40% 75%;transform-origin:40% 75%}
.cover-pos-40-80{object-position:40% 80%;transform-origin:40% 80%}
.cover-pos-40-85{object-position:40% 85%;transform-origin:40% 85%}
.cover-pos-40-90{object-position:40% 90%;transform-origin:40% 90%}
.cover-pos-40-95{object-position:40% 95%;transform-origin:40% 95%}
.cover-pos-40-100{object-position:40% 100%;transform-origin:40% 100%}
.cover-pos-45-0{object-position:45% 0%;transform-origin:45% 0%}
.cover-pos-45-5{object-position:45% 5%;transform-origin:45% 5%}
.cover-pos-45-10{object-position:45% 10%;transform-origin:45% 10%}
.cover-pos-45-15{object-position:45% 15%;transform-origin:45% 15%}
.cover-pos-45-20{object-position:45% 20%;transform-origin:45% 20%}
.cover-pos-45-25{object-position:45% 25%;transform-origin:45% 25%}
.cover-pos-45-30{object-position:45% 30%;transform-origin:45% 30%}
.cover-pos-45-35{object-position:45% 35%;transform-origin:45% 35%}
.cover-pos-45-40{object-position:45% 40%;transform-origin:45% 40%}
.cover-pos-45-45{object-position:45% 45%;transform-origin:45% 45%}
.cover-pos-45-50{object-position:45% 50%;transform-origin:45% 50%}
.cover-pos-45-55{object-position:45% 55%;transform-origin:45% 55%}
.cover-pos-45-60{object-position:45% 60%;transform-origin:45% 60%}
.cover-pos-45-65{object-position:45% 65%;transform-origin:45% 65%}
.cover-pos-45-70{object-position:45% 70%;transform-origin:45% 70%}
.cover-pos-45-75{object-position:45% 75%;transform-origin:45% 75%}
.cover-pos-45-80{object-position:45% 80%;transform-origin:45% 80%}
.cover-pos-45-85{object-position:45% 85%;transform-origin:45% 85%}
.cover-pos-45-90{object-position:45% 90%;transform-origin:45% 90%}
.cover-pos-45-95{object-position:45% 95%;transform-origin:45% 95%}
.cover-pos-45-100{object-position:45% 100%;transform-origin:45% 100%}
.cover-pos-50-0{object-position:50% 0%;transform-origin:50% 0%}
.cover-pos-50-5{object-position:50% 5%;transform-origin:50% 5%}
.cover-pos-50-10{object-position:50% 10%;transform-origin:50% 10%}
.cover-pos-50-15{object-position:50% 15%;transform-origin:50% 15%}
.cover-pos-50-20{object-position:50% 20%;transform-origin:50% 20%}
.cover-pos-50-25{object-position:50% 25%;transform-origin:50% 25%}
.cover-pos-50-30{object-position:50% 30%;transform-origin:50% 30%}
.cover-pos-50-35{object-position:50% 35%;transform-origin:50% 35%}
.cover-pos-50-40{object-position:50% 40%;transform-origin:50% 40%}
.cover-pos-50-45{object-position:50% 45%;transform-origin:50% 45%}
.cover-pos-50-50{object-position:50% 50%;transform-origin:50% 50%}
.cover-pos-50-55{object-position:50% 55%;transform-origin:50% 55%}
.cover-pos-50-60{object-position:50% 60%;transform-origin:50% 60%}
.cover-pos-50-65{object-position:50% 65%;transform-origin:50% 65%}
.cover-pos-50-70{object-position:50% 70%;transform-origin:50% 70%}
.cover-pos-50-75{object-position:50% 75%;transform-origin:50% 75%}
.cover-pos-50-80{object-position:50% 80%;transform-origin:50% 80%}
.cover-pos-50-85{object-position:50% 85%;transform-origin:50% 85%}
.cover-pos-50-90{object-position:50% 90%;transform-origin:50% 90%}
.cover-pos-50-95{object-position:50% 95%;transform-origin:50% 95%}
.cover-pos-50-100{object-position:50% 100%;transform-origin:50% 100%}
.cover-pos-55-0{object-position:55% 0%;transform-origin:55% 0%}
.cover-pos-55-5{object-position:55% 5%;transform-origin:55% 5%}
.cover-pos-55-10{object-position:55% 10%;transform-origin:55% 10%}
.cover-pos-55-15{object-position:55% 15%;transform-origin:55% 15%}
.cover-pos-55-20{object-position:55% 20%;transform-origin:55% 20%}
.cover-pos-55-25{object-position:55% 25%;transform-origin:55% 25%}
.cover-pos-55-30{object-position:55% 30%;transform-origin:55% 30%}
.cover-pos-55-35{object-position:55% 35%;transform-origin:55% 35%}
.cover-pos-55-40{object-position:55% 40%;transform-origin:55% 40%}
.cover-pos-55-45{object-position:55% 45%;transform-origin:55% 45%}
.cover-pos-55-50{object-position:55% 50%;transform-origin:55% 50%}
.cover-pos-55-55{object-position:55% 55%;transform-origin:55% 55%}
.cover-pos-55-60{object-position:55% 60%;transform-origin:55% 60%}
.cover-pos-55-65{object-position:55% 65%;transform-origin:55% 65%}
.cover-pos-55-70{object-position:55% 70%;transform-origin:55% 70%}
.cover-pos-55-75{object-position:55% 75%;transform-origin:55% 75%}
.cover-pos-55-80{object-position:55% 80%;transform-origin:55% 80%}
.cover-pos-55-85{object-position:55% 85%;transform-origin:55% 85%}
.cover-pos-55-90{object-position:55% 90%;transform-origin:55% 90%}
.cover-pos-55-95{object-position:55% 95%;transform-origin:55% 95%}
.cover-pos-55-100{object-position:55% 100%;transform-origin:55% 100%}
.cover-pos-60-0{object-position:60% 0%;transform-origin:60% 0%}
.cover-pos-60-5{object-position:60% 5%;transform-origin:60% 5%}
.cover-pos-60-10{object-position:60% 10%;transform-origin:60% 10%}
.cover-pos-60-15{object-position:60% 15%;transform-origin:60% 15%}
.cover-pos-60-20{object-position:60% 20%;transform-origin:60% 20%}
.cover-pos-60-25{object-position:60% 25%;transform-origin:60% 25%}
.cover-pos-60-30{object-position:60% 30%;transform-origin:60% 30%}
.cover-pos-60-35{object-position:60% 35%;transform-origin:60% 35%}
.cover-pos-60-40{object-position:60% 40%;transform-origin:60% 40%}
.cover-pos-60-45{object-position:60% 45%;transform-origin:60% 45%}
.cover-pos-60-50{object-position:60% 50%;transform-origin:60% 50%}
.cover-pos-60-55{object-position:60% 55%;transform-origin:60% 55%}
.cover-pos-60-60{object-position:60% 60%;transform-origin:60% 60%}
.cover-pos-60-65{object-position:60% 65%;transform-origin:60% 65%}
.cover-pos-60-70{object-position:60% 70%;transform-origin:60% 70%}
.cover-pos-60-75{object-position:60% 75%;transform-origin:60% 75%}
.cover-pos-60-80{object-position:60% 80%;transform-origin:60% 80%}
.cover-pos-60-85{object-position:60% 85%;transform-origin:60% 85%}
.cover-pos-60-90{object-position:60% 90%;transform-origin:60% 90%}
.cover-pos-60-95{object-position:60% 95%;transform-origin:60% 95%}
.cover-pos-60-100{object-position:60% 100%;transform-origin:60% 100%}
.cover-pos-65-0{object-position:65% 0%;transform-origin:65% 0%}
.cover-pos-65-5{object-position:65% 5%;transform-origin:65% 5%}
.cover-pos-65-10{object-position:65% 10%;transform-origin:65% 10%}
.cover-pos-65-15{object-position:65% 15%;transform-origin:65% 15%}
.cover-pos-65-20{object-position:65% 20%;transform-origin:65% 20%}
.cover-pos-65-25{object-position:65% 25%;transform-origin:65% 25%}
.cover-pos-65-30{object-position:65% 30%;transform-origin:65% 30%}
.cover-pos-65-35{object-position:65% 35%;transform-origin:65% 35%}
.cover-pos-65-40{object-position:65% 40%;transform-origin:65% 40%}
.cover-pos-65-45{object-position:65% 45%;transform-origin:65% 45%}
.cover-pos-65-50{object-position:65% 50%;transform-origin:65% 50%}
.cover-pos-65-55{object-position:65% 55%;transform-origin:65% 55%}
.cover-pos-65-60{object-position:65% 60%;transform-origin:65% 60%}
.cover-pos-65-65{object-position:65% 65%;transform-origin:65% 65%}
.cover-pos-65-70{object-position:65% 70%;transform-origin:65% 70%}
.cover-pos-65-75{object-position:65% 75%;transform-origin:65% 75%}
.cover-pos-65-80{object-position:65% 80%;transform-origin:65% 80%}
.cover-pos-65-85{object-position:65% 85%;transform-origin:65% 85%}
.cover-pos-65-90{object-position:65% 90%;transform-origin:65% 90%}
.cover-pos-65-95{object-position:65% 95%;transform-origin:65% 95%}
.cover-pos-65-100{object-position:65% 100%;transform-origin:65% 100%}
.cover-pos-70-0{object-position:70% 0%;transform-origin:70% 0%}
.cover-pos-70-5{object-position:70% 5%;transform-origin:70% 5%}
.cover-pos-70-10{object-position:70% 10%;transform-origin:70% 10%}
.cover-pos-70-15{object-position:70% 15%;transform-origin:70% 15%}
.cover-pos-70-20{object-position:70% 20%;transform-origin:70% 20%}
.cover-pos-70-25{object-position:70% 25%;transform-origin:70% 25%}
.cover-pos-70-30{object-position:70% 30%;transform-origin:70% 30%}
.cover-pos-70-35{object-position:70% 35%;transform-origin:70% 35%}
.cover-pos-70-40{object-position:70% 40%;transform-origin:70% 40%}
.cover-pos-70-45{object-position:70% 45%;transform-origin:70% 45%}
.cover-pos-70-50{object-position:70% 50%;transform-origin:70% 50%}
.cover-pos-70-55{object-position:70% 55%;transform-origin:70% 55%}
.cover-pos-70-60{object-position:70% 60%;transform-origin:70% 60%}
.cover-pos-70-65{object-position:70% 65%;transform-origin:70% 65%}
.cover-pos-70-70{object-position:70% 70%;transform-origin:70% 70%}
.cover-pos-70-75{object-position:70% 75%;transform-origin:70% 75%}
.cover-pos-70-80{object-position:70% 80%;transform-origin:70% 80%}
.cover-pos-70-85{object-position:70% 85%;transform-origin:70% 85%}
.cover-pos-70-90{object-position:70% 90%;transform-origin:70% 90%}
.cover-pos-70-95{object-position:70% 95%;transform-origin:70% 95%}
.cover-pos-70-100{object-position:70% 100%;transform-origin:70% 100%}
.cover-pos-75-0{object-position:75% 0%;transform-origin:75% 0%}
.cover-pos-75-5{object-position:75% 5%;transform-origin:75% 5%}
.cover-pos-75-10{object-position:75% 10%;transform-origin:75% 10%}
.cover-pos-75-15{object-position:75% 15%;transform-origin:75% 15%}
.cover-pos-75-20{object-position:75% 20%;transform-origin:75% 20%}
.cover-pos-75-25{object-position:75% 25%;transform-origin:75% 25%}
.cover-pos-75-30{object-position:75% 30%;transform-origin:75% 30%}
.cover-pos-75-35{object-position:75% 35%;transform-origin:75% 35%}
.cover-pos-75-40{object-position:75% 40%;transform-origin:75% 40%}
.cover-pos-75-45{object-position:75% 45%;transform-origin:75% 45%}
.cover-pos-75-50{object-position:75% 50%;transform-origin:75% 50%}
.cover-pos-75-55{object-position:75% 55%;transform-origin:75% 55%}
.cover-pos-75-60{object-position:75% 60%;transform-origin:75% 60%}
.cover-pos-75-65{object-position:75% 65%;transform-origin:75% 65%}
.cover-pos-75-70{object-position:75% 70%;transform-origin:75% 70%}
.cover-pos-75-75{object-position:75% 75%;transform-origin:75% 75%}
.cover-pos-75-80{object-position:75% 80%;transform-origin:75% 80%}
.cover-pos-75-85{object-position:75% 85%;transform-origin:75% 85%}
.cover-pos-75-90{object-position:75% 90%;transform-origin:75% 90%}
.cover-pos-75-95{object-position:75% 95%;transform-origin:75% 95%}
.cover-pos-75-100{object-position:75% 100%;transform-origin:75% 100%}
.cover-pos-80-0{object-position:80% 0%;transform-origin:80% 0%}
.cover-pos-80-5{object-position:80% 5%;transform-origin:80% 5%}
.cover-pos-80-10{object-position:80% 10%;transform-origin:80% 10%}
.cover-pos-80-15{object-position:80% 15%;transform-origin:80% 15%}
.cover-pos-80-20{object-position:80% 20%;transform-origin:80% 20%}
.cover-pos-80-25{object-position:80% 25%;transform-origin:80% 25%}
.cover-pos-80-30{object-position:80% 30%;transform-origin:80% 30%}
.cover-pos-80-35{object-position:80% 35%;transform-origin:80% 35%}
.cover-pos-80-40{object-position:80% 40%;transform-origin:80% 40%}
.cover-pos-80-45{object-position:80% 45%;transform-origin:80% 45%}
.cover-pos-80-50{object-position:80% 50%;transform-origin:80% 50%}
.cover-pos-80-55{object-position:80% 55%;transform-origin:80% 55%}
.cover-pos-80-60{object-position:80% 60%;transform-origin:80% 60%}
.cover-pos-80-65{object-position:80% 65%;transform-origin:80% 65%}
.cover-pos-80-70{object-position:80% 70%;transform-origin:80% 70%}
.cover-pos-80-75{object-position:80% 75%;transform-origin:80% 75%}
.cover-pos-80-80{object-position:80% 80%;transform-origin:80% 80%}
.cover-pos-80-85{object-position:80% 85%;transform-origin:80% 85%}
.cover-pos-80-90{object-position:80% 90%;transform-origin:80% 90%}
.cover-pos-80-95{object-position:80% 95%;transform-origin:80% 95%}
.cover-pos-80-100{object-position:80% 100%;transform-origin:80% 100%}
.cover-pos-85-0{object-position:85% 0%;transform-origin:85% 0%}
.cover-pos-85-5{object-position:85% 5%;transform-origin:85% 5%}
.cover-pos-85-10{object-position:85% 10%;transform-origin:85% 10%}
.cover-pos-85-15{object-position:85% 15%;transform-origin:85% 15%}
.cover-pos-85-20{object-position:85% 20%;transform-origin:85% 20%}
.cover-pos-85-25{object-position:85% 25%;transform-origin:85% 25%}
.cover-pos-85-30{object-position:85% 30%;transform-origin:85% 30%}
.cover-pos-85-35{object-position:85% 35%;transform-origin:85% 35%}
.cover-pos-85-40{object-position:85% 40%;transform-origin:85% 40%}
.cover-pos-85-45{object-position:85% 45%;transform-origin:85% 45%}
.cover-pos-85-50{object-position:85% 50%;transform-origin:85% 50%}
.cover-pos-85-55{object-position:85% 55%;transform-origin:85% 55%}
.cover-pos-85-60{object-position:85% 60%;transform-origin:85% 60%}
.cover-pos-85-65{object-position:85% 65%;transform-origin:85% 65%}
.cover-pos-85-70{object-position:85% 70%;transform-origin:85% 70%}
.cover-pos-85-75{object-position:85% 75%;transform-origin:85% 75%}
.cover-pos-85-80{object-position:85% 80%;transform-origin:85% 80%}
.cover-pos-85-85{object-position:85% 85%;transform-origin:85% 85%}
.cover-pos-85-90{object-position:85% 90%;transform-origin:85% 90%}
.cover-pos-85-95{object-position:85% 95%;transform-origin:85% 95%}
.cover-pos-85-100{object-position:85% 100%;transform-origin:85% 100%}
.cover-pos-90-0{object-position:90% 0%;transform-origin:90% 0%}
.cover-pos-90-5{object-position:90% 5%;transform-origin:90% 5%}
.cover-pos-90-10{object-position:90% 10%;transform-origin:90% 10%}
.cover-pos-90-15{object-position:90% 15%;transform-origin:90% 15%}
.cover-pos-90-20{object-position:90% 20%;transform-origin:90% 20%}
.cover-pos-90-25{object-position:90% 25%;transform-origin:90% 25%}
.cover-pos-90-30{object-position:90% 30%;transform-origin:90% 30%}
.cover-pos-90-35{object-position:90% 35%;transform-origin:90% 35%}
.cover-pos-90-40{object-position:90% 40%;transform-origin:90% 40%}
.cover-pos-90-45{object-position:90% 45%;transform-origin:90% 45%}
.cover-pos-90-50{object-position:90% 50%;transform-origin:90% 50%}
.cover-pos-90-55{object-position:90% 55%;transform-origin:90% 55%}
.cover-pos-90-60{object-position:90% 60%;transform-origin:90% 60%}
.cover-pos-90-65{object-position:90% 65%;transform-origin:90% 65%}
.cover-pos-90-70{object-position:90% 70%;transform-origin:90% 70%}
.cover-pos-90-75{object-position:90% 75%;transform-origin:90% 75%}
.cover-pos-90-80{object-position:90% 80%;transform-origin:90% 80%}
.cover-pos-90-85{object-position:90% 85%;transform-origin:90% 85%}
.cover-pos-90-90{object-position:90% 90%;transform-origin:90% 90%}
.cover-pos-90-95{object-position:90% 95%;transform-origin:90% 95%}
.cover-pos-90-100{object-position:90% 100%;transform-origin:90% 100%}
.cover-pos-95-0{object-position:95% 0%;transform-origin:95% 0%}
.cover-pos-95-5{object-position:95% 5%;transform-origin:95% 5%}
.cover-pos-95-10{object-position:95% 10%;transform-origin:95% 10%}
.cover-pos-95-15{object-position:95% 15%;transform-origin:95% 15%}
.cover-pos-95-20{object-position:95% 20%;transform-origin:95% 20%}
.cover-pos-95-25{object-position:95% 25%;transform-origin:95% 25%}
.cover-pos-95-30{object-position:95% 30%;transform-origin:95% 30%}
.cover-pos-95-35{object-position:95% 35%;transform-origin:95% 35%}
.cover-pos-95-40{object-position:95% 40%;transform-origin:95% 40%}
.cover-pos-95-45{object-position:95% 45%;transform-origin:95% 45%}
.cover-pos-95-50{object-position:95% 50%;transform-origin:95% 50%}
.cover-pos-95-55{object-position:95% 55%;transform-origin:95% 55%}
.cover-pos-95-60{object-position:95% 60%;transform-origin:95% 60%}
.cover-pos-95-65{object-position:95% 65%;transform-origin:95% 65%}
.cover-pos-95-70{object-position:95% 70%;transform-origin:95% 70%}
.cover-pos-95-75{object-position:95% 75%;transform-origin:95% 75%}
.cover-pos-95-80{object-position:95% 80%;transform-origin:95% 80%}
.cover-pos-95-85{object-position:95% 85%;transform-origin:95% 85%}
.cover-pos-95-90{object-position:95% 90%;transform-origin:95% 90%}
.cover-pos-95-95{object-position:95% 95%;transform-origin:95% 95%}
.cover-pos-95-100{object-position:95% 100%;transform-origin:95% 100%}
.cover-pos-100-0{object-position:100% 0%;transform-origin:100% 0%}
.cover-pos-100-5{object-position:100% 5%;transform-origin:100% 5%}
.cover-pos-100-10{object-position:100% 10%;transform-origin:100% 10%}
.cover-pos-100-15{object-position:100% 15%;transform-origin:100% 15%}
.cover-pos-100-20{object-position:100% 20%;transform-origin:100% 20%}
.cover-pos-100-25{object-position:100% 25%;transform-origin:100% 25%}
.cover-pos-100-30{object-position:100% 30%;transform-origin:100% 30%}
.cover-pos-100-35{object-position:100% 35%;transform-origin:100% 35%}
.cover-pos-100-40{object-position:100% 40%;transform-origin:100% 40%}
.cover-pos-100-45{object-position:100% 45%;transform-origin:100% 45%}
.cover-pos-100-50{object-position:100% 50%;transform-origin:100% 50%}
.cover-pos-100-55{object-position:100% 55%;transform-origin:100% 55%}
.cover-pos-100-60{object-position:100% 60%;transform-origin:100% 60%}
.cover-pos-100-65{object-position:100% 65%;transform-origin:100% 65%}
.cover-pos-100-70{object-position:100% 70%;transform-origin:100% 70%}
.cover-pos-100-75{object-position:100% 75%;transform-origin:100% 75%}
.cover-pos-100-80{object-position:100% 80%;transform-origin:100% 80%}
.cover-pos-100-85{object-position:100% 85%;transform-origin:100% 85%}
.cover-pos-100-90{object-position:100% 90%;transform-origin:100% 90%}
.cover-pos-100-95{object-position:100% 95%;transform-origin:100% 95%}
.cover-pos-100-100{object-position:100% 100%;transform-origin:100% 100%}
.cover-zoom-100{transform:scale(1)}
.cover-zoom-105{transform:scale(1.05)}
.cover-zoom-110{transform:scale(1.1)}
.cover-zoom-115{transform:scale(1.15)}
.cover-zoom-120{transform:scale(1.2)}
.cover-zoom-125{transform:scale(1.25)}
.cover-zoom-130{transform:scale(1.3)}
.cover-zoom-135{transform:scale(1.35)}
.cover-zoom-140{transform:scale(1.4)}
.cover-zoom-145{transform:scale(1.45)}
.cover-zoom-150{transform:scale(1.5)}
.cover-zoom-155{transform:scale(1.55)}
.cover-zoom-160{transform:scale(1.6)}
.cover-zoom-165{transform:scale(1.65)}
.cover-zoom-170{transform:scale(1.7)}
.cover-zoom-175{transform:scale(1.75)}
.cover-zoom-180{transform:scale(1.8)}

/* v2.8.9 — Miniaturas HD del panel de publicaciones.
   Se sigue usando el archivo original de R2; solo mejora su presentación. */
.photo-item,.existing-item{width:150px;max-width:150px}
.photo-item{height:112px;background:#eef2f5}
.photo-item img{object-fit:contain;background:#eef2f5;image-rendering:auto}
.existing-item img{height:108px;object-fit:contain;background:#eef2f5;image-rendering:auto}
.existing-item video{height:108px}
@media(max-width:600px){
  .photo-item,.existing-item{width:124px;max-width:124px}
  .photo-item{height:94px}
  .existing-item img,.existing-item video{height:90px}
}

.list-head-actions{display:flex;gap:7px;align-items:center}.stats-link{text-decoration:none;display:inline-block;font-size:12px}
@media(max-width:600px){.list-head-actions{gap:5px}.stats-link{font-size:10px;padding:8px}}

/* v2.8.22 · Ciclo de vida y liberación controlada de R2 */
.status-notice{border-radius:8px;padding:9px 11px;display:flex;gap:6px 10px;align-items:flex-start;flex-wrap:wrap;font-size:11px;line-height:1.4}.status-notice b{font-size:11px}.status-notice span{color:#607182}.status-notice.available{background:#edf8f4;border:1px solid #cce9dd;color:#137457}.status-notice.reserved{background:#fff8e8;border:1px solid #f2ddaa;color:#956000}.status-notice.sold{background:#fff0f1;border:1px solid #f2c7ca;color:#ad2630}
.lifecycle-panel{margin-top:15px;border:1px solid #dce4ec;border-radius:10px;padding:13px;background:#f9fbfd}.lifecycle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lifecycle-head h3{margin:0;font-size:15px;color:#28455f}.lifecycle-head p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.danger-solid{background:#b92c35;color:#fff;white-space:nowrap}.lifecycle-summary{margin-top:11px;display:grid;gap:9px}.archive-preview{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e1e7ed;border-radius:8px;padding:8px}.archive-preview>div:not(.archive-thumb){min-width:0}.archive-preview b,.archive-preview span{display:block}.archive-preview span{font-size:10px;color:var(--muted);margin-top:3px}.archive-thumb{width:88px;height:66px;object-fit:contain;border-radius:6px;background:#e8edf2;flex:0 0 auto}.empty-thumb{display:grid;place-items:center;font-size:9px;color:#7e8994}.life-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.life-kpi{background:#fff;border:1px solid #e2e8ee;border-radius:8px;padding:8px 9px;min-width:0}.life-kpi span{display:block;color:#84909a;text-transform:uppercase;font-size:8px;font-weight:900}.life-kpi b{display:block;color:#2d465d;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.life-state{border-radius:8px;padding:10px 11px}.life-state b,.life-state span{display:block}.life-state span{font-size:10px;margin-top:4px;line-height:1.45}.life-state.available{background:#edf8f4;color:#176b54}.life-state.reserved{background:#fff8e8;color:#8c5d05}.life-state.sold{background:#fff5e7;color:#8b5b00}.life-state.purged{background:#eef3f8;color:#34536e}.status-history{margin-top:12px;border-top:1px solid #e1e7ed;padding-top:10px}.status-history h4{margin:0 0 8px;font-size:12px;color:#405a70}.history-row{display:grid;grid-template-columns:12px 1fr;gap:7px;position:relative;padding:3px 0 9px}.history-row i{width:9px;height:9px;border-radius:50%;background:#1a69ad;margin-top:4px;box-shadow:0 0 0 3px #dcebf7}.history-row b,.history-row span,.history-row small{display:block}.history-row b{font-size:11px}.history-row span{font-size:10px;color:#627383;margin-top:2px}.history-row small{font-size:9px;color:#8a949d;margin-top:3px}.sale-row.status-sold{background:#fbfbfc}.storage-warn{color:#a36b00}.storage-ok{color:#35705c}.catalog-off{border-radius:6px;padding:8px 9px;font-size:10px;font-weight:900;background:#eef1f4;color:#64717d;white-space:nowrap}
@media(max-width:850px){.life-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.lifecycle-head{display:block}.lifecycle-head .btn{width:100%;margin-top:9px}.life-kpis{grid-template-columns:1fr 1fr}.archive-thumb{width:78px;height:58px}.status-notice{grid-column:1/-1}}