/* Diseño claro del detalle. Estilos limitados a esta página. */
body.rc-detalle-light {
    background: #f5f9fc;
    color: #111b2a;
}
html:has(body.rc-detalle-light) { background: #f5f9fc; }
.rc-detalle-light main.rc-shell {
    --rc-bg: #f5f9fc;
    --rc-card: #ffffff;
    --rc-card-alt: #f8fafc;
    --rc-border: #e8eef4;
    --rc-border-hover: #d1dce8;
    --rc-red: #f00020;
    --rc-red-hover: #d6001d;
    --rc-red-glow: rgba(240, 0, 32, .15);
    --rc-gold: #ffb800;
    --rc-green: #00b97d;
    --rc-text: #111b2a;
    --rc-muted: #64748b;
    --rc-muted-dark: #748399;
    padding-top: 24px;
    padding-bottom: 64px;
}
/* Misma anchura que la portada (index_diseno.css → .home-page .shell): hasta 1920px con márgenes
   laterales fluidos. El navbar y el pie compartidos se alinean con el contenido solo en esta página. */
.rc-detalle-light :is(main.rc-shell, .rc-nav__inner, .rc-footer__inner) { max-width: 1920px; padding-inline: clamp(16px, 2.5vw, 40px); }
@media (max-width: 1000px) { .rc-detalle-light :is(main.rc-shell, .rc-nav__inner, .rc-footer__inner) { padding-inline: 20px; } }
@media (max-width: 700px) { .rc-detalle-light :is(main.rc-shell, .rc-nav__inner, .rc-footer__inner) { padding-inline: 16px; } }
@media (max-width: 360px) { .rc-detalle-light :is(main.rc-shell, .rc-nav__inner, .rc-footer__inner) { padding-inline: 12px; } }
.rc-detalle-light .rc-glow-top-left,
.rc-detalle-light .rc-glow-top-right { display: none; }
.rc-detalle-light main .text-white { color: var(--rc-text); }
.rc-detalle-light .rc-alert-box {
    background: #fff2f4;
    border-color: #ffd5dc;
    border-left-color: var(--rc-red);
    color: #596779;
    font-size: 13px;
    padding: 12px 16px;
}
.rc-detalle-light .rc-alert-box a { color: var(--rc-red); }
.rc-detalle-light .rc-back-btn {
    background: #f9fbfd;
    border-color: var(--rc-border);
    color: var(--rc-text);
    border-radius: 8px;
    padding: 8px 14px;
    margin-bottom: 16px;
    box-shadow: 0 2px 5px rgba(38, 63, 91, .03);
    font-size: 12px;
}
.rc-detalle-light .rc-back-btn:hover { background: #fff; color: var(--rc-red); }
.rc-detalle-light .rc-back-btn:hover i { color: var(--rc-red); }
.rc-detalle-light .rc-main-grid {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
    gap: 22px;
    margin-bottom: 26px;
}
.rc-detalle-light .rc-left-card,
.rc-detalle-light .rc-right-card,
.rc-detalle-light .rc-bottom-section,
.rc-detalle-light .rc-information-section,
.rc-detalle-light .rc-card {
    background: #fff;
    border: 1px solid #eaf0f6;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(43, 70, 104, .045);
}
.rc-detalle-light .rc-left-card { padding: 12px; gap: 10px; min-width: 0; }
.rc-detalle-light .rc-main-media-wrap {
    height: auto;
    min-height: 300px;
    aspect-ratio: 1.3;
    flex: 1 1 auto;
    border-radius: 10px;
    border: 1px solid #edf1f6;
    background: #f7f9fc;
    box-shadow: none;
}
.rc-detalle-light .rc-media-slide { background: #f7f9fc; }
.rc-detalle-light .rc-media-slide img { object-fit: contain; }
.rc-detalle-light .rc-media-empty { background: radial-gradient(ellipse at center, #fff 0%, #f0f5fa 100%); }
.rc-detalle-light .rc-media-empty p { color: var(--rc-text); }
.rc-detalle-light .rc-media-empty span { color: var(--rc-muted); }
.rc-detalle-light .rc-media-title-badge {
    top: 10px; left: 10px;
    max-width: calc(100% - 20px);
    border: 0;
    border-radius: 6px;
    background: var(--rc-red);
    padding: 5px 9px;
    box-shadow: 0 3px 9px rgba(240, 0, 32, .14);
    gap: 6px;
}
.rc-detalle-light .rc-media-title-text { font-size: 9px; letter-spacing: 0; }
.rc-detalle-light .rc-media-red-bar { display: none; }
.rc-detalle-light .rc-media-nav {
    width: 32px; height: 32px;
    color: #263447;
    background: rgba(255, 255, 255, .95);
    border-color: #e4eaf1;
    box-shadow: 0 3px 10px rgba(17, 27, 42, .12);
}
.rc-detalle-light .rc-media-nav:hover { color: #fff; }
.rc-detalle-light .rc-media-counter { background: rgba(255,255,255,.94); border-color: #e4eaf1; color: #263447; }
.rc-detalle-light .rc-gallery-previews {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 58px;
    gap: 8px;
    overflow-x: auto;
    padding: 1px 0 4px;
    scrollbar-width: thin;
    scrollbar-color: #dbe4ee transparent;
}
.rc-detalle-light .rc-gallery-previews img {
    width: 58px; height: 58px;
    object-fit: cover;
    border: 1px solid #e4eaf1;
    border-radius: 7px;
    background: #f5f8fb;
}
.rc-detalle-light .rc-lots-banner {
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    box-shadow: none;
}
.rc-detalle-light .rc-lots-banner:hover { background: #fff2f4; border-color: #ffd3db; }
.rc-detalle-light .rc-lots-banner-left { gap: 10px; }
.rc-detalle-light .rc-lots-banner-icon { width: 30px; height: 30px; font-size: 12px; border-radius: 8px; background: #ffebef; color: var(--rc-red); box-shadow: none; }
.rc-detalle-light .rc-lots-banner-title { color: var(--rc-text); font-size: 12px; }
.rc-detalle-light .rc-lots-banner-sub { font-size: 10px; }
.rc-detalle-light .rc-lots-banner:hover .rc-lots-banner-arrow { color: var(--rc-red); }
.rc-detalle-light .rc-right-card { padding: 20px; }
.rc-detalle-light .rc-right-card::before {
    content: ''; position: absolute;
    top: 20px; left: 0; width: 2px; height: 66px;
    background: var(--rc-red);
}
.rc-detalle-light .rc-right-content { gap: 16px; }
.rc-detalle-light .rc-right-top-bar { gap: 12px; margin-bottom: 10px; flex-direction: row; align-items: flex-start; }
.rc-detalle-light .rc-badge-eyebrow { padding: 4px 0; border: 0; background: none; border-radius: 0; font-size: 10px; letter-spacing: 0; color: var(--rc-red); }
.rc-detalle-light .rc-badge-eyebrow i { display: none; }
.rc-detalle-light .rc-btn-ver-lotes {
    padding: 11px 15px;
    border-radius: 6px;
    background: var(--rc-red);
    color: #fff;
    font-size: 12px;
    box-shadow: 0 7px 15px rgba(240, 0, 32, .16);
}
.rc-detalle-light .rc-btn-ver-lotes:hover { background: var(--rc-red-hover); box-shadow: 0 8px 18px rgba(240, 0, 32, .2); }
.rc-detalle-light .rc-right-hero-flex { display: block; margin: 0; }
.rc-detalle-light .rc-right-gavel-container { display: none; }
.rc-detalle-light .rc-auction-main-title { color: var(--rc-text); font-size: clamp(26px, 2.7vw, 36px); line-height: 1.1; letter-spacing: -.7px; margin: 10px 0 14px; overflow-wrap: break-word; }
.rc-detalle-light .rc-status-chip { font-size: 10px; letter-spacing: 0; padding: 5px 10px; }
.rc-detalle-light .rc-status-activa { background: #00ba80; color: #fff; border-color: #00ba80; }
.rc-detalle-light .rc-status-finalizada { background: #fff0f2; color: #e90020; border-color: #ffccd4; }
.rc-detalle-light .rc-status-proxima { background: #fff6dc; color: #9f7100; border-color: #ffe5a1; }
.rc-detalle-light .rc-status-dot { box-shadow: none; width: 6px; height: 6px; }
.rc-detalle-light .rc-countdown-row { margin-top: 10px; gap: 8px; }
.rc-detalle-light .rc-cd-txt { color: var(--rc-muted); font-size: 11px; }
.rc-detalle-light .rc-countdown-row.rc-cd-proxima .rc-cd-txt { color: #967118; }
.rc-detalle-light .rc-cd-timer { color: var(--rc-red); font-size: 13px; }
.rc-detalle-light .rc-metrics-grid { gap: 12px; margin-top: 0; }
.rc-detalle-light .rc-metric-box { background: #fff; border-color: #eaf0f6; border-radius: 10px; padding: 13px 12px; gap: 3px; }
.rc-detalle-light .rc-metric-box:hover { background: #fbfcfe; border-color: #dce6f0; }
.rc-detalle-light .rc-metric-header { margin-bottom: 4px; gap: 7px; }
.rc-detalle-light .rc-metric-header i { color: var(--rc-red); font-size: 13px; }
.rc-detalle-light .rc-metric-label { color: #7c899b; font-size: 10px; letter-spacing: 0; }
.rc-detalle-light .rc-metric-val-main { color: var(--rc-text); font-size: 13px; white-space: normal; text-overflow: clip; }
.rc-detalle-light .rc-metric-val-sub { color: var(--rc-text); font-size: 12px; }
.rc-detalle-light .rc-props-grid { gap: 9px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rc-detalle-light .rc-prop-card { background: transparent; border: 0; padding: 0 2px; border-radius: 0; justify-content: flex-start; }
.rc-detalle-light .rc-prop-card:hover { background: transparent; }
.rc-detalle-light .rc-prop-icon.red,
.rc-detalle-light .rc-prop-icon.gold { width: 44px; height: 44px; border-radius: 50%; background: #ffedf0; color: var(--rc-red); border: 0; margin-bottom: 8px; font-size: 18px; }
.rc-detalle-light .rc-prop-title { color: var(--rc-text); font-size: 12px; }
.rc-detalle-light .rc-prop-sub { font-size: 10px; line-height: 1.4; }
.rc-detalle-light .rc-bottom-section { padding: 12px 20px 24px; }
.rc-detalle-light .rc-tabs-bar { gap: 6px; padding: 0; margin-bottom: 20px; border-bottom-color: #e8eef4; }
.rc-detalle-light .rc-tab-btn,
.rc-detalle-light .rc-tab-link { display: inline-flex; align-items: center; gap: 8px; padding: 14px 16px; color: #536277; background: none; font-size: 12px; font-weight: 750; white-space: nowrap; border-radius: 8px 8px 0 0; border-bottom: 2px solid transparent; flex-shrink: 0; }
.rc-detalle-light .rc-tab-btn:hover,
.rc-detalle-light .rc-tab-link:hover { background: #f8fafc; color: var(--rc-red); }
.rc-detalle-light .rc-tab-btn.active { color: var(--rc-red); background: #fff0f3; border-bottom-color: var(--rc-red); box-shadow: none; }
.rc-detalle-light .rc-pane-header { margin-bottom: 16px; gap: 8px; flex-wrap: wrap; }
.rc-detalle-light .rc-pane-header h3 { color: var(--rc-text); font-size: 18px; }
.rc-detalle-light .rc-pane-header > i { color: var(--rc-red); }
.rc-detalle-light .rc-pane-text { color: #526174; font-size: 13px; line-height: 1.65; margin-bottom: 18px; }
.rc-detalle-light .rc-description-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; }
.rc-detalle-light .rc-description-main { min-width: 0; }
.rc-detalle-light .rc-description-aside { display: flex; flex-direction: column; gap: 10px; }
.rc-detalle-light .rc-schedule-box { background: none; border: 0; border-radius: 0; padding: 0; }
.rc-detalle-light .rc-sched-title { font-size: 18px; color: var(--rc-red); margin-bottom: 10px; }
.rc-detalle-light .rc-sched-title > i { display: none; }
.rc-detalle-light .rc-sched-list { gap: 6px; }
.rc-detalle-light .rc-sched-list li { color: #5c6b7d; font-size: 12px; align-items: flex-start; gap: 8px; }
.rc-detalle-light .rc-sched-list li > i { margin-top: 3px; }
.rc-detalle-light .rc-sched-list strong { color: #42536a; }
.rc-detalle-light .rc-promo-box {
    background: #fff0f1;
    border: 1px solid #ffe5e8;
    border-radius: 9px;
    min-height: 128px;
    padding: 16px;
    gap: 12px;
    align-items: center;
    box-shadow: none;
}
.rc-detalle-light .rc-promo-box img { position: static; width: 65px; height: 74px; border-radius: 7px; flex-shrink: 0; object-fit: cover; }
.rc-detalle-light .rc-promo-overlay { padding: 0; background: none; }
.rc-detalle-light .rc-promo-info { gap: 8px; flex-direction: column; align-items: flex-start; }
.rc-detalle-light .rc-promo-icon { width: 28px; height: 28px; font-size: 12px; border-radius: 7px; background: var(--rc-red); }
.rc-detalle-light .rc-promo-title { color: var(--rc-red); font-size: 13px; }
.rc-detalle-light .rc-promo-sub { color: #756779; font-size: 11px; }
.rc-detalle-light .rc-promo-arrow,
.rc-detalle-light .rc-promo-box:hover .rc-promo-arrow { color: var(--rc-red); font-size: 11px; }
.rc-detalle-light .rc-inspection-card { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 18px; background: #edf2ff; border: 1px solid #e5ecff; border-radius: 9px; color: #2658ba; }
.rc-detalle-light .rc-inspection-card > i { font-size: 30px; color: #0966ff; margin-top: 3px; }
.rc-detalle-light .rc-inspection-card h4 { font-size: 13px; font-weight: 850; margin-bottom: 5px; }
.rc-detalle-light .rc-inspection-card p { font-size: 12px; line-height: 1.6; }
.rc-detalle-light .rc-dest-lot-item,
.rc-detalle-light .rc-contact-card,
.rc-detalle-light .rc-term-item { background: #fbfcfe; border-color: #e7edf5; border-radius: 10px; }
.rc-detalle-light .rc-dest-lot-item:hover { background: #fff; border-color: #ffd1d9; }
.rc-detalle-light .rc-dest-lot-title,
.rc-detalle-light .rc-contact-val { color: var(--rc-text); }
.rc-detalle-light .rc-dest-lot-badge,
.rc-detalle-light .rc-pdf-badge { background: #fff0f3; border-color: #ffd5dd; color: var(--rc-red); }
.rc-detalle-light .rc-dest-lot-price { color: #00a46c; }
.rc-detalle-light .rc-dest-lot-btn,
.rc-detalle-light .rc-btn-pdf-view { background: #fff; border-color: #e5ecf4; color: #28384c; }
.rc-detalle-light .rc-dest-lot-btn:hover { color: #fff; background: var(--rc-red); }
.rc-detalle-light .rc-btn-pdf-view:hover { color: var(--rc-red); background: #fff5f7; }
.rc-detalle-light .rc-btn-pdf-download { box-shadow: 0 6px 16px rgba(240,0,32,.15); }
.rc-detalle-light .rc-contact-val { overflow-wrap: anywhere; }
.rc-detalle-light .rc-term-item h4 { color: var(--rc-red); }
.rc-detalle-light .rc-term-item ul,
.rc-detalle-light .rc-term-item p { color: #58677b; }
.rc-detalle-light .rc-highlight { background: #fff4d8; color: #926500; }
.rc-detalle-light .rc-information-section { padding: 20px; margin-top: 20px; }
.rc-detalle-light .rc-information-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rc-detalle-light .rc-information-item { display: flex; align-items: center; gap: 16px; padding: 16px 13px; border: 1px solid #edf1f6; border-radius: 11px; min-width: 0; }
.rc-detalle-light .rc-information-item > i { display: flex; justify-content: center; align-items: center; width: 58px; height: 58px; border-radius: 12px; font-size: 30px; flex-shrink: 0; }
.rc-detalle-light .info-start > i { background: #ffedf0; color: var(--rc-red); }
.rc-detalle-light .info-end > i { background: #fff6e5; color: #ffac00; }
.rc-detalle-light .info-lots > i { background: #f7eeff; color: #9329e9; }
.rc-detalle-light .info-status > i { background: #e9fcf1; color: #00b761; }
.rc-detalle-light .rc-information-item span,
.rc-detalle-light .rc-information-item small { display: block; color: #738096; font-size: 12px; }
.rc-detalle-light .rc-information-item strong { display: block; color: #172336; font-size: 13px; line-height: 1.4; margin-top: 5px; background: none; border: 0; }
.rc-detalle-light .rc-information-item .rc-status-activa { color: #00b761; }
.rc-detalle-light .rc-information-item .rc-status-finalizada { color: #e90020; }
.rc-detalle-light .rc-information-item .rc-status-proxima { color: #9f7100; }
/* El resumen sigue la pastilla que actualizan los scripts existentes. */
.rc-detalle-light main:has(.rc-status-chip.rc-status-activa) { --rc-summary-state: 'Activa'; --rc-summary-color: #00b761; }
.rc-detalle-light main:has(.rc-status-chip.rc-status-finalizada) { --rc-summary-state: 'Finalizada'; --rc-summary-color: #e90020; }
.rc-detalle-light main:has(.rc-status-chip.rc-status-proxima) { --rc-summary-state: 'Próximamente'; --rc-summary-color: #9f7100; }
.rc-detalle-light .rc-information-item .rc-summary-status span { color: inherit; font-size: inherit; }
@supports selector(main:has(.rc-status-chip)) {
    .rc-detalle-light .rc-summary-status > span { display: none; }
    .rc-detalle-light .rc-summary-status::after { content: var(--rc-summary-state); color: var(--rc-summary-color); }
}
@media (min-width: 1101px) {
    .rc-detalle-light .rc-right-card { padding: 24px; }
    .rc-detalle-light .rc-badge-eyebrow { font-size: 11px; }
    .rc-detalle-light .rc-btn-ver-lotes { font-size: 13px; }
    .rc-detalle-light .rc-tab-btn,
    .rc-detalle-light .rc-tab-link { font-size: 13px; padding: 14px 20px; }
    .rc-detalle-light .rc-pane-header h3 { font-size: 20px; }
    .rc-detalle-light .rc-prop-title { font-size: 13px; }
    .rc-detalle-light .rc-prop-sub { font-size: 11px; }
}
@media (max-width: 1100px) {
    .rc-detalle-light .rc-description-layout { grid-template-columns: minmax(0, 1fr) 235px; gap: 20px; }
    .rc-detalle-light .rc-information-item { gap: 10px; padding: 14px 10px; }
    .rc-detalle-light .rc-information-item > i { width: 42px; height: 48px; font-size: 25px; }
}
@media (max-width: 850px) {
    .rc-detalle-light main.rc-shell { padding-top: 20px; padding-bottom: 44px; }
    .rc-detalle-light .rc-main-grid { grid-template-columns: 1fr; gap: 16px; }
    .rc-detalle-light .rc-main-media-wrap { min-height: 280px; max-height: 440px; flex: 0 1 auto; }
    .rc-detalle-light .rc-prop-sub { max-width: 150px; }
    .rc-detalle-light .rc-right-top-bar { flex-direction: row; }
    .rc-detalle-light .rc-btn-ver-lotes { width: auto; }
    .rc-detalle-light .rc-information-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 650px) {
    .rc-detalle-light main.rc-shell { padding-top: 16px; padding-bottom: 36px; }
    .rc-detalle-light .rc-left-card { padding: 10px; }
    .rc-detalle-light .rc-main-media-wrap { min-height: 230px; max-height: 350px; }
    .rc-detalle-light .rc-right-card { padding: 18px 16px; }
    .rc-detalle-light .rc-right-top-bar { flex-direction: column; gap: 8px; }
    .rc-detalle-light .rc-btn-ver-lotes { width: 100%; justify-content: center; }
    .rc-detalle-light .rc-auction-main-title { font-size: 26px; margin-top: 8px; }
    .rc-detalle-light .rc-badge-eyebrow { font-size: 10px; }
    .rc-detalle-light .rc-metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
    .rc-detalle-light .rc-metric-box { padding: 11px 8px; }
    .rc-detalle-light .rc-metric-val-main { font-size: 11px; }
    .rc-detalle-light .rc-metric-val-sub { font-size: 11px; }
    .rc-detalle-light .rc-metric-label { font-size: 9px; }
    .rc-detalle-light .rc-metric-header { gap: 5px; }
    .rc-detalle-light .rc-props-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .rc-detalle-light .rc-prop-title { font-size: 12px; }
    .rc-detalle-light .rc-prop-sub { font-size: 10px; }
    .rc-detalle-light .rc-bottom-section { padding: 10px 16px 20px; }
    .rc-detalle-light .rc-tab-btn,
    .rc-detalle-light .rc-tab-link { padding: 12px 14px; font-size: 12px; }
    .rc-detalle-light .rc-description-layout { grid-template-columns: 1fr; gap: 20px; }
    .rc-detalle-light .rc-pane-header h3 { font-size: 17px; }
    .rc-detalle-light .rc-pane-text { font-size: 12px; }
    .rc-detalle-light .rc-description-aside { gap: 12px; }
    .rc-detalle-light .rc-promo-box { min-height: 100px; }
    .rc-detalle-light .rc-promo-info { flex-direction: row; align-items: center; }
    .rc-detalle-light .rc-contact-grid,
    .rc-detalle-light .rc-dest-lots-grid { grid-template-columns: 1fr; }
    .rc-detalle-light .rc-pdf-actions a { width: 100%; justify-content: center; font-size: 12px; }
    .rc-detalle-light .rc-pdf-badge { margin-left: 0; }
    .rc-detalle-light .rc-information-section { padding: 18px 16px; }
    .rc-detalle-light .rc-information-item { padding: 12px 9px; align-items: flex-start; gap: 9px; }
    .rc-detalle-light .rc-information-item > i { width: 34px; height: 40px; font-size: 21px; border-radius: 8px; }
    .rc-detalle-light .rc-information-item span,
    .rc-detalle-light .rc-information-item small { font-size: 10px; }
    .rc-detalle-light .rc-information-item strong { font-size: 11px; }
}
@media (max-width: 350px) {
    .rc-detalle-light .rc-metrics-grid { grid-template-columns: 1fr; }
    .rc-detalle-light .rc-information-grid { grid-template-columns: 1fr; }
}

/* Contador con segundos: cifras de ancho fijo para que el texto no "baile" cada segundo */
.rc-detalle-light .rc-cd-timer { font-variant-numeric: tabular-nums; white-space: nowrap; }