/* Fichas de usadas · con la fotografía y la decisión en primer plano. */
.used-page {
  --ink: #242320;
  --paper: #f5f2eb;
  --soft: #e9e3d8;
  --muted: #625e57;
  --line: #cfc8bc;
  --red: #d40810;
  background: var(--paper);
  color: var(--ink);
}
.used-page .pb-used-intro {
  --ink: #f5f2eb;
  --paper: #242320;
  --soft: #34312d;
  --muted: #c8c1b5;
  --line: #635d53;
  width: 100%;
  background: #242320;
  color: var(--ink);
}
.used-page .used-heading { padding-top: 18px; padding-bottom: 28px; }
.used-page .breadcrumb { font-size: 12px; gap: 12px; }
.used-page .used-title-row { margin-top: 12px; align-items: baseline; }
.used-page .used-title-row h1 { font-size: clamp(48px, 5.6vw, 78px); line-height: .98; }
.used-page .used-title-row > p { color: var(--muted); font-size: 13px; padding: 0; }

/* The DOM order is photo, decision, thumbnails; the desktop grid keeps the photo index on the left. */
.used-page .used-product {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 1fr);
  grid-template-areas: "gallery decision" "thumbnails decision";
  gap: 12px 38px;
  align-items: start;
  padding-bottom: 46px;
}
.used-page .used-gallery { grid-area: gallery; min-width: 0; }
.used-page .used-photo-index { grid-area: thumbnails; min-width: 0; }
.used-page .used-main-photo { background: transparent; border-radius: 0; overflow: hidden; }
.used-page .used-photo-frame { aspect-ratio: 1600/1067; }
.used-page .used-photo-frame img { background: transparent; }
.used-page .used-gallery-tools { padding: 8px 0 0; min-height: 56px; gap: 8px 14px; }
.used-page .used-gallery-tools > p { flex: 1 1 120px; gap: 10px; font-size: 12px; line-height: 1.5; }
.used-page .used-gallery-tools .text-link { font-size: 12px; gap: 7px; }
.used-page .pb-photo-navigation { gap: 6px; }
.used-page .pb-photo-navigation button { border-color: var(--line); background: transparent; color: var(--ink); }
.used-page .pb-photo-navigation button:not(:disabled):hover { background: var(--soft); border-color: var(--ink); }
.used-page .pb-photo-navigation button:disabled { opacity: .4; cursor: default; }
.used-page .used-thumbs {
  grid-auto-columns: minmax(80px, calc((100% - 50px)/6));
  gap: 10px;
  padding: 0 0 10px;
  scrollbar-color: #8d877d var(--soft);
  scroll-padding-inline: 0;
}
.used-page .used-thumb { border: 0; padding: 0 0 6px; border-bottom: 2px solid transparent; }
.used-page .used-thumb img { border-radius: 0; background: transparent; }
.used-page .used-thumb span { margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.used-page .used-thumb[aria-current=true] { border-bottom-color: var(--red); }
.used-page .used-thumb[aria-current=true] span { color: var(--ink); }
.used-page .used-thumb:hover img { outline: 1px solid var(--ink); outline-offset: -1px; }
.used-page .used-photo-note { font-size: 12px; margin-top: 3px; color: var(--muted); }

.used-page .used-decision {
  --ink: #242320;
  --paper: #f5f2eb;
  --soft: #e9e3d8;
  --muted: #625e57;
  --line: #cfc8bc;
  grid-area: decision;
  align-self: start;
  padding: 28px;
  border: 0;
  border-radius: 12px;
  background: var(--soft);
  color: var(--ink);
  margin: 0;
}
.used-page .used-decision h2 { max-width: none; font-size: 30px; line-height: 1.1; }
.used-page .used-decision .used-decision-intro { font-size: 13px; line-height: 1.6; margin-top: 9px; }
.used-page .used-quick-facts { display: grid; grid-template-columns: .8fr 1.3fr; gap: 20px; margin-top: 22px; }
.used-page .used-quick-facts dt { font-size: 11px; line-height: 1.5; color: var(--muted); }
.used-page .used-quick-facts dd { margin-top: 5px; font: 600 32px/1 var(--display); font-variant-numeric: tabular-nums; }
.used-page .used-quick-facts dd span { font: 500 13px/1 var(--body); }
.used-page .used-decision .used-reading-note { font-size: 11px; line-height: 1.6; margin: 11px 0 0; max-width: 34ch; }
.used-page .used-decision > .pb-price--fiche { margin: 22px 0 12px; padding-top: 20px; border-top: 1px solid var(--line); }
.used-page .used-decision .pb-price-value { font-size: clamp(40px, 3.3vw, 52px); line-height: 1.05; }
.used-page .used-decision .pb-price--consult .pb-price-value { font: 600 30px/1.15 var(--display); letter-spacing: -.02em; }
.used-page .used-decision .pb-price-scope { font-size: 11px; color: var(--muted); margin-top: 7px; }
.used-page .used-decision .pb-price-validity { font-size: 11px; color: var(--muted); }
.used-page .used-decision .pb-price-details { margin-top: 4px; }
.used-page .used-decision .pb-price-details summary { font-size: 11px; min-height: 40px; }
.used-page .used-decision > .pb-availability {
  margin: 0 0 16px;
  padding: 0;
  background: transparent;
  gap: 9px;
  font-size: 12px;
}
.used-page .used-decision .pb-condition { font-size: 11px; padding-right: 9px; border-color: #b7b0a4; }
.used-page .used-decision .pb-stock-message { font-size: 12px; font-weight: 500; gap: 6px; }
.used-page .used-primary { margin-top: 0; min-height: 52px; border-radius: 12px; background: var(--ink); color: var(--paper); padding: 14px 18px; gap: 12px; font-size: 13px; }
.used-page .used-primary:hover { background: #403d37; }
.used-page .used-secondary { min-height: 44px; margin-top: 6px; font-size: 12px; gap: 9px; text-underline-offset: 4px; }
.used-page .used-secondary:hover { text-decoration: underline; }
.used-page .used-decision .used-assistance { margin-top: 13px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 11px; line-height: 1.7; max-width: none; }

.used-page .used-section-nav { min-height: 64px; padding-block: 8px; gap: 8px 32px; }
.used-page .used-section-nav a { font-size: 12px; }
.used-page .used-section-nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.used-page .used-unit { padding-top: 62px; padding-bottom: 62px; }
.used-page .used-section-heading { margin-bottom: 28px; }
.used-page .used-section-heading h2 { font-size: clamp(38px, 3.7vw, 54px); max-width: none; }
.used-page .used-unit-layout { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 44px; align-items: center; }
.used-page .used-evidence a { border-radius: 12px; overflow: hidden; background: #fff; }
.used-page .used-evidence img { background: #fff; }
.used-page .used-evidence figcaption { font-size: 11px; margin-top: 9px; }
.used-page .used-unit-data dl { border-top-color: var(--line); }
.used-page .used-unit-data dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); font-size: 13px; gap: 18px; padding-block: 16px; }
.used-page .used-unit-data > p { font-size: 12px; line-height: 1.8; }
.used-page .used-unit-data .text-link { font-size: 12px; }
.used-page .used-detail-pair { gap: 28px; margin-top: 36px; }
.used-page .used-detail-pair a { border-radius: 12px; overflow: hidden; background: #fff; }
.used-page .used-detail-pair img { background: #fff; }
.used-page .used-detail-pair figcaption { font-size: 12px; margin-top: 10px; }
.used-page .used-purchase { background: var(--soft); padding-top: 46px; padding-bottom: 46px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 48px; }
.used-page .used-purchase-intro h2 { font-size: clamp(36px, 3.5vw, 50px); max-width: none; }
.used-page .used-purchase-intro > p { margin-top: 16px; font-size: 13px; }
.used-page .used-purchase-topics { border-top-color: var(--line); }
.used-page .used-purchase details { border-color: var(--line); }
.used-page .used-purchase summary { font-size: 14px; }
.used-page .used-purchase details > p { font-size: 13px; }
.used-page .used-consultation { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 48px; padding-top: 62px; padding-bottom: 36px; }
.used-page .used-consultation > div:first-child { padding: 0; }
.used-page .used-consultation h2 { font-size: clamp(38px, 4vw, 58px); }
.used-page .used-consultation > div:first-child > p { font-size: 13px; margin-top: 18px; }
.used-page .used-consultation textarea { background: #fffcf6; border-color: #b7b0a4; color: var(--ink); font-size: 14px; min-height: 230px; line-height: 1.75; }
.used-page .used-consultation .message-action { display: flex; flex-wrap: wrap; justify-content: start; gap: 12px; }
.used-page .used-consultation .message-action > span { width: 100%; max-width: none; flex-basis: 100%; font-size: 11px; }
.used-page .used-consultation .message-action > span br { display: none; }
.used-page .used-consultation .message-action .button { min-height: 48px; border-radius: 12px; font-size: 12px; padding-inline: 16px; }
.used-page .used-consultation .message-action [data-wa-draft] { background: var(--ink); color: var(--paper); }
.used-page .used-consultation .message-action [data-wa-draft]:hover { background: #403d37; }
.used-page .used-consultation .message-action [data-copy] { background: transparent; color: var(--ink); border-color: var(--line); }
.used-page .used-consultation .message-action [data-copy]:hover { background: var(--soft); }
.used-page .back-to-motos { padding-bottom: 44px; }
.used-page .back-to-motos .text-link { font-size: 12px; }
.used-page .used-lightbox { background: var(--paper); }
.used-page .used-lightbox::backdrop { background: rgb(36 35 32 / 90%); }
.used-page .used-lightbox-image { background: #fff; }
.used-page .used-lightbox button:hover { background: var(--soft); }
.used-page .used-error-actions button { border-radius: 12px; background: var(--ink); color: var(--paper); }
.used-page :is(a, button, summary, textarea):focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
.used-page .used-primary:focus-visible { outline-offset: 5px; }
.used-page ::selection { background: var(--red); color: #fff; }
.used-page textarea { caret-color: var(--ink); }

@media (max-width: 1100px) and (min-width: 761px) {
  .used-page .used-product { grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr); gap: 12px 24px; }
  .used-page .used-decision { padding: 22px; }
  .used-page .used-decision h2 { font-size: 28px; }
  .used-page .used-quick-facts { margin-top: 18px; gap: 16px; }
  .used-page .used-decision > .pb-price--fiche { margin-top: 18px; padding-top: 18px; }
  .used-page .used-thumbs { grid-auto-columns: 84px; }
  .used-page .used-unit-layout { gap: 30px; }
  .used-page .used-consultation { gap: 30px; }
}
@media (max-width: 760px) {
  .used-page .used-heading { padding-top: 9px; padding-bottom: 20px; }
  .used-page .breadcrumb { font-size: 11px; gap: 8px; }
  .used-page .used-title-row { display: block; margin-top: 7px; }
  .used-page .used-title-row h1 { font-size: clamp(44px, 11.5vw, 70px); white-space: normal; }
  .used-page .used-title-row > p { margin-top: 10px; font-size: 12px; }
  .used-page .used-product { grid-template-columns: minmax(0, 1fr); grid-template-areas: "gallery" "decision" "thumbnails"; gap: 16px; padding-bottom: 32px; }
  .used-page .used-gallery-tools { gap: 6px 10px; min-height: 54px; padding-top: 6px; }
  .used-page .used-gallery-tools > p { font-size: 11px; flex-basis: 110px; gap: 7px; }
  .used-page .used-gallery-tools .text-link { font-size: 11px; gap: 5px; }
  .used-page .pb-photo-navigation { gap: 5px; }
  .used-page .used-decision { padding: 22px; }
  .used-page .used-decision h2,
  .used-page .used-decision .used-decision-intro { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
  .used-page .used-quick-facts { grid-template-columns: .8fr 1.3fr; margin-top: 0; gap: 16px; }
  .used-page .used-quick-facts dd { font-size: 32px; }
  .used-page .used-decision .used-reading-note { margin-top: 10px; font-size: 11px; max-width: none; }
  .used-page .used-decision > .pb-price--fiche { margin-top: 16px; padding-top: 16px; margin-bottom: 10px; }
  .used-page .used-decision .pb-price-value { font-size: 44px; }
  .used-page .used-decision .pb-price--consult .pb-price-value { font-size: 30px; }
  .used-page .used-decision > .pb-availability { margin-bottom: 14px; }
  .used-page .used-primary { min-height: 52px; }
  .used-page .used-decision .used-assistance { margin-top: 10px; padding-top: 12px; }
  .used-page .used-photo-index { margin-top: 2px; }
  .used-page .used-thumbs { grid-auto-columns: 88px; gap: 10px; }
  .used-page .used-photo-note { font-size: 11px; }
  .used-page .used-section-nav { gap: 0 22px; min-height: 62px; }
  .used-page .used-section-nav a { font-size: 11px; }
  .used-page .used-unit { padding-top: 40px; padding-bottom: 40px; }
  .used-page .used-section-heading { margin-bottom: 22px; }
  .used-page .used-section-heading h2 { font-size: 40px; }
  .used-page .used-unit-layout { display: block; }
  .used-page .used-unit-data { margin-top: 24px; }
  .used-page .used-unit-data dl > div { font-size: 12px; padding-block: 14px; }
  .used-page .used-unit-data > p { font-size: 12px; }
  .used-page .used-detail-pair { gap: 24px; margin-top: 28px; }
  .used-page .used-purchase { display: block; padding-block: 36px; }
  .used-page .used-purchase-intro h2 { font-size: 40px; }
  .used-page .used-purchase-intro > p { margin-top: 14px; font-size: 12px; }
  .used-page .used-purchase-topics { margin-top: 24px; }
  .used-page .used-purchase summary { font-size: 13px; }
  .used-page .used-purchase details > p { font-size: 12px; }
  .used-page .used-consultation { display: block; padding-top: 42px; padding-bottom: 30px; }
  .used-page .used-consultation h2 { font-size: 44px; }
  .used-page .used-consultation textarea { font-size: 16px; }
  .used-page .used-consultation .message-action .button { min-height: 50px; }
  .used-page .back-to-motos { padding-bottom: 34px; }
}
@media (max-width: 430px) {
  .used-page .used-gallery-tools > p { flex-basis: calc(100% - 108px); }
  .used-page .used-gallery-tools > .text-link { display: none; }
  .used-page .used-main-photo { cursor: zoom-in; }
  .used-page .used-decision { padding: 20px; }
  .used-page .used-consultation .message-action .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .used-page * { scroll-behavior: auto !important; transition: none !important; }
}
@media(max-width:760px){
 .used-page .used-heading{padding-top:4px;padding-bottom:12px}
 .used-page .used-title-row{margin-top:4px}
 .used-page .used-product{gap:12px}
 .used-page .used-gallery-tools{min-height:48px;padding-top:3px}
 .used-page .used-decision{padding:16px}
}