/* Diseño claro del detalle de sobre cerrado. Todo va bajo .rc-sc-detalle para no afectar otras páginas
   y para ganarle al "preflight" de Tailwind (que también carga esta página). */
.rc-sc-detalle {
    --sc-red: #f00020;
    --sc-red-dark: #c4001a;
    --sc-red-soft: #fff1f3;
    --sc-red-border: #ffd6dd;
    --sc-ink: #141c2b;
    --sc-text: #2a3647;
    --sc-muted: #6b788c;
    --sc-border: #e8edf4;
    --sc-bg: #f6f8fb;
    --sc-green: #0f9d63;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--sc-bg);
    color: var(--sc-text);
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
html:has(body.rc-sc-detalle) { background: #f6f8fb; }

/* min-width: 0 en toda la cadena: si no, el ancho del carrusel (Slick) estira la página en celular. */
.rc-sc-detalle .sc-shell { flex: 1 0 auto; width: 100%; min-width: 0; max-width: 1400px; margin: 0 auto; padding: 22px 40px 56px; }

/* ── Breadcrumb ── */
.rc-sc-detalle .sc-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 20px; font-size: 14px; color: var(--sc-muted); }
.rc-sc-detalle .sc-breadcrumb a { color: var(--sc-muted); text-decoration: none; transition: color .15s; }
.rc-sc-detalle .sc-breadcrumb a:hover { color: var(--sc-red); }
.rc-sc-detalle .sc-breadcrumb a i { margin-right: 6px; color: #334155; }
.rc-sc-detalle .sc-breadcrumb-sep { font-size: 10px; color: #a0abbb; }
.rc-sc-detalle .sc-breadcrumb span { color: var(--sc-text); font-weight: 600; max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Distribución ── */
.rc-sc-detalle .sc-layout { min-width: 0; display: grid; grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.rc-sc-detalle .sc-col-main { display: flex; flex-direction: column; gap: 26px; min-width: 0; }
.rc-sc-detalle .sc-col-side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.rc-sc-detalle .sc-side-offer { display: flex; flex-direction: column; gap: 16px; }

/* ── Galería ── */
.rc-sc-detalle .sc-gallery-card { background: #fff; border: 1px solid var(--sc-border); border-radius: 16px; padding: 10px; box-shadow: 0 10px 30px rgba(20, 35, 60, .06); min-width: 0; }
.rc-sc-detalle .sc-gallery { position: relative; min-width: 0; border-radius: 12px; overflow: hidden; background: #f3f5f8; }
.rc-sc-detalle .sc-gallery-img { display: block; width: 100%; height: clamp(300px, 38vw, 520px); object-fit: contain; background: #f3f5f8; cursor: zoom-in; }
.rc-sc-detalle .lot-carousel:not(.slick-initialized) > div:not(:first-child) { display: none; }
.rc-sc-detalle .lot-carousel .slick-slide > div { line-height: 0; }
.rc-sc-detalle .sc-gallery-badge { position: absolute; z-index: 5; top: 16px; left: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: var(--sc-red); color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .02em; box-shadow: 0 6px 16px rgba(240, 0, 32, .3); pointer-events: none; }
.rc-sc-detalle .sc-gallery-count { position: absolute; z-index: 5; top: 16px; right: 16px; display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px; background: rgba(17, 24, 39, .74); color: #fff; font-size: 12px; font-weight: 700; pointer-events: none; }
.rc-sc-detalle .sc-arrow { position: absolute; top: 50%; z-index: 4; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 0; border-radius: 50%; background: #fff; color: #2558d6; font-size: 16px; box-shadow: 0 6px 18px rgba(15, 23, 42, .18); cursor: pointer; transition: transform .15s, color .15s; }
.rc-sc-detalle .sc-arrow:hover { color: var(--sc-red); transform: translateY(-50%) scale(1.06); }
.rc-sc-detalle .sc-arrow--prev { left: 18px; }
.rc-sc-detalle .sc-arrow--next { right: 18px; }
.rc-sc-detalle .sc-gallery-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: clamp(300px, 38vw, 520px); color: var(--sc-muted); font-weight: 600; }
.rc-sc-detalle .sc-gallery-empty img { max-width: 180px; opacity: .85; }

.rc-sc-detalle .sc-thumbs-wrap { display: flex; align-items: center; gap: 6px; margin-top: 10px; }
.rc-sc-detalle .sc-thumbs { display: flex; flex: 1; gap: 10px; min-width: 0; padding: 2px; overflow-x: auto; scrollbar-width: none; }
.rc-sc-detalle .sc-thumbs::-webkit-scrollbar { display: none; }
.rc-sc-detalle .sc-thumb { flex: 0 0 auto; width: 104px; height: 78px; padding: 0; border: 2px solid transparent; border-radius: 9px; overflow: hidden; background: #f3f5f8; box-shadow: 0 0 0 1px var(--sc-border); cursor: pointer; opacity: .9; transition: opacity .15s, border-color .15s; }
.rc-sc-detalle .sc-thumb:hover { opacity: 1; }
.rc-sc-detalle .sc-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rc-sc-detalle .sc-thumb.is-active { border-color: var(--sc-red); box-shadow: none; opacity: 1; }
.rc-sc-detalle .sc-thumbs-next { flex: 0 0 32px; height: 78px; border: 0; background: transparent; color: #1f2937; font-size: 16px; cursor: pointer; }
.rc-sc-detalle .sc-thumbs-next:hover { color: var(--sc-red); }
.rc-sc-detalle .sc-thumbs-next[hidden] { display: none; }

/* ── Tarjetas de información ── */
.rc-sc-detalle .sc-info-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.rc-sc-detalle .sc-card { background: #fff; border: 1px solid var(--sc-border); border-radius: 16px; padding: 24px; box-shadow: 0 8px 24px rgba(20, 35, 60, .05); min-width: 0; }
.rc-sc-detalle .sc-card-title { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 18px; font-weight: 800; color: var(--sc-ink); }
.rc-sc-detalle .sc-card-title-icon { color: var(--sc-red); font-size: 22px; }

.rc-sc-detalle .sc-info-list { margin: 0; }
.rc-sc-detalle .sc-info-row { display: grid; grid-template-columns: minmax(0, 55%) minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #eef2f7; }
.rc-sc-detalle .sc-info-row:last-child { border-bottom: 0; padding-bottom: 0; }
.rc-sc-detalle .sc-info-row dt { display: flex; align-items: center; gap: 12px; font-size: 13.5px; font-weight: 700; color: #263244; }
.rc-sc-detalle .sc-info-row dd { margin: 0; font-size: 14px; line-height: 1.55; color: #4a5568; overflow-wrap: anywhere; }
.rc-sc-detalle .sc-info-row dd strong { color: var(--sc-ink); font-weight: 800; }
.rc-sc-detalle .sc-row-icon { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; height: 36px; border-radius: 9px; font-size: 15px; }
.rc-sc-detalle .sc-row-icon.is-red { background: #ffeef1; color: var(--sc-red); }
.rc-sc-detalle .sc-row-icon.is-green { background: #e5f8ee; color: #13a463; font-size: 12px; }
.rc-sc-detalle .sc-row-icon.is-orange { background: #fff1ea; color: #f04d1a; }
.rc-sc-detalle .sc-row-icon.is-blue { background: #eef2ff; color: #4f63e6; }
.rc-sc-detalle .sc-doc-link { color: var(--sc-red); font-weight: 700; text-decoration: none; }
.rc-sc-detalle .sc-doc-link:hover { text-decoration: underline; }

.rc-sc-detalle .sc-how { background: linear-gradient(180deg, #fff3f5, #fff9fa); border-color: #ffe0e5; }
.rc-sc-detalle .sc-how-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--sc-red); color: #fff; font-size: 14px; box-shadow: 0 0 0 5px #ffe0e5; }
.rc-sc-detalle .sc-steps { list-style: none; margin: 18px 0 0; padding: 0; }
.rc-sc-detalle .sc-steps li { position: relative; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding-bottom: 22px; }
.rc-sc-detalle .sc-steps li:last-child { padding-bottom: 0; }
.rc-sc-detalle .sc-steps li:not(:last-child)::before { content: ''; position: absolute; left: 18px; top: 40px; bottom: 4px; width: 2px; background: #ffd3da; }
.rc-sc-detalle .sc-step-num { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #ffe3e8; color: var(--sc-red); font-weight: 800; }
.rc-sc-detalle .sc-steps strong { display: block; margin-top: 2px; font-size: 15px; font-weight: 800; color: var(--sc-ink); }
.rc-sc-detalle .sc-steps p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--sc-muted); }

/* ── Columna derecha ── */
.rc-sc-detalle .sc-side-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.rc-sc-detalle .sc-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 7px; background: var(--sc-red); color: #fff; font-size: 12.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.rc-sc-detalle .sc-share { display: inline-flex; align-items: center; gap: 9px; padding: 11px 18px; border: 1px solid var(--sc-border); border-radius: 999px; background: #fff; color: var(--sc-ink); font-size: 14px; font-weight: 700; box-shadow: 0 6px 18px rgba(20, 35, 60, .08); cursor: pointer; transition: border-color .15s; }
.rc-sc-detalle .sc-share i { color: var(--sc-red); }
.rc-sc-detalle .sc-share:hover { border-color: #ffb3c0; }
.rc-sc-detalle .sc-title { margin: 0 0 12px; font-size: clamp(28px, 2.9vw, 42px); font-weight: 900; line-height: 1.08; letter-spacing: -.02em; color: var(--sc-ink); overflow-wrap: anywhere; }
.rc-sc-detalle .sc-intro { margin: 0 0 20px; font-size: 16px; line-height: 1.6; color: #5b6779; overflow-wrap: anywhere; }

.rc-sc-detalle .sc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rc-sc-detalle .sc-stat { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 14px 12px; border: 1px solid var(--sc-border); border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(20, 35, 60, .04); }
.rc-sc-detalle .sc-stat > div { min-width: 0; }
.rc-sc-detalle .sc-stat-icon { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; height: 40px; border-radius: 10px; font-size: 18px; }
.rc-sc-detalle .sc-stat-icon.is-red,
.rc-sc-detalle .sc-stat-icon.is-pink { background: #ffeef1; color: var(--sc-red); }
.rc-sc-detalle .sc-stat-icon.is-gold { background: #fff6df; color: #f5b400; }
.rc-sc-detalle .sc-stat small { display: block; margin-bottom: 3px; font-size: 12px; color: var(--sc-muted); }
.rc-sc-detalle .sc-stat strong { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.3; color: var(--sc-ink); overflow-wrap: break-word; }
.rc-sc-detalle .sc-stat strong.is-red { color: var(--sc-red); }

.rc-sc-detalle .sc-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 7px; font-size: 12px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }
.rc-sc-detalle .sc-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.rc-sc-detalle .sc-status.is-active { background: #e3f8ec; color: #0c8f55; }
.rc-sc-detalle .sc-status.is-won { background: #fff4d6; color: #a86b00; }
.rc-sc-detalle .sc-status.is-sold { background: #e9f2ff; color: #2558d6; }
.rc-sc-detalle .sc-status.is-closed { background: #fdeced; color: #c81e2e; }

.rc-sc-detalle .sc-notice { position: relative; display: flex; align-items: center; gap: 16px; padding: 24px; overflow: hidden; border: 1px solid var(--sc-red-border); border-radius: 16px; background: linear-gradient(120deg, #fff0f2, #ffe8ec); }
.rc-sc-detalle .sc-notice > div { position: relative; z-index: 1; }
.rc-sc-detalle .sc-notice-icon { flex: 0 0 40px; font-size: 26px; text-align: center; color: var(--sc-red); }
.rc-sc-detalle .sc-notice strong { display: block; font-size: 19px; font-weight: 900; color: #5c0a16; }
.rc-sc-detalle .sc-notice p { max-width: 420px; margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: #5b4b52; }
.rc-sc-detalle .sc-notice-mark { position: absolute; top: 50%; right: 22px; transform: translateY(-50%); font-size: 76px; color: rgba(240, 0, 32, .1); pointer-events: none; }

.rc-sc-detalle .sc-deadline { display: flex; align-items: center; gap: 18px; padding: 20px 24px; border: 1px solid #ffe1e6; border-radius: 16px; background: #fff5f6; }
.rc-sc-detalle .sc-deadline-icon { flex: 0 0 auto; font-size: 40px; color: var(--sc-red); }
.rc-sc-detalle .sc-deadline small { display: block; font-size: 14px; color: #4b5563; }
.rc-sc-detalle .sc-deadline strong { display: block; margin: 2px 0; font-size: 26px; font-weight: 900; line-height: 1.2; color: var(--sc-red); }
.rc-sc-detalle .sc-deadline p { margin: 0; font-size: 14px; color: var(--sc-muted); }

/* ── Panel de oferta ── */
.rc-sc-detalle .sc-offer { padding: 24px; border: 1px solid var(--sc-border); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(20, 35, 60, .05); }
.rc-sc-detalle .sc-label { display: block; margin: 0 0 10px; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #334155; }
.rc-sc-detalle .sc-label span { font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--sc-muted); }
.rc-sc-detalle .sc-amount { display: flex; align-items: stretch; overflow: hidden; border: 1.5px solid #dfe5ee; border-radius: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.rc-sc-detalle .sc-amount:focus-within,
.rc-sc-detalle .sc-form textarea:focus { border-color: var(--sc-red); box-shadow: 0 0 0 4px rgba(240, 0, 32, .1); outline: none; }
.rc-sc-detalle .sc-amount-prefix { display: flex; flex: 0 0 56px; align-items: center; justify-content: center; border-right: 1.5px solid #e5eaf1; background: #fafbfd; font-size: 22px; font-weight: 800; color: var(--sc-ink); }
.rc-sc-detalle .sc-amount input { flex: 1; min-width: 0; padding: 15px 18px; border: 0; outline: 0; background: transparent; font-size: 24px; font-weight: 800; color: var(--sc-ink); }
.rc-sc-detalle .sc-amount input::placeholder { color: #a5b1c2; font-weight: 700; }
.rc-sc-detalle .sc-hint { display: flex; align-items: center; gap: 8px; margin: 10px 0 22px; font-size: 13px; color: var(--sc-muted); }
.rc-sc-detalle .sc-hint i { color: #64748b; }
.rc-sc-detalle .sc-form textarea { display: block; width: 100%; min-height: 104px; padding: 14px 16px; border: 1.5px solid #dfe5ee; border-radius: 12px; font-family: inherit; font-size: 14px; color: var(--sc-ink); resize: vertical; transition: border-color .15s, box-shadow .15s; }
.rc-sc-detalle .sc-form textarea::placeholder { color: #a5b1c2; }
.rc-sc-detalle .sc-char-count { margin: 8px 0 18px; text-align: right; font-size: 12.5px; color: var(--sc-muted); }
.rc-sc-detalle .sc-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 17px 20px; border: 0; border-radius: 12px; background: linear-gradient(90deg, #f00020, #c4001a); color: #fff; font-size: 17px; font-weight: 800; box-shadow: 0 10px 24px rgba(240, 0, 32, .25); cursor: pointer; transition: transform .15s, box-shadow .15s; }
.rc-sc-detalle .sc-submit:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(240, 0, 32, .3); }
.rc-sc-detalle .sc-submit:disabled { opacity: .75; cursor: wait; transform: none; }
.rc-sc-detalle .sc-secure { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 14px 0 0; font-size: 13px; color: var(--sc-muted); }
.rc-sc-detalle .sc-secure i { color: #475569; }
.rc-sc-detalle .sc-rejected { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid #fecdd3; border-radius: 10px; background: #fff1f2; color: #b4122a; font-size: 13.5px; }
.rc-sc-detalle .sc-rejected i { margin-top: 2px; }

/* Estados del panel (enviada, ganada, contraoferta, sin sesión, cerrada) */
.rc-sc-detalle .sc-state { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.rc-sc-detalle .sc-state strong { font-size: 18px; font-weight: 800; color: var(--sc-ink); }
.rc-sc-detalle .sc-state p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--sc-muted); }
.rc-sc-detalle .sc-state-icon { margin-bottom: 4px; font-size: 30px; }
.rc-sc-detalle .sc-state.is-success .sc-state-icon { color: var(--sc-green); }
.rc-sc-detalle .sc-state.is-review .sc-state-icon { color: #7c3aed; }
.rc-sc-detalle .sc-state.is-login .sc-state-icon { color: var(--sc-red); }
.rc-sc-detalle .sc-state.is-closed .sc-state-icon { color: #64748b; }
.rc-sc-detalle .sc-state .sc-btn { margin-top: 8px; }
.rc-sc-detalle .sc-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.rc-sc-detalle .sc-state-quote { padding: 10px 12px; border-radius: 8px; background: #f8fafc; font-style: italic; }
.rc-sc-detalle .sc-state.is-pending .sc-btn { width: 100%; margin-top: 0; }
.rc-sc-detalle .sc-state.is-counter { align-items: stretch; text-align: left; }
.rc-sc-detalle .sc-state-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; padding-bottom: 12px; border-bottom: 1px solid #ede9fe; font-size: 17px; font-weight: 800; color: #6d28d9; }
.rc-sc-detalle .sc-counter-box { padding: 16px; border: 1px solid #e5e7eb; border-radius: 12px; background: #f8fafc; }
.rc-sc-detalle .sc-counter-box small { display: block; font-size: 13px; color: var(--sc-muted); }
.rc-sc-detalle .sc-counter-box strong { display: block; font-size: 30px; font-weight: 900; }
.rc-sc-detalle .sc-counter-box p { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: #fff; font-style: italic; color: #475569; }
.rc-sc-detalle .sc-counter-question { text-align: center; }
.rc-sc-detalle .sc-counter-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }

.rc-sc-detalle .sc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border: 0; border-radius: 10px; font-size: 14px; font-weight: 800; text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
.rc-sc-detalle .sc-btn.is-red { background: var(--sc-red); color: #fff; }
.rc-sc-detalle .sc-btn.is-red:hover { background: var(--sc-red-dark); }
.rc-sc-detalle .sc-btn.is-green { background: var(--sc-green); color: #fff; }
.rc-sc-detalle .sc-btn.is-green:hover { background: #0c8350; }
.rc-sc-detalle .sc-btn.is-purple { background: #7c3aed; color: #fff; }
.rc-sc-detalle .sc-btn.is-purple:hover { background: #6d28d9; }
.rc-sc-detalle .sc-btn.is-outline { border: 1.5px solid #e2e8f0; background: #fff; color: var(--sc-ink); }
.rc-sc-detalle .sc-btn.is-outline:hover { border-color: #ffb3c0; color: var(--sc-red); }
.rc-sc-detalle .sc-btn.is-disabled { background: #cbd5e1; color: #fff; cursor: not-allowed; }

.rc-sc-detalle .sc-shell :focus-visible { outline: 2px solid #ff8da0; outline-offset: 2px; }

/* ── Zoom de imagen y modales (antes en estilos_detalle_sobre_cerrado.css) ── */
.rc-sc-detalle .zoom-overlay { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; overflow: hidden; background: rgba(0, 0, 0, .9); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; }
.rc-sc-detalle .zoom-overlay.active { opacity: 1; visibility: visible; }
.rc-sc-detalle .zoom-overlay img { max-width: 100%; max-height: 100%; object-fit: contain; cursor: grab; transform: scale(1); transition: transform .05s ease-out; user-select: none; -webkit-user-drag: none; }
.rc-sc-detalle .modal-overlay { position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center; overflow-y: auto; padding: 20px 0; background: rgba(0, 0, 0, .85); }
.rc-sc-detalle .modal-content { position: relative; display: flex; flex-direction: column; width: 90%; max-width: 800px; min-height: 200px; max-height: 95vh; padding: 25px; border-radius: 8px; background: #fefefe; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
.rc-sc-detalle .close-button { position: absolute; top: 10px; right: 25px; color: #aaa; font-size: 32px; font-weight: bold; cursor: pointer; transition: color .3s; }
.rc-sc-detalle .close-button:hover,
.rc-sc-detalle .close-button:focus { color: #000; }

/* ── Responsivo ── */
@media (max-width: 1400px) {
    /* Columna derecha más angosta: ícono arriba del texto para que "No especificada" no se parta. */
    .rc-sc-detalle .sc-stat { flex-direction: column; align-items: flex-start; gap: 10px; }
}
@media (max-width: 1200px) {
    .rc-sc-detalle .sc-shell { padding: 20px 24px 48px; }
    .rc-sc-detalle .sc-info-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 960px) {
    /* Celular/tablet: título y datos → fotos → oferta → información */
    /* align-items: stretch es obligatorio: con "start" (el de escritorio) la galería toma el ancho de su contenido y Slick la estira sin fin. */
    .rc-sc-detalle .sc-layout { display: flex; flex-direction: column; align-items: stretch; gap: 18px; }
    .rc-sc-detalle .sc-col-main,
    .rc-sc-detalle .sc-col-side { display: contents; }
    .rc-sc-detalle .sc-side-head { order: 1; }
    .rc-sc-detalle .sc-gallery-card { order: 2; }
    .rc-sc-detalle .sc-side-offer { order: 3; }
    .rc-sc-detalle .sc-info-grid { order: 4; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rc-sc-detalle .sc-stat { flex-direction: row; align-items: center; }
    .rc-sc-detalle .sc-gallery-img,
    .rc-sc-detalle .sc-gallery-empty { height: clamp(260px, 62vw, 460px); }
}
@media (max-width: 700px) {
    .rc-sc-detalle .sc-info-grid { grid-template-columns: minmax(0, 1fr); }
    .rc-sc-detalle .sc-stat { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; }
    .rc-sc-detalle .sc-stat-icon { flex-basis: 36px; height: 36px; font-size: 16px; }
    .rc-sc-detalle .sc-stat small { font-size: 11px; }
    .rc-sc-detalle .sc-stat strong { font-size: 13px; }
    .rc-sc-detalle .sc-status { font-size: 10.5px; padding: 3px 8px; }
}
@media (max-width: 600px) {
    .rc-sc-detalle .sc-shell { padding: 14px 14px 40px; }
    .rc-sc-detalle .sc-breadcrumb { gap: 7px; margin-bottom: 14px; font-size: 12.5px; }
    .rc-sc-detalle .sc-breadcrumb span { max-width: 52vw; }
    .rc-sc-detalle .sc-side-top { margin-bottom: 14px; }
    .rc-sc-detalle .sc-eyebrow { padding: 7px 10px; font-size: 10.5px; }
    .rc-sc-detalle .sc-share { padding: 8px 13px; font-size: 12.5px; }
    .rc-sc-detalle .sc-title { font-size: 27px; }
    .rc-sc-detalle .sc-intro { margin-bottom: 16px; font-size: 14.5px; }
    .rc-sc-detalle .sc-stats { gap: 8px; }
    .rc-sc-detalle .sc-gallery-card { padding: 8px; border-radius: 14px; }
    .rc-sc-detalle .sc-gallery-badge { top: 10px; left: 10px; padding: 7px 11px; font-size: 11px; }
    .rc-sc-detalle .sc-gallery-count { top: 10px; right: 10px; }
    .rc-sc-detalle .sc-arrow { width: 38px; height: 38px; font-size: 14px; }
    .rc-sc-detalle .sc-arrow--prev { left: 10px; }
    .rc-sc-detalle .sc-arrow--next { right: 10px; }
    .rc-sc-detalle .sc-thumb { width: 76px; height: 58px; }
    .rc-sc-detalle .sc-thumbs { gap: 8px; }
    .rc-sc-detalle .sc-thumbs-next { height: 58px; flex-basis: 26px; }
    .rc-sc-detalle .sc-notice { padding: 18px; gap: 12px; }
    .rc-sc-detalle .sc-notice strong { font-size: 17px; }
    .rc-sc-detalle .sc-notice-mark { font-size: 56px; right: 12px; }
    .rc-sc-detalle .sc-deadline { padding: 16px 18px; gap: 14px; }
    .rc-sc-detalle .sc-deadline-icon { font-size: 32px; }
    .rc-sc-detalle .sc-deadline strong { font-size: 22px; }
    .rc-sc-detalle .sc-offer,
    .rc-sc-detalle .sc-card { padding: 18px; }
    .rc-sc-detalle .sc-amount input { font-size: 20px; padding: 13px 14px; }
    .rc-sc-detalle .sc-amount-prefix { flex-basis: 48px; font-size: 19px; }
    .rc-sc-detalle .sc-submit { font-size: 15.5px; padding: 15px 16px; }
    .rc-sc-detalle .sc-counter-actions { grid-template-columns: minmax(0, 1fr); }
    .rc-sc-detalle .sc-info-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
    .rc-sc-detalle .sc-arrow,
    .rc-sc-detalle .sc-submit,
    .rc-sc-detalle .sc-thumb { transition: none; }
}