/* Split PDF page. Shared PDF CSS (comprimir-pdf.css) stays; this file only restyles this page. */
.spdf-page {
  --spdf-ink: #172033;
  --spdf-body: #3d4658;
  --spdf-muted: #64748b;
  --spdf-line: #e3e9f1;
  --spdf-blue: #2563eb;
  --spdf-blue-dark: #1d4ed8;
  --spdf-aside-w: 240px;
  --spdf-side-w: 300px;
  display: grid;
  grid-template-columns: var(--spdf-aside-w) minmax(0, 1fr);
  gap: 18px 22px;
  align-items: start;
  margin: 4px 0 28px;
}

/* ---------- Left column ---------- */
.spdf-aside {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  padding-top: 18px;
}

.spdf-title {
  margin: 0 0 14px;
  font-size: clamp(2rem, 2.8vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--spdf-ink);
}

.article .spdf-lede {
  margin: 0 0 22px;
  color: var(--spdf-body);
  font-size: 0.98rem;
  line-height: 1.5;
}

.article .spdf-perks {
  display: grid;
  gap: 16px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

.article .spdf-perks li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  color: var(--spdf-body);
  font-size: 0.84rem;
  line-height: 1.35;
}

.article .spdf-perks li::before { content: none; }

.spdf-perks strong {
  display: block;
  color: var(--spdf-ink);
  font-size: 0.9rem;
  font-weight: 800;
}

.spdf-perk {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #fff center / 20px no-repeat;
}

.spdf-perk.is-free {
  background-color: #dcfce7;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2316a34a' d='M12 2 9.6 4.1 6.4 3.8 5.6 6.9 2.8 8.5 4 11.5l-1.2 3 2.8 1.6.8 3.1 3.2-.3L12 21l2.4-2.1 3.2.3.8-3.1 2.8-1.6-1.2-3 1.2-3-2.8-1.6-.8-3.1-3.2.3z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m8.3 11.8 2.6 2.6 4.9-5'/%3E%3C/svg%3E");
}

.spdf-perk.is-fast {
  background-color: #ffe4e6;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e11d48' d='M13.5 2 4.5 13.5h6.2L9.8 22l9-11.5h-6.2z'/%3E%3C/svg%3E");
}

.spdf-perk.is-where {
  background-color: #dbeafe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

.spdf-perk.is-pages {
  background-color: #ede9fe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237c3aed' d='M7 2h7l5 5v13a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath fill='%23fff' d='M13 3.2V8h4.8zM8 12h8v1.4H8zm0 3h5.2V16.4H8z'/%3E%3C/svg%3E");
}

.article img.spdf-art {
  display: block;
  width: calc(100% + 24px);
  max-width: 320px;
  height: auto;
  margin: 26px 0 0 -18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

/* ---------- App ---------- */
body.page-dividir-pdf-online .cpdf-app {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body.page-dividir-pdf-online .cpdf-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--spdf-side-w);
  gap: 14px 16px;
  align-items: stretch;
  border: 0;
}

body.page-dividir-pdf-online .cpdf-toolbar {
  grid-column: 1 / -1;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--spdf-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(30, 50, 90, 0.05);
}

body.page-dividir-pdf-online .cpdf-toolbar::before { content: none; }

body.page-dividir-pdf-online .cpdf-app .cpdf-btn {
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid var(--spdf-line);
  border-radius: 10px;
  background: #fff;
  color: var(--spdf-ink);
  font-size: 0.84rem;
  font-weight: 750;
  box-shadow: none;
}

body.page-dividir-pdf-online .cpdf-app .cpdf-btn:hover:not(:disabled) {
  border-color: #bfd3f5;
  background: #f8fbff;
}

body.page-dividir-pdf-online .cpdf-app .cpdf-btn:disabled {
  background: #fff;
  color: var(--spdf-ink);
  opacity: 0.55;
}

body.page-dividir-pdf-online .cpdf-btn-icon {
  width: 18px;
  height: 18px;
  flex: none;
  fill: currentColor;
}

body.page-dividir-pdf-online .cpdf-btn-icon.spdf-stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.page-dividir-pdf-online .cpdf-app #spdf-btn-process,
body.page-dividir-pdf-online .cpdf-app #spdf-btn-process:disabled {
  border-color: #c7dafc;
  background: #e8f0fe;
  color: var(--spdf-blue-dark);
}

body.page-dividir-pdf-online .cpdf-app #spdf-btn-process:disabled { opacity: 0.8; }

/* ---------- Main column ---------- */
body.page-dividir-pdf-online .cpdf-main {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-right: 0;
  background: transparent;
  box-shadow: none;
}

body.page-dividir-pdf-online .spdf-board {
  padding: 14px 14px 16px;
  border: 1px solid var(--spdf-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(30, 50, 90, 0.05);
}

body.page-dividir-pdf-online .cpdf-drop {
  gap: 10px;
  min-height: 0;
  padding: 30px 18px 28px;
  border: 1.5px dashed #7aa7f5;
  border-radius: 14px;
  background: #f5f9ff;
  text-align: center;
}

body.page-dividir-pdf-online .cpdf-drop:hover,
body.page-dividir-pdf-online .cpdf-drop.is-dragover {
  border-color: var(--spdf-blue);
  background: #eef4ff;
}

body.page-dividir-pdf-online .cpdf-drop-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 4px;
  border: 1px solid #e6edf8;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
}

body.page-dividir-pdf-online .cpdf-drop-icon svg { width: 32px; height: 32px; }

body.page-dividir-pdf-online .cpdf-drop-title {
  color: var(--spdf-ink);
  font-size: 1.12rem;
  font-weight: 800;
}

body.page-dividir-pdf-online .cpdf-drop-hint {
  max-width: none;
  color: var(--spdf-muted);
  font-size: 0.8rem;
}

body.page-dividir-pdf-online .cpdf-drop-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

body.page-dividir-pdf-online .cpdf-app .cpdf-drop-cta,
body.page-dividir-pdf-online .cpdf-app .spdf-go {
  border-color: var(--spdf-blue-dark);
  background: linear-gradient(180deg, #2f6ff0, #1d5ad6);
  color: #fff;
  box-shadow: 0 8px 18px rgba(29, 78, 216, 0.22);
}

body.page-dividir-pdf-online .cpdf-app .cpdf-drop-cta:hover,
body.page-dividir-pdf-online .cpdf-app .spdf-go:hover:not(:disabled) {
  background: linear-gradient(180deg, #2a64dc, #1a4fbd);
}

body.page-dividir-pdf-online .cpdf-app .cpdf-drop-cta { min-height: 44px; margin: 0; padding: 0 20px; }
body.page-dividir-pdf-online .cpdf-app #spdf-btn-sample { min-height: 44px; }

#spdf-drop-card[hidden],
#spdf-files[hidden] { display: none !important; }

.spdf-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 16px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .spdf-cards > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .spdf-cards > li::before,
.article .spdf-cards > li::marker { content: none; }

.spdf-file-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.spdf-file-card.is-error .spdf-sheet { border-color: #fca5a5; }
.spdf-file-card.is-error .spdf-card-meta { color: #dc2626; }
.spdf-file-card.is-loading .spdf-sheet-fallback { animation: spdf-pulse 1s ease-in-out infinite; }

@keyframes spdf-pulse { 50% { opacity: 0.45; } }

.spdf-sheet {
  position: relative;
  aspect-ratio: 1 / 1.32;
  overflow: hidden;
  border: 1px solid var(--spdf-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(30, 50, 90, 0.08);
}

.spdf-sheet-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  background: #fff;
  pointer-events: none;
}

.spdf-sheet-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff, #f8fafc);
  color: #dc2626;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.spdf-card-n,
.spdf-card-x,
.spdf-card-dl { position: absolute; z-index: 1; }

.spdf-card-n {
  top: 8px;
  left: 8px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--spdf-blue);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
}

.spdf-card-x,
.spdf-card-dl {
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid var(--spdf-line);
  border-radius: 50%;
  background: #fff;
  font-size: 1.05rem;
  line-height: 1;
  cursor: pointer;
}

.spdf-card-x {
  color: #dc2626;
  opacity: 0;
}

.spdf-card-dl { color: var(--spdf-blue-dark); font-weight: 800; }

.spdf-file-card:hover .spdf-card-x,
.spdf-file-card:focus-within .spdf-card-x,
.spdf-file-card.is-error .spdf-card-x { opacity: 1; }

@media (hover: none) {
  .spdf-card-x { opacity: 1; }
}

.spdf-card-name {
  overflow: hidden;
  color: var(--spdf-ink);
  font-size: 0.78rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spdf-card-meta {
  margin-top: -2px;
  color: var(--spdf-muted);
  font-size: 0.7rem;
  line-height: 1.3;
}

.spdf-add-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  aspect-ratio: 1 / 1.32;
  border: 1.5px dashed #7aa7f5;
  border-radius: 12px;
  background: #f5f9ff;
  color: var(--spdf-blue-dark);
  font-size: 0.84rem;
  font-weight: 800;
  cursor: pointer;
}

.spdf-add-card:hover:not(:disabled) {
  border-color: var(--spdf-blue);
  background: #eef4ff;
}

.spdf-add-plus {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e3edfd;
  font-size: 1.45rem;
  line-height: 1;
}

body.page-dividir-pdf-online .cpdf-fields {
  gap: 22px;
  margin-top: 18px;
  padding: 0 4px;
}

body.page-dividir-pdf-online .cpdf-field { gap: 10px; }

body.page-dividir-pdf-online .spdf-sec-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--spdf-ink);
  font-size: 0.95rem;
  font-weight: 800;
}

.spdf-opt { color: var(--spdf-muted); font-weight: 650; }

.spdf-sec-ico {
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 8px;
  background: #e8f0fe center / 17px no-repeat;
}

.spdf-sec-ico.is-gear {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M19.14 12.94a7.07 7.07 0 0 0 0-1.88l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96a7.03 7.03 0 0 0-1.62-.94l-.36-2.54A.48.48 0 0 0 13.93 2h-3.84a.48.48 0 0 0-.48.41l-.36 2.54c-.59.24-1.13.56-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.73 8.47a.48.48 0 0 0 .12.61l2.03 1.58a7.07 7.07 0 0 0 0 1.88l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.25.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z'/%3E%3C/svg%3E");
}

.spdf-sec-ico.is-stack,
.spdf-mode-ico.is-stack {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='m12 2 10 5-10 5L2 7z'/%3E%3Cpath fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m2 12 10 5 10-5M2 17l10 5 10-5'/%3E%3C/svg%3E");
}

.spdf-sec-ico.is-list,
.spdf-mode-ico.is-list {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E");
}

.spdf-mode-ico.is-page {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

body.page-dividir-pdf-online #spdf-field-chunks,
body.page-dividir-pdf-online #spdf-field-ranges {
  padding-left: 38px;
}

body.page-dividir-pdf-online #spdf-field-chunks > .spdf-sec-label,
body.page-dividir-pdf-online #spdf-field-ranges > .spdf-sec-label {
  margin-left: -38px;
}

body.page-dividir-pdf-online .cpdf-presets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.page-dividir-pdf-online .cpdf-preset {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px;
  border: 1px solid var(--spdf-line);
  border-radius: 12px;
  background: #f8fafd;
  color: var(--spdf-ink);
  text-align: left;
  box-shadow: none;
}

body.page-dividir-pdf-online .cpdf-preset:hover { border-color: #bfd3f5; background: #f3f7ff; }

body.page-dividir-pdf-online .cpdf-preset.is-active {
  border-color: #5b8ff5;
  background: #eef4ff;
  box-shadow: 0 0 0 1px #5b8ff5 inset;
}

body.page-dividir-pdf-online .cpdf-preset strong {
  display: block;
  color: var(--spdf-ink);
  font-size: 0.86rem;
  font-weight: 800;
}

body.page-dividir-pdf-online .cpdf-preset.is-active strong { color: var(--spdf-blue-dark); }

body.page-dividir-pdf-online .cpdf-preset small {
  display: block;
  margin-top: 2px;
  color: var(--spdf-muted);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
}

.spdf-mode-ico {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 10px;
  background: #e8eefb center / 20px no-repeat;
}

.cpdf-preset.is-active .spdf-mode-ico { background-color: #fff; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.12); }

.spdf-slider-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

body.page-dividir-pdf-online .cpdf-slider {
  flex: 1 1 auto;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--spdf-blue) 0 var(--spdf-fill, 5%), #dde6f3 var(--spdf-fill, 5%) 100%);
}

body.page-dividir-pdf-online .cpdf-slider::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--spdf-blue);
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.35);
}

body.page-dividir-pdf-online .cpdf-slider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--spdf-blue);
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.35);
}

body.page-dividir-pdf-online .spdf-chunk-box {
  display: grid;
  place-items: center;
  width: 56px;
  height: 42px;
  flex: none;
  border: 1px solid var(--spdf-line);
  border-radius: 10px;
  background: #fff;
  color: var(--spdf-ink);
  font-size: 1rem;
  font-weight: 800;
}

body.page-dividir-pdf-online .cpdf-hint {
  color: var(--spdf-muted);
  font-size: 0.76rem;
}

body.page-dividir-pdf-online .cpdf-input {
  min-height: 46px;
  padding: 0 14px;
  border-color: var(--spdf-line);
  border-radius: 10px;
  font-size: 0.92rem;
}

body.page-dividir-pdf-online .cpdf-app .spdf-go {
  width: 100%;
  min-height: 54px;
  margin-top: 0;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 800;
}

@media (min-width: 981px) {
  body.page-dividir-pdf-online .spdf-action {
    position: sticky;
    top: 123px;
    z-index: 41;
  }

  /* Flush with the toolbar so the page background does not show in the seam. */
  body.page-dividir-pdf-online .spdf-action.is-stuck {
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
  }
}

body.page-dividir-pdf-online .cpdf-app .spdf-go:disabled { opacity: 0.6; }
body.page-dividir-pdf-online .cpdf-app .spdf-go .cpdf-btn-icon { width: 20px; height: 20px; }

/* ---------- Side cards ---------- */
body.page-dividir-pdf-online .cpdf-side {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0;
  background: transparent;
  /* Let the sticky action card paint above the toolbar. The shared
     .cpdf-side z-index traps it and the toolbar shadow shows through. */
  position: static;
  z-index: auto;
}

body.page-dividir-pdf-online .cpdf-card {
  padding: 16px;
  border: 1px solid var(--spdf-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(30, 50, 90, 0.04);
}

body.page-dividir-pdf-online .cpdf-card-label {
  gap: 10px;
  margin-bottom: 12px;
  opacity: 1;
  color: var(--spdf-ink);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.spdf-card-ico {
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 9px;
  background: #e8f0fe center / 18px no-repeat;
}

.spdf-card-ico.is-chart {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M6 19v-5M12 19V9M18 19V5'/%3E%3C/svg%3E");
}

.spdf-card-ico.is-bulb {
  background-color: transparent;
  background-size: 28px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5b400' d='M12 2a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2z'/%3E%3Cpath fill='%23d99a00' d='M9 19h6v1.2a1.8 1.8 0 0 1-1.8 1.8h-2.4A1.8 1.8 0 0 1 9 20.2z'/%3E%3C/svg%3E");
}

.spdf-card-ico.is-shield {
  background-color: transparent;
  background-size: 28px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2322a55a' d='M12 2 4 5v6c0 5 3.4 9.4 8 11 4.6-1.6 8-6 8-11V5z'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");
}

.spdf-card-ico.is-doc {
  background-color: #2563eb;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%232563eb' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

body.page-dividir-pdf-online .cpdf-stats { gap: 2px; }

body.page-dividir-pdf-online .cpdf-stat {
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.82rem;
}

body.page-dividir-pdf-online .cpdf-stat:nth-child(odd) { background: #f5f8fc; }
body.page-dividir-pdf-online .cpdf-stat-label { color: #475569; font-weight: 600; }
body.page-dividir-pdf-online .cpdf-stat-value { overflow-wrap: anywhere; text-align: right; }
body.page-dividir-pdf-online .cpdf-status:empty { display: none; }

body.page-dividir-pdf-online .cpdf-card.spdf-tips { background: #fff8e8; border-color: #f7e3b5; }
body.page-dividir-pdf-online .cpdf-card.spdf-info { background: #ecfaf1; border-color: #cdeeda; }
body.page-dividir-pdf-online .cpdf-card.spdf-uses { background: #f1f6ff; border-color: #dbe7fb; }

.article .spdf-steps,
.article .spdf-checks {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.article .spdf-steps { counter-reset: spdf; }

.article .spdf-steps li,
.article .spdf-checks li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 0;
  color: var(--spdf-body);
  font-size: 0.84rem;
  line-height: 1.4;
}

.article .spdf-steps li::before {
  counter-increment: spdf;
  content: counter(spdf);
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: none;
  border-radius: 50%;
  background: #fbbf24;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
}

.article .spdf-checks li::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: none;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2322a55a'/%3E%3Cpath d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat;
}

.spdf-use-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.spdf-use-row button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-height: 92px;
  padding: 12px 6px;
  border: 1px solid #e3ebf8;
  border-radius: 12px;
  background: #fff;
  color: var(--spdf-ink);
  font: inherit;
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.spdf-use-row button:hover {
  border-color: #bfd3f5;
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.1);
}

.spdf-use-ico {
  width: 32px;
  height: 32px;
  flex: none;
  border-radius: 50%;
  background: var(--spdf-u-bg) center / 16px no-repeat;
  background-image: var(--spdf-u-img);
}

.spdf-use-ico.is-pink {
  --spdf-u-bg: #fce7f3;
  --spdf-u-img: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23db2777' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

.spdf-use-ico.is-blue {
  --spdf-u-bg: #dbeafe;
  --spdf-u-img: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232563eb' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}

.spdf-use-ico.is-green {
  --spdf-u-bg: #dcfce7;
  --spdf-u-img: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2316a34a' d='M14 2H6.5A2.5 2.5 0 0 0 4 4.5v15A2.5 2.5 0 0 0 6.5 22h11a2.5 2.5 0 0 0 2.5-2.5V8z'/%3E%3Cpath fill='%23fff' d='M8 12h8v1.6H8zm0 3.4h6V17H8z'/%3E%3C/svg%3E");
}


/* ---------- Below the studio ---------- */
body.page-dividir-pdf-online [data-pdf-features-slot],
body.page-dividir-pdf-online .cpdf-app > .cpdf-features,
body.page-dividir-pdf-online .cpdf-app > .cpdf-success,
body.page-dividir-pdf-online .cpdf-app > .cpdf-progress-wrap {
  grid-column: 1 / -1;
}



/* ---------- Breakpoints ---------- */
@media (min-width: 1360px) {
  .spdf-page {
    --spdf-stage-w: min(1600px, calc(100vw - 96px));
    --spdf-aside-w: clamp(250px, 16vw, 300px);
    --spdf-side-w: clamp(310px, 21vw, 380px);
    width: var(--spdf-stage-w);
    margin-left: calc((100% - var(--spdf-stage-w)) / 2);
    column-gap: 26px;
  }
}

@media (max-width: 1180px) {
  .spdf-page { --spdf-aside-w: 210px; --spdf-side-w: 270px; }
  body.page-dividir-pdf-online .cpdf-preset { flex-direction: column; align-items: flex-start; gap: 8px; }
}

@media (max-width: 980px) {
  .spdf-page { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.spdf-action-pinned .spdf-action {
    position: fixed;
    top: auto;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    left: 12px;
    z-index: 40;
    margin: 0;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);
  }
  body.spdf-action-pinned .spdf-page { padding-bottom: 148px; }
  body.spdf-action-pinned .cpdf-main { padding-bottom: 168px; }
  .spdf-aside { padding-top: 0; }
  .article .spdf-lede { margin-bottom: 0; }
  .article .spdf-perks,
  .article img.spdf-art { display: none; }
  body.page-dividir-pdf-online .cpdf-app { gap: 12px; }
  body.page-dividir-pdf-online .cpdf-shell { grid-template-columns: minmax(0, 1fr); }
  body.page-dividir-pdf-online .cpdf-toolbar,
  body.page-dividir-pdf-online .cpdf-main,
  body.page-dividir-pdf-online .cpdf-side,
  body.page-dividir-pdf-online .cpdf-app > .cpdf-features,
  body.page-dividir-pdf-online .cpdf-app > .cpdf-success,
  body.page-dividir-pdf-online .cpdf-app > .cpdf-progress-wrap { grid-column: 1; grid-row: auto; }
  body.page-dividir-pdf-online .cpdf-preset { flex-direction: row; align-items: center; }
}

@media (max-width: 640px) {
  body.page-dividir-pdf-online .cpdf-success-body { flex-basis: auto; }
  .spdf-title { font-size: 1.9rem; }
  .article .spdf-lede { font-size: 0.94rem; }
  body.page-dividir-pdf-online .cpdf-toolbar { gap: 6px; padding: 8px; }
  body.page-dividir-pdf-online .cpdf-toolbar .cpdf-btn { flex: 1 1 auto; padding: 0 10px; font-size: 0.8rem; }
  body.page-dividir-pdf-online .cpdf-toolbar-spacer { display: none; }
  body.page-dividir-pdf-online #spdf-btn-pick { display: none; }
  body.page-dividir-pdf-online .spdf-board { padding: 10px 10px 12px; }
  body.page-dividir-pdf-online .cpdf-main { gap: 12px; }
  .spdf-cards {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: 12px 8px;
  }
  body.page-dividir-pdf-online .cpdf-drop { padding: 20px 12px; }
  body.page-dividir-pdf-online .cpdf-drop-icon { width: 50px; height: 50px; }
  body.page-dividir-pdf-online .cpdf-drop-title { font-size: 1rem; }
  body.page-dividir-pdf-online .cpdf-fields { padding: 0; }
  body.page-dividir-pdf-online .cpdf-presets { gap: 6px; }
  body.page-dividir-pdf-online .cpdf-preset {
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-height: 0;
    padding: 10px 4px;
    text-align: center;
  }
  body.page-dividir-pdf-online .cpdf-preset small { display: none; }
  body.page-dividir-pdf-online .cpdf-preset strong { font-size: 0.78rem; }
  body.page-dividir-pdf-online #spdf-field-chunks,
  body.page-dividir-pdf-online #spdf-field-ranges { padding-left: 0; }
  body.page-dividir-pdf-online #spdf-field-chunks > .spdf-sec-label,
  body.page-dividir-pdf-online #spdf-field-ranges > .spdf-sec-label { margin-left: 0; }
  .spdf-use-row button { min-height: 84px; font-size: 0.7rem; }
}

/* ---------- Dark mode ---------- */
html[data-theme="dark"] .spdf-title,
html[data-theme="dark"] .spdf-perks strong,
html[data-theme="dark"] body.page-dividir-pdf-online .spdf-sec-label,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-card-label,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-drop-title,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-preset strong { color: #f8fafc; }

html[data-theme="dark"] .article .spdf-lede,
html[data-theme="dark"] .article .spdf-perks li,
html[data-theme="dark"] .article .spdf-steps li,
html[data-theme="dark"] .article .spdf-checks li,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-stat-label { color: #cbd5e1; }

html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-toolbar,
html[data-theme="dark"] body.page-dividir-pdf-online .spdf-board,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-card,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-app .cpdf-btn:not(.cpdf-drop-cta):not(.spdf-go):not(#spdf-btn-process),
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-preset,
html[data-theme="dark"] body.page-dividir-pdf-online .spdf-chunk-box,
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-input,
html[data-theme="dark"] .spdf-use-row button {
  background-color: #1e293b;
  border-color: #334155;
  color: #e2e8f0;
}
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-slider {
  background: linear-gradient(90deg, var(--spdf-blue) 0 var(--spdf-fill, 5%), #334155 var(--spdf-fill, 5%) 100%);
}
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-drop { background: #0f1b33; border-color: #3b5b99; }
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-preset.is-active { background: #16264a; border-color: #5b8ff5; }
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-stat:nth-child(odd) { background: #0f172a; }
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-card.spdf-tips { background: #2a2416; border-color: #4a3d1c; }
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-card.spdf-info { background: #13261c; border-color: #1f4030; }
html[data-theme="dark"] body.page-dividir-pdf-online .cpdf-card.spdf-uses { background: #152033; border-color: #243452; }
html[data-theme="dark"] .spdf-sheet,
html[data-theme="dark"] .spdf-sheet-img,
html[data-theme="dark"] .spdf-card-x,
html[data-theme="dark"] .spdf-card-dl,
html[data-theme="dark"] .spdf-sheet-fallback { background: #0f172a; border-color: #334155; }
html[data-theme="dark"] .spdf-card-name { color: #f8fafc; }
html[data-theme="dark"] .spdf-add-card { background: #0f1b33; border-color: #3b5b99; color: #93c5fd; }
html[data-theme="dark"] .spdf-add-plus { background: #1b2d52; }