.cr-admin{
  font-family:var(--ff,'Nunito',Inter,Arial,sans-serif);
  display:grid;
  gap:14px;
  color:var(--txt,#151515);
  padding-bottom:86px; /* espacio reservado para la barra fija */
}

.cr-hero{
  padding:18px;
  border:1px solid var(--line,#e5e7eb);
  border-radius:22px;
  background:linear-gradient(135deg,var(--card,#fff),color-mix(in srgb,var(--accentSoft,#fff0ef) 58%,var(--surface,#fff)));
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  box-shadow:var(--sh,0 8px 24px rgba(0,0,0,.08));
}
.cr-hero b{display:block;font-size:21px;color:var(--txt,#151515)}
.cr-hero span{display:block;color:var(--txt2,#667085);font-size:12px;margin-top:4px}
.cr-version{
  font-size:11px!important;
  font-weight:900;
  padding:8px 10px;
  border-radius:999px;
  background:var(--txt,#111);
  color:var(--card,#fff)!important;
  white-space:nowrap;
}
.cr-tabs{display:flex;gap:7px;overflow:auto;padding:1px 1px 4px;scrollbar-width:thin}
.cr-tab{
  min-height:42px;
  border:1px solid var(--line,#e5e7eb);
  background:var(--surface,#fff);
  color:var(--txt,#222);
  border-radius:14px;
  padding:9px 12px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.cr-tab.on{background:#e2231a;color:#fff;border-color:#e2231a;box-shadow:0 6px 14px rgba(226,35,26,.20)}
.cr-tools{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.cr-search{
  flex:1;
  min-width:200px;
  border:1px solid var(--line,#ddd);
  border-radius:13px;
  padding:11px 13px;
  background:var(--surface,#fff);
  color:var(--txt,#171717);
  font:inherit;
}
.cr-btn{
  min-height:40px;
  border:1px solid transparent;
  border-radius:12px;
  padding:9px 13px;
  font:900 12px/1.2 var(--ff,'Nunito',Inter,sans-serif);
  cursor:pointer;
  background:var(--txt,#111);
  color:var(--card,#fff);
}
.cr-btn.red{background:#e2231a;color:#fff;border-color:#e2231a}
.cr-btn.ghost{background:var(--surface,#fff);color:var(--txt,#222);border-color:var(--line,#ddd)}
.cr-btn.danger{background:color-mix(in srgb,#e2231a 9%,var(--surface,#fff));color:#c52b23;border-color:color-mix(in srgb,#e2231a 25%,var(--line,#ddd))}
.cr-btn:disabled{opacity:.52;cursor:wait;pointer-events:none}
.cr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.cr-card{
  min-width:0;
  border:1px solid var(--line,#e6e6e6);
  border-radius:17px;
  background:var(--surface,#fff);
  color:var(--txt,#171717);
  padding:13px;
  display:grid;
  gap:10px;
  box-shadow:var(--sh,0 5px 15px rgba(0,0,0,.05));
}
.cr-card-head{display:flex;align-items:center;gap:10px;min-width:0}
.cr-card-head>div{min-width:0}
.cr-thumb{width:46px;height:46px;flex:none;border-radius:13px;background:var(--card,#f3f4f6);object-fit:contain}
.cr-card h3{font-size:15px;margin:0;color:var(--txt,#171717);overflow-wrap:anywhere}
.cr-card small{color:var(--txt2,#667085);line-height:1.35}
.cr-badge{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;background:var(--goodSoft,#e7f8ee);color:var(--good,#16794a)}
.cr-badge.paused{background:var(--accentSoft,#feeceb);color:var(--accent,#b42318)}
.cr-row{display:flex;gap:8px;align-items:center;justify-content:space-between;min-width:0}
.cr-row>span{min-width:0}
.cr-price{font-size:16px;font-weight:950;white-space:nowrap}
.cr-card-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.cr-empty{
  padding:30px;
  text-align:center;
  border:1px dashed var(--line,#ccc);
  border-radius:18px;
  color:var(--txt2,#667085);
  line-height:1.5;
}
.cr-empty b,.cr-empty span{display:block}
.cr-savebar{
  position:fixed;
  left:var(--cr-save-left,260px);
  right:var(--cr-save-right,18px);
  bottom:16px;
  z-index:2147482000;
  background:color-mix(in srgb,var(--card,#fff) 96%,transparent);
  backdrop-filter:blur(14px);
  border:1px solid var(--line,#ddd);
  border-radius:17px;
  padding:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  box-shadow:0 10px 30px rgba(12,29,61,.16);
}
.cr-save-actions{display:flex;gap:7px;flex:none}
.cr-status{font-size:12px;font-weight:800;color:var(--txt2,#667085);line-height:1.35}
.cr-status.good{color:var(--good,#14804a)}
.cr-status.bad{color:var(--accent,#b42318)}
.cr-status.dirty{color:#d14b18;font-weight:950}
.cr-note{
  margin-bottom:10px;
  padding:10px 12px;
  border:1px solid var(--line,#ddd);
  border-radius:13px;
  background:var(--card,#f8f8f8);
  color:var(--txt2,#667085);
  font-size:11px;
  line-height:1.4;
}
.cr-note-inline{color:var(--txt2,#667085);font-size:11px;font-weight:800;line-height:1.35}
.cr-modal{
  position:fixed;
  inset:0;
  z-index:2147483200;
  background:rgba(10,10,20,.68);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  overflow:auto;
  overscroll-behavior:contain;
}
.cr-modal[hidden]{display:none}
.cr-sheet{
  width:min(760px,100%);
  max-height:92dvh;
  overflow:auto;
  background:var(--card,#fff);
  color:var(--txt,#171717);
  border:1px solid var(--line,#ddd);
  border-radius:24px;
  padding:18px;
  box-shadow:0 28px 80px rgba(0,0,0,.35);
}
.cr-sheet h2{margin:0 0 14px;color:var(--txt,#171717);font-size:22px}
.cr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cr-field{display:grid;gap:5px;font-size:11px;font-weight:900;color:var(--txt2,#555)}
.cr-field.wide{grid-column:1/-1}
.cr-field input,.cr-field select,.cr-field textarea{
  width:100%;
  padding:10px 11px;
  border:1px solid var(--line,#d9dce3);
  border-radius:11px;
  font:inherit;
  color:var(--txt,#171717);
  background:var(--surface,#fff);
}
.cr-field textarea{min-height:82px;resize:vertical}
.cr-section{grid-column:1/-1;padding-top:9px;border-top:1px solid var(--line,#eee);font-weight:950;color:var(--txt,#171717)}
.cr-plan-list{grid-column:1/-1;display:grid;gap:9px}
.cr-plan{border:1px solid var(--line,#eee);border-radius:15px;padding:10px;display:grid;gap:8px;background:var(--surface,#fff)}
.cr-plan-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:7px;align-items:center}
.cr-mini{width:100%;min-width:0;padding:8px;border:1px solid var(--line,#ddd);border-radius:9px;background:var(--card,#fff);color:var(--txt,#171717);font:inherit}
textarea.cr-mini{min-height:62px;resize:vertical}
.cr-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}
.cr-checks{display:flex;flex-wrap:wrap;gap:7px}
.cr-check{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#ddd);border-radius:11px;padding:7px 9px;font-size:11px;font-weight:800;color:var(--txt,#222);background:var(--surface,#fff)}
.cr-check input{accent-color:#e2231a}
.cr-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cr-history-title{margin-top:16px}
.cr-history{display:grid;gap:6px;margin-top:9px}
.cr-history article{padding:9px 11px;border:1px solid var(--line,#eee);border-radius:12px;background:var(--surface,#fff);font-size:11px;color:var(--txt,#222)}
.cr-history article small{display:block;margin-top:3px;color:var(--txt2,#667085)}
.cr-modal-error{margin-top:12px;padding:10px 12px;border:1px solid rgba(226,35,26,.32);border-radius:12px;background:rgba(226,35,26,.10);color:#c52b23;font-size:12px;font-weight:900;line-height:1.4}
.cr-modal-error[hidden]{display:none}
.cr-admin.is-saving .cr-tabs,.cr-admin.is-saving #crBody{pointer-events:none;opacity:.68}

@media(max-width:600px){
  .cr-form,.cr-settings{grid-template-columns:1fr}
  .cr-field.wide,.cr-section,.cr-plan-list{grid-column:1}
  .cr-plan-grid{grid-template-columns:1fr 1fr}
  .cr-savebar{bottom:96px;align-items:stretch;flex-direction:column}
  .cr-save-actions{display:grid;grid-template-columns:1fr 1fr}
  .cr-hero{align-items:flex-start;flex-direction:column}
  .cr-card .cr-row{align-items:flex-start;flex-direction:column}
  .cr-card-actions{width:100%;justify-content:stretch}
  .cr-card-actions .cr-btn{flex:1}
  .cr-sheet{padding:15px;border-radius:20px}
}

/* Catálogo Relojes · editor estable 2026-09-07 */
.cr-card-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.cr-badge.promo{background:color-mix(in srgb,#7c3aed 12%,var(--surface,#fff));color:#6d28d9;border:1px solid color-mix(in srgb,#7c3aed 24%,var(--line,#ddd))}
.cr-category-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:13px;background:var(--card,#f3f4f6);font-size:23px}
.cr-field-help{display:block;color:var(--txt2,#667085);font-size:10px;font-weight:700;line-height:1.35}
.cr-sheet-small{width:min(560px,100%)}
.cr-form>.wide{grid-column:1/-1}
.cr-upload-field input[type="file"]{padding:8px;background:var(--surface,#fff);cursor:pointer}
.cr-upload-state{display:block;color:var(--txt2,#667085);font-size:10px;font-weight:750;line-height:1.35}
.cr-image-preview{min-height:92px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--line,#d9dce3);border-radius:14px;background:var(--surface,#f8fafc);color:var(--txt2,#667085);font-size:11px;font-weight:800}
.cr-image-preview img{display:block;width:100%;height:150px;object-fit:contain;background:var(--surface,#fff)}
.cr-carousel-preview{height:128px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line,#e6e6e6);border-radius:13px;background:var(--card,#f5f5f5);color:var(--txt2,#667085);font-size:11px;font-weight:850}
.cr-carousel-preview img{width:100%;height:100%;display:block;object-fit:cover}
.cr-carousel-large{min-height:170px}
.cr-carousel-large img{height:min(280px,32dvh);object-fit:contain}

/* El editor ya no queda cortado debajo de la pantalla ni del navbar. */
.cr-modal{align-items:flex-start!important;padding:clamp(12px,2.2vh,24px) 14px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
.cr-sheet{max-height:calc(100dvh - clamp(24px,4.4vh,48px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable;padding-bottom:8px!important}
.cr-sheet>.cr-actions{position:sticky;bottom:-8px;z-index:5;margin:14px -8px -8px;padding:12px 8px 8px;background:color-mix(in srgb,var(--card,#fff) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line,#eee)}

@media(max-width:600px){
  .cr-form>.wide{grid-column:1}
  .cr-carousel-preview{height:110px}
  .cr-image-preview img{height:130px}
  .cr-sheet>.cr-actions{bottom:-8px}
}
@media(max-width:600px){.cr-savebar{padding:8px}.cr-save-actions{gap:5px}.cr-savebar .cr-btn{padding:8px 10px}.cr-status{font-size:10px}}

/* Catálogo Relojes · modal auto-reparable y navegación segura 2026-09-07 */
.cr-sheet{position:relative!important}
.cr-modal-close{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  margin:-4px 0 4px auto!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--line,#d9dce3)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--card,#fff) 94%,transparent)!important;
  color:var(--txt,#171717)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(12px)!important;
  font:900 16px/1 var(--ff,'Nunito',Inter,sans-serif)!important;
  cursor:pointer!important;
}
.cr-modal-close:hover{border-color:#e2231a!important;color:#e2231a!important}
.cr-empty .cr-btn{margin-top:12px}


/* ===== Catálogo Relojes · UX limpio 2026-09-10 ===== */
body.cr-modal-open{overflow:hidden!important}

#crModal.cr-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  overflow:hidden!important;
  background:rgba(10,16,28,.58)!important;
  backdrop-filter:blur(4px);
}
#crModal.cr-modal[hidden]{display:none!important}

#crModal .cr-sheet{
  position:relative!important;
  width:min(980px,calc(100vw - 36px))!important;
  height:min(820px,calc(100dvh - 36px))!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:24px!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(5,18,40,.28)!important;
}

#crModal .cr-modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:80!important;
  margin:0!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #dbe4ef!important;
  box-shadow:0 8px 24px rgba(16,32,56,.10)!important;
}

.cr-editor-head{
  padding:22px 76px 14px 24px;
  border-bottom:1px solid #e8eef5;
  background:#fff;
}
.cr-editor-head h2{
  margin:3px 0 2px!important;
  font-size:24px!important;
  line-height:1.1;
  color:#102a4d!important;
}
.cr-editor-head p{
  margin:5px 0 0;
  color:#61758f;
  font-size:12px;
  font-weight:700;
}
.cr-editor-kicker{
  color:#e2231a;
  font-size:9px;
  letter-spacing:1.25px;
  font-weight:950;
}

.cr-editor-nav{
  display:flex;
  gap:7px;
  padding:10px 24px;
  overflow:auto;
  border-bottom:1px solid #e8eef5;
  background:#f8fbff;
  scrollbar-width:none;
}
.cr-editor-nav::-webkit-scrollbar{display:none}
.cr-editor-nav button{
  border:1px solid #d9e4f1;
  background:#fff;
  color:#173558;
  border-radius:999px;
  padding:8px 12px;
  font:900 11px/1 var(--ff,'Nunito',Inter,sans-serif);
  white-space:nowrap;
  cursor:pointer;
}
.cr-editor-nav button:hover{border-color:#1c9fe2;color:#0f87c2}

.cr-editor-scroll{
  min-height:0;
  overflow:auto;
  padding:18px 24px 24px;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  background:#f6f9fd;
}

.cr-editor-section{
  scroll-margin-top:14px;
  border:1px solid #dfe8f2;
  border-radius:18px;
  background:#fff;
  padding:16px;
  margin-bottom:14px;
  box-shadow:0 5px 16px rgba(20,42,75,.035);
}
.cr-section-title{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-bottom:14px;
}
.cr-section-title>span{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:#eaf7ff;color:#0b8fcf;
  font-size:14px;font-weight:950;
}
.cr-section-title b{display:block;color:#153151;font-size:15px}
.cr-section-title small{display:block;color:#708198;font-size:10px;line-height:1.4;margin-top:2px}
.cr-section-title-actions{grid-template-columns:34px minmax(0,1fr) auto}

.cr-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.cr-editor-grid>.wide{grid-column:1/-1}

#crModal .cr-field{
  color:#45627f!important;
  font-size:10px!important;
  gap:6px!important;
}
#crModal .cr-field input,
#crModal .cr-field select,
#crModal .cr-field textarea,
#crModal .cr-mini{
  border:1px solid #cfdeed!important;
  background:#fff!important;
  color:#153151!important;
  border-radius:11px!important;
  padding:10px 11px!important;
  font-size:12px!important;
  line-height:1.3!important;
  min-height:40px;
}
#crModal .cr-field input:focus,
#crModal .cr-field select:focus,
#crModal .cr-field textarea:focus,
#crModal .cr-mini:focus{
  outline:2px solid rgba(28,159,226,.15)!important;
  border-color:#1c9fe2!important;
}
#crModal .cr-field textarea{min-height:78px!important}
.cr-field-help{color:#7d8da0!important;font-size:9.5px!important}
.cr-field-help b{color:#425d79}

.cr-publish-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
#crModal .cr-check{
  min-height:40px;
  border-color:#d9e4ef!important;
  background:#f9fbfd!important;
  color:#294965!important;
}

.cr-image-editor{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:14px;
  align-items:stretch;
}
.cr-image-editor .cr-image-preview{
  min-height:170px!important;
  border:1px dashed #bfd0e2!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.cr-image-editor .cr-image-preview img{
  width:100%!important;height:170px!important;
  object-fit:contain!important;
  padding:10px;
}
.cr-image-controls{display:grid;gap:10px;align-content:start}
.cr-advanced{
  border:1px solid #dfe8f2;
  border-radius:12px;
  padding:0 11px;
  background:#fbfdff;
}
.cr-advanced summary{
  cursor:pointer;
  padding:10px 0;
  color:#536d87;
  font-size:10px;
  font-weight:900;
}
.cr-advanced[open] summary{border-bottom:1px solid #e7edf4;margin-bottom:10px}

.cr-plan-list{display:grid!important;gap:12px!important}
#crModal .cr-plan{
  border:1px solid #d7e3ef!important;
  border-radius:16px!important;
  padding:14px!important;
  background:#fbfdff!important;
}
.cr-plan-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding-bottom:10px;
  margin-bottom:11px;
  border-bottom:1px solid #e5edf5;
}
.cr-plan-head span{
  display:block;
  font-size:8px;
  letter-spacing:1px;
  color:#8b9bad;
  font-weight:950;
}
.cr-plan-head strong{
  display:block;
  margin-top:2px;
  color:#173558;
  font-size:14px;
}
.cr-plan-fields{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.cr-options-editor{min-height:88px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
.cr-plan-active{margin-top:2px;width:max-content;max-width:100%}

.cr-editor-actions{
  position:static!important;
  margin:0!important;
  padding:12px 24px 14px!important;
  border-top:1px solid #dfe8f2!important;
  background:#fff!important;
  box-shadow:0 -10px 28px rgba(31,56,88,.06);
}
.cr-editor-actions .cr-btn{min-width:126px}

.cr-carousel-guide{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:13px 15px;
  border:1px solid #cfe2f1;
  border-radius:16px;
  background:#f7fbff;
  margin-bottom:12px;
}
.cr-carousel-guide-icon{
  width:46px;height:36px;border:2px solid #1b9bd8;border-radius:9px;
  display:grid;place-items:center;color:#1688c0;font-size:21px;font-weight:900;
  background:#fff;
}
.cr-carousel-guide b{display:block;color:#163656;font-size:13px}
.cr-carousel-guide span{display:block;color:#6a7f95;font-size:10px;line-height:1.45;margin-top:2px}

.cr-carousel-preview{
  aspect-ratio:8/3!important;
  height:auto!important;
  min-height:0!important;
}
#crModal .cr-carousel-large{
  aspect-ratio:8/3!important;
  min-height:0!important;
  background:#eef4f9!important;
}
#crModal .cr-carousel-large img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

.cr-carousel-editor{
  width:min(850px,calc(100vw - 36px))!important;
  height:min(760px,calc(100dvh - 36px))!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.cr-carousel-editor .cr-editor-scroll{padding-top:16px}

/* Editores de 3 filas (head / scroll / actions, sin nav): categoría y, si en el
   futuro se simplifica, promoción. Se usa el selector "#crModal .cr-sheet.X" (en
   vez de ".X" solo) para que gane en especificidad a "#crModal .cr-sheet" y el
   grid-template-rows realmente se aplique — con solo ".cr-carousel-editor" arriba
   la regla nunca ganaba contra "#crModal .cr-sheet" por tener menor especificidad. */
#crModal .cr-sheet.cr-category-editor{
  height:min(520px,calc(100dvh - 36px))!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#crModal .cr-sheet.cr-promotion-editor{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}

@media(max-width:760px){
  #crModal.cr-modal{padding:8px!important}
  #crModal .cr-sheet{
    width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
  }
  .cr-editor-head{padding:18px 62px 12px 16px}
  .cr-editor-nav{padding:8px 16px}
  .cr-editor-scroll{padding:12px}
  .cr-editor-grid,.cr-plan-fields{grid-template-columns:1fr}
  .cr-editor-grid>.wide{grid-column:1}
  .cr-publish-checks{grid-template-columns:1fr}
  .cr-image-editor{grid-template-columns:1fr}
  .cr-image-editor .cr-image-preview,
  .cr-image-editor .cr-image-preview img{height:140px!important;min-height:140px!important}
  .cr-section-title-actions{grid-template-columns:34px minmax(0,1fr)}
  .cr-section-title-actions>.cr-btn{grid-column:1/-1;width:100%}
  .cr-plan-head{align-items:flex-start}
  .cr-plan-head .cr-btn{padding:8px 9px}
  .cr-editor-actions{padding:10px 12px!important}
  .cr-editor-actions .cr-btn{flex:1;min-width:0}
  .cr-carousel-guide{grid-template-columns:40px minmax(0,1fr)}
  .cr-carousel-guide>.cr-btn{grid-column:1/-1;width:100%}
}