:root{--b:#063a55;--o:#ffa826;--bg:#f2f5f6;--line:#dde5e8;--ink:#10212a;--muted:#70818a;--ok:#267b50;--bad:#a34b35}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}
.side{position:fixed;inset:0 auto 0 0;width:245px;background:#061e2a;color:#fff;padding:22px 14px;display:flex;flex-direction:column}
.brand img{width:180px;background:#fff;padding:6px;border-radius:8px}.brand span,.brand small{display:block}
.brand span{font-weight:950;color:var(--o);margin:8px 3px 1px}.brand small{font-size:8px;color:#7f98a3;margin:0 3px 20px}
.side nav{display:grid;gap:4px}.side nav button{border:0;background:transparent;color:#a9bac2;padding:11px;text-align:left;border-radius:8px}
.side nav button.active,.side nav button:hover{background:#11384a;color:#fff}.back{margin-top:auto;color:#a8bbc3;text-decoration:none;padding:10px}
.adminmain{margin-left:245px;padding:28px 34px;min-height:100vh}.adminmain header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}
.adminmain h1{margin:2px 0}.eyebrow{font-size:9px;color:#d87900;letter-spacing:1.4px;font-weight:950}
.connection-pill{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900;background:#fff;border:1px solid var(--line);padding:9px 11px;border-radius:999px;color:var(--muted)}
.connection-pill i{width:8px;height:8px;border-radius:50%;background:#b8c1c5}.connection-pill.ok i{background:#31b36d}.connection-pill.bad i{background:#dc755a}
.tab{display:none}.tab.active{display:block}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats article,.panel,.bridge-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.stats small,.stats span{display:block;font-size:9px;color:#6f8189}.stats b{display:block;font-size:31px;color:var(--b);margin:7px 0}
.panels{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:10px}.panel h3,.bridge-card h3{margin:3px 0 8px}
.panel p{font-size:11px;border-bottom:1px solid #edf1f2;padding:9px 0}.panel .muted{color:var(--muted);border-bottom:0}
.bridge-row,.setting{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf1f2;font-size:11px}
.bridge-row b{font-size:10px;color:var(--b)}
.bridge-card{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}.bridge-card p{margin:0;color:var(--muted);font-size:10px}
.bridge-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.primary,.secondary{border:0;font-weight:950;padding:10px 14px;border-radius:9px}.primary{background:var(--o);color:#1a252b}.secondary{background:#edf2f4;color:var(--b);border:1px solid var(--line)}
.toolbar{display:flex;gap:8px;margin-bottom:10px}.toolbar input{flex:1}.toolbar select{min-width:120px}
.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;padding:10px;border-radius:9px}
.tablebox{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto;min-height:150px}
table{width:100%;border-collapse:collapse}th,td{font-size:10px;padding:11px;border-bottom:1px solid #edf1f2;text-align:left;vertical-align:middle}
th{color:#75858d;font-size:9px}td small{color:var(--muted)}.edit{border:0;background:#edf2f4;border-radius:7px;padding:6px 8px;color:var(--b);font-weight:850}
.status{border-radius:20px;padding:4px 7px;font-size:8px;font-weight:900}.status.yes{background:#def2e6;color:#24754b}.status.no{background:#f6e5df;color:#96503c}
.empty-state{padding:35px;text-align:center;color:var(--muted)}.empty-state b,.empty-state span{display:block}.empty-state b{color:var(--b);font-size:13px}.empty-state span{font-size:10px;margin-top:5px}
.note{background:#e4eef2;border-left:4px solid var(--b);padding:13px;border-radius:7px;margin-bottom:12px;font-size:11px}
.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.cat h3{color:var(--b);margin:0 0 8px}
.cat div{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid #edf1f2;font-size:10px}
.promo-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f2;font-size:10px}.promo-row span:last-child{font-weight:900;color:var(--b)}
.modal{display:none;position:fixed;inset:0;background:#00131dba;z-index:20;place-items:center;padding:18px}.modal.show{display:grid}
.editor{background:#fff;width:min(760px,96vw);max-height:92vh;overflow:auto;border-radius:17px;padding:24px;position:relative;box-shadow:0 28px 75px #0004}
.product-editor{width:min(900px,97vw)}.setup-editor{width:min(560px,94vw)}
.close-btn{position:absolute;right:15px;top:15px;border:0;background:#edf2f4;width:36px;height:36px;border-radius:50%;font-size:20px}
.editor h2{margin:4px 0 20px}.editor fieldset{border:1px solid var(--line);border-radius:12px;padding:15px;margin:0 0 12px}.editor legend{font-size:9px;font-weight:950;color:var(--b);padding:0 7px;letter-spacing:.6px}
.form{display:grid;gap:12px}.form.two{grid-template-columns:1fr 1fr}.form.three{grid-template-columns:repeat(3,1fr)}
.form label,.endpoint-label{font-size:9px;font-weight:900;color:#51656f}.form input,.form select,.form textarea,.endpoint-label input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);padding:10px;border-radius:8px;background:#fff;color:var(--ink)}
.form textarea{resize:vertical}.full{grid-column:1/-1}.checks{display:flex;gap:16px;flex-wrap:wrap}.checks label{font-size:10px;font-weight:800}.checks input{accent-color:var(--b)}
.media-placeholder{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px;border:1px dashed #bdcbd0;border-radius:11px;background:#f7f9fa;margin:12px 0}
.media-placeholder b,.media-placeholder span{display:block}.media-placeholder b{font-size:11px;color:var(--b)}.media-placeholder span{font-size:9px;color:var(--muted);margin-top:3px}.media-placeholder button{border:0;padding:8px 10px;border-radius:8px}
.editor-status{background:#fff4d8;border:1px solid #f1d99d;color:#785717;padding:11px;border-radius:9px;font-size:9px;margin-top:12px}
.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.helper{font-size:9px!important;color:var(--muted)!important;border:0!important}
.toast{position:fixed;right:18px;bottom:-100px;background:#07364c;color:#fff;padding:12px 15px;border-radius:9px;transition:.3s;font-size:10px;z-index:30;max-width:min(430px,90vw)}.toast.show{bottom:18px}.toast.error{background:#873d2c}
@media(max-width:850px){
.side{width:70px;padding:12px 7px}.brand img{width:56px}.brand span,.brand small,.side nav button{font-size:0}.adminmain{margin-left:70px;padding:16px}
.stats{grid-template-columns:1fr 1fr}.panels,.catgrid{grid-template-columns:1fr}.connection-pill{display:none}.bridge-card{align-items:flex-start;flex-direction:column}.bridge-actions{justify-content:flex-start}
}
@media(max-width:620px){
.form.two,.form.three{grid-template-columns:1fr}.full{grid-column:auto}.stats article{padding:12px}.stats b{font-size:25px}.toolbar{flex-direction:column}.toolbar select{width:100%}
.editor{padding:20px 14px}.checks{display:grid;grid-template-columns:1fr 1fr}.media-placeholder{align-items:flex-start;flex-direction:column}
}
/* v0.4.0 Media Manager */
.media-manager-editor{border:1px solid var(--line);border-radius:12px;padding:14px;background:#f8fafb;margin:12px 0}.media-manager-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.media-manager-head b,.media-manager-head span{display:block}.media-manager-head b{font-size:11px;color:var(--b)}.media-manager-head span{font-size:9px;color:var(--muted);margin-top:3px}.upload-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--b);color:#fff;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.upload-hint{font-size:8px;color:var(--muted);margin:9px 0 11px}.editor-media-grid,.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.media-thumb,.media-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;position:relative}.media-thumb img,.media-card img{width:100%;height:120px;object-fit:cover;display:block;background:#eef2f4}.media-card img{height:150px}.media-thumb-info,.media-card .body{padding:8px}.media-thumb-info b,.media-thumb-info span,.media-card .body small,.media-card .body b,.media-card .body span{display:block}.media-thumb-info b,.media-card .body b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-thumb-info span,.media-card .body span{font-size:7px;color:var(--muted);margin-top:2px}.media-card .body small{font-size:7px;color:var(--o);font-weight:900}.media-thumb-actions,.media-card .actions{display:flex;gap:5px;padding:0 8px 8px}.media-thumb-actions button,.media-card .actions button{flex:1;border:0;background:#edf2f4;color:var(--b);border-radius:7px;padding:6px;font-size:7px;font-weight:900}.media-thumb-actions .danger,.media-card .actions .danger{background:#f7e6e1;color:#974a37}.media-badge{position:absolute;left:7px;top:7px;background:var(--o);color:#172229;border-radius:999px;padding:4px 6px;font-size:6px;font-weight:950}.upload-progress{margin-top:12px}.upload-progress>div{height:7px;background:#dde6e9;border-radius:999px;overflow:hidden}.upload-progress i{display:block;height:100%;width:0;background:var(--o);transition:.2s}.upload-progress span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.media-table-wrap{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}@media(max-width:900px){.editor-media-grid,.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.editor-media-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-manager-head{align-items:flex-start;flex-direction:column}.upload-btn{width:100%}}

/* v0.4.1 diagnostics */
.media-head-actions{display:flex;gap:7px;align-items:center}.media-head-actions .secondary{font-size:9px;padding:9px 11px}.drive-test-result{margin-top:10px;padding:10px;border-radius:8px;background:#e8f5ed;color:#246845;font-size:9px}.drive-test-result.bad{background:#f9e8e3;color:#914a38}.toast{white-space:pre-line}@media(max-width:620px){.media-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.media-head-actions .upload-btn{width:auto}}

/* v0.4.2 — Miniaturas Drive */
.media-thumb img,.media-card img{
  object-fit:contain!important;
  background:linear-gradient(145deg,#f8fafb,#eaf0f2)!important;
}
.media-thumb-info small{
  display:block;
  margin-top:4px;
  font-size:6px;
  color:#9aa7ad;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.media-card .body em{
  display:block;
  margin-top:4px;
  font-size:6px;
  color:#9aa7ad;
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* v0.4.3 — Media Manager v2 */
.media-thumb{cursor:grab;transition:transform .15s,box-shadow .15s,border-color .15s}
.media-thumb:active{cursor:grabbing}
.media-thumb.dragging{opacity:.45;transform:scale(.98)}
.media-thumb.drag-over{border-color:var(--o);box-shadow:0 0 0 2px rgba(255,168,38,.25)}
.media-head-actions{display:flex;gap:7px;flex-wrap:wrap}

/* v0.6.1 — Studio form UX */
.form input[type="number"]{
  min-height:39px;
  line-height:normal;
  padding-top:8px;
  padding-bottom:8px;
}
.form input[type="number"]::-webkit-inner-spin-button,
.form input[type="number"]::-webkit-outer-spin-button{
  opacity:1;
  height:24px;
  margin:0;
}
.modal{cursor:default}

.smart-refresh-btn{border-color:#b7cad3!important;background:#f2f7f9!important;color:var(--b)!important}.smart-refresh-btn.syncing{opacity:.65;pointer-events:none}

/* v0.6.7 — Media Manager / Editor real image blend */
.media-thumb,.media-card{background:#fff!important}
.media-thumb img,.media-card img{background:#fff!important;background-image:none!important;filter:none!important;box-shadow:none!important;text-shadow:none!important}
.media-manager-editor,.media-table-wrap{background:#fff!important}


/* =========================================================
   v0.7.1 — Secure Studio Access
   ========================================================= */
.auth-locked .side,
.auth-locked .adminmain{visibility:hidden;pointer-events:none}
.admin-auth{
  position:fixed;inset:0;z-index:9999;
  display:grid;place-items:center;
  padding:22px;
  background:linear-gradient(145deg,#061d28,#063a55);
}
body:not(.auth-locked) .admin-auth{display:none}
.admin-auth-card{
  width:min(420px,94vw);
  background:#fff;
  border-radius:20px;
  padding:28px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.admin-auth-card img{width:170px;display:block;margin-bottom:22px}
.admin-auth-card h1{margin:5px 0 7px;font-size:28px;color:var(--b)}
.admin-auth-card p{font-size:11px;color:var(--muted);margin-bottom:20px}
.admin-auth-card label{display:block;font-size:9px;font-weight:900;color:var(--b)}
.password-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;margin-top:6px;overflow:hidden}
.password-field input{flex:1;border:0;outline:0;padding:12px;font-size:13px;min-width:0}
.password-field button{width:42px;align-self:stretch;border:0;background:#edf2f4;color:var(--b);cursor:pointer}
.auth-submit{width:100%;margin-top:14px}
.auth-error{margin-top:10px;padding:9px;border-radius:8px;background:#f9e8e3;color:#914a38;font-size:9px}
.header-tools{display:flex;align-items:center;gap:8px}
.logout-admin{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;color:var(--b);font-size:9px;font-weight:900;cursor:pointer}
.logout-admin:hover{background:#edf3f5}
.security-panel{margin-top:14px}
.security-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.security-form label{font-size:9px;font-weight:900;color:var(--b)}
.security-form input{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:10px}
.security-form label:first-child{grid-column:1/-1}
.security-form button{grid-column:1/-1;justify-self:start}
@media(max-width:700px){
  .header-tools{gap:5px}.logout-admin{padding:7px;font-size:8px}
  .security-form{grid-template-columns:1fr}
  .security-form label:first-child,.security-form button{grid-column:auto}
}

/* v0.7.2 — Eye states + centered close rotation */
#toggleLoginPassword svg{width:20px;height:20px;fill:none;stroke:var(--b);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#toggleLoginPassword .eye-closed{display:none}#toggleLoginPassword.showing .eye-open{display:none}#toggleLoginPassword.showing .eye-closed{display:block}.close-btn{display:grid!important;place-items:center!important;line-height:1!important;transform-origin:50% 50%!important;transition:transform .22s cubic-bezier(.2,.7,.2,1),background .18s ease!important}.close-btn:hover{transform:rotate(90deg)!important;background:#e1e9ec!important}


/* v0.7.2.1 — exact eye alignment + geometric centered close X */
#toggleLoginPassword{position:relative!important;display:grid!important;place-items:center!important}
#toggleLoginPassword svg{
  position:absolute!important;left:50%!important;top:50%!important;
  width:20px!important;height:20px!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
}
#toggleLoginPassword .eye-slash{stroke-width:2!important}
#toggleLoginPassword .eye-closed{display:none}
#toggleLoginPassword.showing .eye-open{display:none}
#toggleLoginPassword.showing .eye-closed{display:block}

.close-btn{
  position:absolute!important;
  font-size:0!important;
  display:grid!important;place-items:center!important;
  transform-origin:50% 50%!important;
}
.close-btn::before,.close-btn::after{
  content:"";position:absolute;left:50%;top:50%;width:14px;height:1.7px;
  border-radius:999px;background:currentColor;transform-origin:50% 50%;
}
.close-btn::before{transform:translate(-50%,-50%) rotate(45deg)}
.close-btn::after{transform:translate(-50%,-50%) rotate(-45deg)}
.close-btn:hover{transform:rotate(90deg)!important}


/* v0.7.3 — Oferta de la Semana */
.weekly-offer-admin{margin-bottom:14px}
.weekly-offer-controls{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:14px;
}
.weekly-offer-controls select{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--b);
  padding:0 12px;
}
#weeklyOfferState{
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:9px;
}
@media(max-width:760px){
  .weekly-offer-controls{grid-template-columns:1fr}
}


/* =========================================================
   v0.7.4 — Automatic background removal preview
   ========================================================= */
.media-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bg-remove-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.bg-remove-toggle input{position:absolute;opacity:0;pointer-events:none}
.bg-remove-toggle em{font-style:normal;font-size:8px;font-weight:850;color:var(--b);white-space:nowrap}
.toggle-track{width:32px;height:18px;border-radius:999px;background:#dce5e8;position:relative;transition:.18s}
.toggle-track i{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00131d33;transition:.18s}
.bg-remove-toggle input:checked+.toggle-track{background:#0a6b8e}
.bg-remove-toggle input:checked+.toggle-track i{transform:translateX(14px)}

.bg-preview-editor{width:min(1080px,96vw);max-height:92vh;overflow:auto}
.bg-preview-intro{max-width:760px}
.bg-preview-toolbar{display:flex;align-items:center;gap:8px;margin:14px 0;flex-wrap:wrap}
.bg-preview-toolbar>span{margin-right:auto;font-size:9px;color:var(--muted);font-weight:800}
.bg-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bg-processing{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted);font-weight:850}
.bg-preview-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.bg-preview-card.using-processed{border-color:#77adbe;box-shadow:0 0 0 2px #0a6b8e12}
.bg-preview-name{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.bg-preview-name b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg-preview-name small{font-size:7px;color:var(--muted);white-space:nowrap}
.bg-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bg-compare>div>span{display:block;font-size:7px;font-weight:950;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}
.bg-preview-image{height:220px;border-radius:9px;border:1px solid #edf1f2;display:grid;place-items:center;overflow:hidden;background:#fff}
.bg-preview-image.checker{background-color:#fff;background-image:linear-gradient(45deg,#e9eef0 25%,transparent 25%),linear-gradient(-45deg,#e9eef0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9eef0 75%),linear-gradient(-45deg,transparent 75%,#e9eef0 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.bg-preview-image img{max-width:100%;max-height:100%;object-fit:contain}
.bg-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.bg-choice button{height:34px;border:1px solid var(--line);border-radius:8px;background:#f3f6f7;color:var(--b);font-size:8px;font-weight:900;cursor:pointer}
.bg-choice button.active{background:var(--b);color:#fff;border-color:var(--b)}
.bg-choice button:disabled{opacity:.4;cursor:not-allowed}
.bg-preview-note{margin-top:12px;padding:10px;border-radius:9px;background:#eef5f7;color:#546a73;font-size:8px;line-height:1.45}

@media(max-width:760px){
 .media-head-actions{align-items:flex-end;flex-direction:column}
 .bg-remove-toggle em{font-size:7px}
 .bg-preview-grid{grid-template-columns:1fr}
 .bg-preview-image{height:165px}
 .bg-preview-toolbar{align-items:stretch}
 .bg-preview-toolbar>span{width:100%}
}

/* v0.7.4.1 — Fondo en imágenes ya cargadas */
.media-thumb-actions{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important}
.media-thumb-actions .media-bg-btn{min-width:0!important;padding:7px 6px!important;font-size:7px!important;color:var(--b)!important;background:#e8f2f5!important;border:1px solid #c9dce3!important}
.media-thumb-actions .media-bg-btn:hover{background:#dcecf1!important}
@media(max-width:620px){.media-thumb-actions{grid-template-columns:1fr!important}}

/* v0.8.0 — Estadísticas */
.analytics-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px}.analytics-head h3{font-size:24px;margin:3px 0 5px;color:var(--b)}.analytics-head p{max-width:760px;font-size:10px;color:var(--muted);line-height:1.5}.analytics-filters{display:flex;gap:8px}.analytics-filters select{height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;color:var(--b);font-size:9px;font-weight:800}.analytics-status{font-size:8px;color:var(--muted);margin:8px 0 13px;padding:8px 10px;background:#edf4f6;border-radius:8px;border-left:3px solid var(--b)}.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:11px}.analytics-kpis article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.analytics-kpis small,.analytics-kpis span{display:block;color:var(--muted);font-size:7px}.analytics-kpis small{font-weight:950;letter-spacing:.8px;color:var(--o)}.analytics-kpis b{display:block;font-size:25px;color:var(--b);margin:5px 0 3px;line-height:1}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analytics-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;min-width:0}.analytics-card.wide{grid-column:1/-1}.analytics-card-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.analytics-card-head small{display:block;font-size:7px;font-weight:950;letter-spacing:.8px;color:var(--o)}.analytics-card-head h4{font-size:14px;color:var(--b);margin:2px 0 0}.analytics-card-head>span{font-size:9px;color:var(--muted);font-weight:850}.trend-chart{height:210px;display:flex;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);padding:12px 4px 0;overflow:hidden}.trend-col{flex:1;min-width:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.trend-col b{font-size:7px;color:var(--muted);height:12px}.trend-col i{display:block;width:min(22px,72%);min-height:3px;background:linear-gradient(180deg,var(--o),#ffbd55);border-radius:5px 5px 1px 1px}.trend-col span{height:22px;padding-top:5px;font-size:6px;color:#7a8a91;white-space:nowrap;transform:rotate(-38deg)}.bar-list{display:grid;gap:10px;max-height:290px;overflow:auto}.bar-row-label{display:flex;justify-content:space-between;gap:10px;font-size:8px;margin-bottom:4px}.bar-row-label span{color:#465c65;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row-label b{color:var(--b)}.bar-track{height:7px;border-radius:999px;background:#edf2f4;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--b),#1689ac)}.analytics-table-wrap{overflow:auto;max-height:360px;border:1px solid #eef2f3;border-radius:9px}.analytics-table{width:100%;border-collapse:collapse;font-size:8px}.analytics-table th{position:sticky;top:0;background:#f4f7f8;color:#60737b;font-size:7px;text-align:left;padding:9px;white-space:nowrap;z-index:1}.analytics-table td{padding:9px;border-top:1px solid #edf1f2;color:#52666e}.analytics-table td b{color:var(--b)}.analytics-event{display:inline-block;padding:4px 6px;border-radius:6px;background:#e8f1f4;color:var(--b);font-size:7px;font-weight:900}.analytics-empty{padding:16px;text-align:center;color:#89979d;font-size:8px}.analytics-footnote{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef5f7;color:#61757d;font-size:8px;line-height:1.45}
@media(max-width:1150px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.analytics-head{flex-direction:column}.analytics-filters{width:100%}.analytics-filters select{flex:1}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-card.wide{grid-column:auto}.trend-chart{height:180px}.trend-col span{display:none}}

/* =========================================================
   v0.9.0 — HERO STUDIO
   ========================================================= */
.hero-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}
.hero-admin-head h3{font-size:24px;margin:3px 0 5px;color:var(--b)}
.hero-admin-head p{max-width:760px;font-size:10px;color:var(--muted);line-height:1.5}
.hero-admin-note{padding:10px 12px;border-radius:10px;background:#eef5f7;color:#5d737c;font-size:8px;margin-bottom:12px}
.hero-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-admin-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}
.hero-admin-card.inactive{opacity:.55}
.hero-admin-image{height:150px;background:#eaf0f2;position:relative;display:grid;place-items:center;overflow:hidden}
.hero-admin-image img{width:100%;height:100%;object-fit:cover}
.hero-admin-image>span{font-size:9px;color:var(--muted)}
.hero-admin-image>b{position:absolute;left:9px;top:9px;background:#062f43;color:#fff;border-radius:7px;padding:5px 7px;font-size:9px}
.hero-admin-body{padding:11px}
.hero-admin-body small{color:var(--o);font-size:7px;font-weight:950;letter-spacing:.7px}
.hero-admin-body h4{font-size:15px;color:var(--b);margin:5px 0}.hero-admin-body h4 strong{color:var(--o)}
.hero-admin-body p{font-size:8px;color:var(--muted);height:30px;overflow:hidden}
.hero-admin-meta{display:flex;justify-content:space-between;font-size:7px;color:#72858d;margin-top:8px}
.hero-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px}
.hero-admin-actions button{border:0;border-radius:8px;padding:8px;background:#eaf1f4;color:var(--b);font-size:8px;font-weight:900}
.hero-admin-actions .danger{background:#f8e7e3;color:#9b4d3e}
.hero-empty{padding:45px;text-align:center;border:1px dashed #bdcbd0;border-radius:12px;color:var(--muted)}
.hero-empty b,.hero-empty span{display:block}.hero-empty b{color:var(--b);font-size:11px}.hero-empty span{font-size:9px;margin-top:4px}
.hero-editor{width:min(940px,96vw);max-height:92vh;overflow:auto}
.hero-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.hero-form-grid label{font-size:8px;font-weight:900;color:#5d7078}
.hero-form-grid input,.hero-form-grid select,.hero-form-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff;color:var(--b)}
.hero-form-grid .span-2{grid-column:1/-1}
.hero-active-check{display:flex!important;align-items:center;gap:8px;margin-top:18px}.hero-active-check input{width:auto!important;margin:0!important}
.hero-image-picker{display:grid;grid-template-columns:280px 1fr;gap:12px;align-items:center;margin-top:5px}
.hero-image-preview{height:150px;border:1px solid var(--line);border-radius:10px;background:#eef3f5;display:grid;place-items:center;overflow:hidden}
.hero-image-preview img{width:100%;height:100%;object-fit:cover}.hero-image-preview span{font-size:9px;color:var(--muted)}
.hero-image-picker>div:last-child{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.hero-image-picker small{display:block;width:100%;font-size:7px;color:var(--muted);font-weight:500}
.hero-editor-state{min-height:18px;font-size:8px;color:#a04b39;margin-top:10px}
@media(max-width:1050px){.hero-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-admin-head{flex-direction:column}.hero-admin-grid{grid-template-columns:1fr}.hero-form-grid{grid-template-columns:1fr}.hero-form-grid .span-2{grid-column:auto}.hero-image-picker{grid-template-columns:1fr}.hero-image-preview{height:190px}}

/* =========================================================
   v0.9.1 — HERO Studio simple / product-first
   ========================================================= */
.hero-step{display:flex;align-items:center;gap:10px;margin-top:7px;padding:10px 12px;border-radius:10px;background:#eef5f7;border:1px solid #dae8ed}
.hero-step-number{width:28px;height:28px;border-radius:9px;background:var(--b);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950;flex:0 0 auto}
.hero-step b,.hero-step small{display:block}.hero-step b{font-size:10px;color:var(--b)}.hero-step small{font-size:8px;color:var(--muted);margin-top:2px;font-weight:500}
.hero-product-select select{font-size:11px!important;font-weight:800;color:var(--b)!important;min-height:45px}
.hero-product-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:100px}
.hero-gallery-empty{grid-column:1/-1;display:grid;place-items:center;min-height:105px;border:1px dashed #c7d5da;border-radius:10px;background:#f8fafb;color:var(--muted);font-size:8px}
.hero-gallery-thumb{height:108px;border:2px solid transparent;border-radius:10px;padding:0;background:#edf2f4;overflow:hidden;position:relative;cursor:pointer}
.hero-gallery-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.hero-gallery-thumb span{position:absolute;left:5px;bottom:5px;padding:3px 5px;border-radius:5px;background:rgba(6,47,67,.82);color:#fff;font-size:6px;font-weight:950}
.hero-gallery-thumb i{display:none;position:absolute;right:5px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--o);color:#17232a;font-style:normal;font-size:10px;font-weight:950;place-items:center}
.hero-gallery-thumb.selected{border-color:var(--o);box-shadow:0 0 0 2px rgba(255,168,38,.16)}
.hero-gallery-thumb.selected i{display:grid}
.hero-selected-preview{display:grid;grid-template-columns:240px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fafcfc}
.hero-selected-preview .hero-image-preview{height:130px}
.hero-preview-copy small,.hero-preview-copy b,.hero-preview-copy span{display:block}.hero-preview-copy small{font-size:7px;color:var(--o);font-weight:950;letter-spacing:.7px}.hero-preview-copy b{font-size:11px;color:var(--b);margin:5px 0}.hero-preview-copy span{font-size:8px;color:var(--muted)}
@media(max-width:850px){.hero-product-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.hero-product-gallery{grid-template-columns:repeat(2,1fr)}.hero-selected-preview{grid-template-columns:1fr}.hero-selected-preview .hero-image-preview{height:180px}}

/* =========================================================
   v0.9.2 — Studio presentation ready
   ========================================================= */
.row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.delete-product{border:0;background:#f7e6e1;color:#974a37;border-radius:7px;padding:6px 8px;font-weight:850}
.delete-product:hover{background:#f3d6cf}

.dashboard-ops{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin-top:10px}
.ops-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.ops-card h3{margin:4px 0 5px;color:var(--b)}.ops-card p{font-size:10px;color:var(--muted);margin:0 0 13px}
.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ops-metrics button{border:1px solid var(--line);background:#f7fafb;border-radius:10px;padding:11px;text-align:left;color:var(--b)}
.ops-metrics button:hover{border-color:#abc2cc;background:#eef5f7}
.ops-metrics small,.ops-metrics span{display:block;font-size:7px;color:var(--muted)}.ops-metrics small{font-weight:950;color:#6d7e86}.ops-metrics b{display:block;font-size:23px;margin:4px 0;color:var(--b)}
.ops-mini{display:grid;gap:8px}.ops-mini span{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;background:#f5f8f9;color:#60727a;font-size:9px}.ops-mini b{font-size:18px;color:var(--b);min-width:35px}

.notice-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.notice-admin-head h3{font-size:24px;margin:3px 0 5px;color:var(--b)}.notice-admin-head p{font-size:10px;color:var(--muted);max-width:760px}
.notice-switch{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;color:var(--b);cursor:pointer}.notice-switch input{position:absolute;opacity:0}.notice-switch span{width:38px;height:22px;border-radius:99px;background:#ced9dd;position:relative}.notice-switch span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 3px #0002}.notice-switch input:checked+span{background:var(--b)}.notice-switch input:checked+span:after{transform:translateX(16px)}
.notice-editor-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.notice-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.notice-form .full{grid-column:1/-1}.notice-form label{font-size:9px;font-weight:900;color:#52666f}.notice-form input,.notice-form select{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}
.notice-preview-wrap{margin-top:15px}.notice-preview-wrap>small{font-size:7px;font-weight:950;color:var(--muted)}.notice-preview{margin-top:6px;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:18px;color:#fff;background:#063a55;font-size:9px}.notice-preview b{color:var(--o)}.notice-preview span{flex:1}.notice-preview em{font-style:normal;font-weight:900;text-decoration:underline}.notice-preview.promo{background:#ffa826;color:#17252b}.notice-preview.promo b{color:#063a55}.notice-preview.important{background:#8f3d2d}.notice-preview.disabled{opacity:.38}

/* Escalado visual para PC/Tablet: evita el aspecto diminuto en 1920×1080. */
@media(min-width:1400px){
 .side{width:270px;padding:24px 16px}.adminmain{margin-left:270px;padding:34px 42px}.brand img{width:195px}.brand span{font-size:17px}.brand small{font-size:9px}
 .side nav button{font-size:15px;padding:13px 12px}.back{font-size:14px}
 .adminmain h1{font-size:34px}.eyebrow{font-size:10px}.connection-pill{font-size:10px;padding:10px 13px}
 .stats small,.stats span{font-size:10px}.stats b{font-size:36px}.stats article,.panel,.bridge-card{padding:20px}
 .bridge-card h3,.panel h3{font-size:20px}.bridge-card p,.panel p{font-size:12px}
 .primary,.secondary{font-size:12px;padding:11px 15px}.toolbar input,.toolbar select{font-size:13px;padding:11px}
 table th{font-size:10px}table td{font-size:12px;padding:13px 11px}td small{font-size:9px}.edit,.delete-product{font-size:10px;padding:7px 10px}
 .status{font-size:9px}.cat div,.promo-row{font-size:11px}.cat h3{font-size:17px}
 .form label,.endpoint-label{font-size:10px}.form input,.form select,.form textarea,.endpoint-label input{font-size:12px;padding:11px}.checks label{font-size:11px}
 .media-manager-head b{font-size:12px}.media-manager-head span{font-size:10px}.upload-btn{font-size:10px}
 .hero-admin-head p,.analytics-head p,.notice-admin-head p{font-size:11px}
}
@media(min-width:900px) and (max-width:1399px){
 .side nav button{font-size:13px}.adminmain h1{font-size:30px}
 table td{font-size:11px}table th{font-size:9.5px}.bridge-card p,.panel p{font-size:11.5px}
}
@media(max-width:1050px){.dashboard-ops{grid-template-columns:1fr}.ops-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.notice-admin-head{flex-direction:column}.notice-form{grid-template-columns:1fr}.notice-form .full{grid-column:auto}.notice-preview{align-items:flex-start;flex-direction:column;gap:5px}}


/* =========================================================
   v0.9.2.1 — STUDIO READABILITY / 17" FULL HD
   Lectura cómoda a 100% de zoom en PC/Tablet.
   ========================================================= */
@media (min-width:1500px) and (min-height:800px){

  /* Estructura */
  .side{
    width:300px!important;
    padding:26px 20px!important;
  }
  .adminmain{
    margin-left:300px!important;
    padding:38px 46px!important;
  }
  .adminmain header{
    margin-bottom:30px!important;
  }

  /* Marca / navegación */
  .brand img{width:215px!important}
  .brand span{font-size:20px!important;margin-top:11px!important}
  .brand small{font-size:11px!important;line-height:1.35!important;margin-bottom:24px!important}
  .side nav{gap:6px!important}
  .side nav button{
    font-size:18px!important;
    line-height:1.2!important;
    padding:15px 14px!important;
    border-radius:10px!important;
  }
  .back{font-size:16px!important;padding:12px!important}

  /* Encabezados generales */
  .adminmain h1{
    font-size:42px!important;
    line-height:1.05!important;
  }
  .eyebrow{
    font-size:12px!important;
    letter-spacing:1.6px!important;
  }
  .connection-pill{
    font-size:12px!important;
    padding:11px 15px!important;
  }
  .logout-admin{
    font-size:12px!important;
    padding:10px 13px!important;
  }

  /* Dashboard */
  .stats{gap:14px!important}
  .stats article,.panel,.bridge-card{
    padding:24px!important;
    border-radius:16px!important;
  }
  .stats small,.stats span{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .stats b{
    font-size:43px!important;
    margin:9px 0!important;
  }
  .dashboard-ops{
    gap:14px!important;
    margin-top:14px!important;
  }
  .ops-card{padding:23px!important}
  .ops-card h3{font-size:24px!important}
  .ops-card p{font-size:13px!important;line-height:1.45!important}
  .ops-metrics{gap:10px!important}
  .ops-metrics button{padding:15px!important}
  .ops-metrics small,.ops-metrics span{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .ops-metrics b{font-size:31px!important}
  .ops-mini{gap:10px!important}
  .ops-mini span{
    font-size:12px!important;
    padding:13px!important;
  }
  .ops-mini b{
    font-size:25px!important;
    min-width:48px!important;
  }

  /* Paneles / textos */
  .panel h3,.bridge-card h3,.cat h3{
    font-size:23px!important;
  }
  .panel p,.bridge-card p,.note,.bridge-row,.setting{
    font-size:14px!important;
    line-height:1.45!important;
  }
  .bridge-row b{font-size:13px!important}

  /* Botones y herramientas */
  .primary,.secondary{
    font-size:15px!important;
    padding:13px 18px!important;
    border-radius:10px!important;
  }
  .toolbar{gap:10px!important;margin-bottom:13px!important}
  .toolbar input,.toolbar select{
    font-size:16px!important;
    padding:13px!important;
    border-radius:10px!important;
  }
  .toolbar select{min-width:155px!important}

  /* Productos / tablas */
  table th{
    font-size:12px!important;
    padding:13px 12px!important;
  }
  table td{
    font-size:15px!important;
    padding:15px 12px!important;
    line-height:1.25!important;
  }
  td small{font-size:11px!important}
  .edit,.delete-product{
    font-size:12px!important;
    padding:9px 12px!important;
  }
  .status{
    font-size:11px!important;
    padding:5px 9px!important;
  }

  /* Categorías / promociones */
  .catgrid{gap:13px!important}
  .cat{padding:18px!important}
  .cat div,.promo-row{
    font-size:13px!important;
    padding:9px 0!important;
  }

  /* Editores / formularios */
  .editor{padding:29px!important}
  .editor h2{font-size:29px!important}
  .editor legend{
    font-size:12px!important;
  }
  .form label,.endpoint-label{
    font-size:13px!important;
  }
  .form input,.form select,.form textarea,.endpoint-label input{
    font-size:15px!important;
    padding:13px!important;
  }
  .checks label{font-size:14px!important}
  .helper,.editor-status{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .close-btn{
    width:42px!important;
    height:42px!important;
    font-size:24px!important;
  }

  /* Media */
  .media-manager-head b{font-size:15px!important}
  .media-manager-head span{font-size:12px!important}
  .upload-btn{font-size:13px!important;padding:11px 14px!important}
  .upload-hint{font-size:11px!important}
  .media-thumb-info b,.media-card .body b{font-size:11px!important}
  .media-thumb-info span,.media-card .body span,.media-card .body small{font-size:10px!important}
  .media-thumb-actions button,.media-card .actions button{font-size:10px!important}

  /* Hero */
  .hero-admin-head h3,.analytics-head h3,.notice-admin-head h3{
    font-size:30px!important;
  }
  .hero-admin-head p,.analytics-head p,.notice-admin-head p{
    font-size:14px!important;
    line-height:1.5!important;
  }
  .hero-admin-note{
    font-size:12px!important;
    padding:13px 15px!important;
  }
  .hero-admin-body small,.hero-admin-meta{font-size:10px!important}
  .hero-admin-body h4{font-size:18px!important}
  .hero-admin-body p{font-size:12px!important;height:42px!important}
  .hero-admin-actions button{font-size:11px!important;padding:9px!important}

  /* Avisos */
  .notice-switch{font-size:13px!important}
  .notice-form label{font-size:13px!important}
  .notice-form input,.notice-form select{
    font-size:15px!important;
    padding:13px!important;
  }
  .notice-preview-wrap>small{font-size:10px!important}
  .notice-preview{
    font-size:13px!important;
    padding:13px 16px!important;
  }

  /* Estadísticas */
  .analytics-status,.analytics-footnote{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .analytics-kpis small,.analytics-kpis span{
    font-size:10px!important;
  }
  .analytics-kpis b{font-size:32px!important}
  .analytics-card-head small{font-size:10px!important}
  .analytics-card-head h4{font-size:18px!important}
  .bar-row-label{font-size:12px!important}
  .analytics-table th{font-size:11px!important}
  .analytics-table td{font-size:12px!important}
}

/* Full HD más compacto en altura: conserva lectura sin obligar a zoom. */
@media (min-width:1500px) and (max-height:900px){
  .adminmain{padding-top:30px!important;padding-bottom:30px!important}
  .stats article,.ops-card{padding-top:19px!important;padding-bottom:19px!important}
  .side nav button{padding-top:12px!important;padding-bottom:12px!important}
}


/* =========================================================
   v0.9.2.2 — Refuerzo de lectura Full HD:
   Dashboard / Estadísticas / Media Manager
   ========================================================= */
@media (min-width:1500px) and (min-height:800px){

  /* DASHBOARD */
  #dashboard .stats small,
  #dashboard .stats span{
    font-size:14px!important;
  }
  #dashboard .stats b{
    font-size:48px!important;
  }
  #dashboard .ops-card .eyebrow{
    font-size:12px!important;
  }
  #dashboard .ops-card h3{
    font-size:27px!important;
  }
  #dashboard .ops-card p{
    font-size:15px!important;
  }
  #dashboard .ops-metrics small,
  #dashboard .ops-metrics span{
    font-size:12px!important;
  }
  #dashboard .ops-metrics b{
    font-size:35px!important;
  }
  #dashboard .ops-mini span{
    font-size:14px!important;
  }
  #dashboard .ops-mini b{
    font-size:29px!important;
  }

  /* ESTADÍSTICAS */
  #analytics .analytics-head h3{
    font-size:34px!important;
  }
  #analytics .analytics-head p{
    font-size:16px!important;
  }
  #analytics .analytics-filters select,
  #analytics .analytics-filters button{
    font-size:14px!important;
  }
  #analytics .analytics-status,
  #analytics .analytics-footnote{
    font-size:14px!important;
  }
  #analytics .analytics-kpis article{
    padding:17px!important;
  }
  #analytics .analytics-kpis small,
  #analytics .analytics-kpis span{
    font-size:12px!important;
  }
  #analytics .analytics-kpis b{
    font-size:37px!important;
  }
  #analytics .analytics-card-head small{
    font-size:11px!important;
  }
  #analytics .analytics-card-head h4{
    font-size:21px!important;
  }
  #analytics .analytics-card-head>span{
    font-size:13px!important;
  }
  #analytics .bar-row-label{
    font-size:14px!important;
  }
  #analytics .analytics-table{
    font-size:13px!important;
  }
  #analytics .analytics-table th{
    font-size:12px!important;
    padding:12px!important;
  }
  #analytics .analytics-table td{
    font-size:14px!important;
    padding:12px!important;
  }
  #analytics .analytics-event{
    font-size:11px!important;
  }
  #analytics .trend-col b{
    font-size:10px!important;
  }
  #analytics .trend-col span{
    font-size:9px!important;
  }

  /* MEDIA MANAGER */
  #media .media-manager-head b{
    font-size:18px!important;
  }
  #media .media-manager-head span{
    font-size:14px!important;
    line-height:1.45!important;
  }
  #media .media-manager-head .secondary,
  #media .media-manager-head .primary{
    font-size:14px!important;
  }
  #media .upload-hint,
  #media .media-hint{
    font-size:13px!important;
    line-height:1.45!important;
  }
  #media .media-card .body b,
  #media .media-thumb-info b{
    font-size:14px!important;
  }
  #media .media-card .body span,
  #media .media-card .body small,
  #media .media-thumb-info span{
    font-size:12px!important;
  }
  #media .media-card .actions button,
  #media .media-thumb-actions button{
    font-size:12px!important;
    padding:9px 10px!important;
  }
}