/* Historial público: estilos aislados del resto de las modalidades. */
.history-page { background:#f5f9fd; overflow-x:clip; }
.history-page .shell { max-width:1920px; padding-inline:clamp(16px,2vw,38px); }
.history-page .header-top { min-height:66px; padding-block:8px; }
.history-page .nav-inner > a { text-transform:none; letter-spacing:0; padding:9px 13px; }
.hi-hero { color:#fff; background:#120e0a url('assets/banners/catalogo-presencial-hero-20261008.webp') center 54%/cover no-repeat; }
.hi-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:clamp(190px,15vw,260px); padding-block:20px; }
.hi-hero-inner > div { max-width:65%; }.hi-eyebrow { display:inline-block; background:#ed0021; border-radius:3px; padding:4px 12px; font-size:12px; font-weight:800; margin-bottom:10px; }
.hi-hero h1 { font-weight:900; font-size:clamp(30px,2.65vw,44px); line-height:1.1; letter-spacing:-1px; margin-bottom:11px; text-shadow:0 2px 8px #0009; }.hi-hero h1 span { color:#ffcd00; }.hi-hero p { font-size:clamp(11px,1vw,15px); line-height:1.5; color:#eef1f5; }
.hi-hero ul { display:grid; gap:11px; list-style:none; background:#06090bdf; padding:18px; border-radius:4px; font-size:12px; }.hi-hero li { display:flex; align-items:center; gap:11px; }.hi-hero li i { width:18px; text-align:center; font-size:18px; color:#ffcd00; }
.hi-types { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; padding:12px 0; border-bottom:1px solid #e0e8f1; }.hi-types a { display:flex; align-items:center; gap:14px; padding:12px 17px; border:1px solid #e0e8f1; border-radius:5px; background:linear-gradient(#fff,#f2f7fc); min-width:0; box-shadow:0 2px 5px #17334b05; }.hi-types a > i { font-size:23px; flex-shrink:0; }.hi-types b { display:block; font-size:11px; font-weight:800; }.hi-types small { display:block; font-size:10px; color:#6c7e99; margin-top:3px; }.hi-types a.is-active { color:#fff; background:#ed0021; border-color:#ed0021; box-shadow:0 4px 10px #ed002125; }.hi-types a.is-active small { color:#fff; }.hi-types a:hover { border-color:#ed0021; }
.hi-layout { display:grid; grid-template-columns:clamp(190px,17%,285px) minmax(0,1fr) clamp(205px,16.5%,280px); gap:20px; padding:16px 0 35px; align-items:start; }.hi-sidebar,.hi-results,.hi-right { min-width:0; }
.hi-filters { position:relative; padding:14px; border:1px solid #dfe7f1; border-radius:5px; background:#f4f8fd; }.hi-filters summary { display:flex; align-items:center; justify-content:space-between; font-size:15px; font-weight:800; cursor:pointer; list-style:none; }.hi-filters summary::-webkit-details-marker { display:none; }.hi-filters summary i { font-size:12px; }.hi-filters summary span i { margin-right:5px; }.hi-clear { display:block; margin:8px 0 16px; text-align:right; color:#687c98; font-size:10px; }.hi-clear:hover { color:#ed0021; }
.hi-sidebar form { display:grid; gap:16px; }.hi-field { display:grid; gap:7px; font-size:11px; font-weight:800; }.hi-sidebar input[type=search],.hi-sidebar input[type=date],.hi-sidebar select { min-width:0; width:100%; border:1px solid #dce5ef; border-radius:4px; padding:8px; background:#f8fbff; color:#51647f; font:inherit; font-size:11px; font-weight:400; }.hi-sidebar input:focus-visible,.hi-sidebar select:focus-visible { outline:2px solid #d89900; outline-offset:2px; }
.hi-search { position:relative; }.hi-search i { position:absolute; top:11px; left:9px; color:#71849e; font-size:10px; }.hi-search input { padding-left:25px!important; }.hi-sidebar fieldset { border:0; min-width:0; }.hi-sidebar legend { font-size:11px; font-weight:800; margin-bottom:8px; }
.hi-choice { display:flex; align-items:center; gap:6px; padding-block:4px; font-size:11px; color:#51647f; cursor:pointer; }.hi-choice input { width:13px; height:13px; accent-color:#ed0021; flex-shrink:0; }.hi-choice span { flex:1; }.hi-choice b { font-size:10px; font-weight:500; color:#7487a1; }
.hi-date-range { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.hi-date-range label { min-width:0; font-size:9px; color:#6a7d99; }.hi-date-range input { margin-top:5px; padding-inline:4px!important; font-size:10px!important; }.hi-date-error { color:#c9001c; font-size:11px; margin-top:8px; }.hi-date-error[hidden] { display:none; }
.hi-apply { display:flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:4px; padding:10px; font:inherit; font-size:11px!important; font-weight:800!important; background:#ed0021; color:#fff; cursor:pointer; }.hi-apply:hover { background:#ce001c; }
.hi-results { scroll-margin-top:16px; }.hi-results-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }.hi-results-heading h2 { display:flex; align-items:center; gap:10px; font-size:24px; font-weight:800; line-height:1.25; letter-spacing:-.6px; }.hi-results-heading h2 i { font-size:27px; color:#ed0021; }.hi-results-heading p { margin:6px 0 0 37px; font-size:10px; color:#677a97; line-height:1.6; }.hi-export { display:flex; align-items:center; gap:7px; flex-shrink:0; padding:8px 10px; font-size:10px; font-weight:600; border:1px solid #dce5ef; border-radius:4px; background:#f8fbff; }.hi-export:hover { background:#fff; border-color:#bbcadd; }
.hi-events { display:grid; gap:13px; }.hi-event { display:grid; grid-template-columns:65px minmax(150px,1fr) minmax(140px,.85fr) minmax(225px,1fr); gap:13px; align-items:center; padding:9px 10px 9px 0; border:1px solid #e0e8f1; border-radius:5px; background:#fff; box-shadow:0 3px 8px #17334b05; overflow:hidden; }
.hi-date { display:flex; flex-direction:column; align-items:center; justify-content:center; align-self:stretch; min-height:118px; background:linear-gradient(145deg,#111817,#030b11); color:#fff; border-radius:4px; padding:10px 4px; text-align:center; margin:-9px 0; }.hi-date time { display:grid; justify-items:center; gap:2px; }.hi-date b { font-size:34px; line-height:1; font-weight:800; }.hi-date span { font-size:13px; font-weight:600; }.hi-date small { font-size:11px; color:#d0d8e3; }.hi-date > i { margin-bottom:8px; font-size:21px; }
.hi-event-copy { min-width:0; }.hi-badge { display:inline-block; padding:3px 6px; border-radius:3px; background:#ed0021; color:#fff; font-size:8px; font-weight:800; line-height:1.2; }.hi-event h3 { font-size:15px; font-weight:800; line-height:1.3; margin:6px 0 4px; overflow-wrap:anywhere; }.hi-event h3 a:hover { color:#ed0021; }.hi-event-copy > p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#536582; font-size:11px; line-height:1.4; }
.hi-meta { display:flex; flex-wrap:wrap; gap:5px 9px; color:#5b6d87; font-size:9px; margin-top:13px; line-height:1.5; }.hi-meta span { display:flex; align-items:baseline; gap:4px; min-width:0; overflow-wrap:anywhere; }.hi-meta span:first-child { max-width:100%; }
.hi-photos { display:flex; gap:5px; min-width:0; }.hi-photos img { width:calc((100% - 15px)/4); min-width:0; max-width:100px; height:76px; border-radius:4px; object-fit:cover; background:#edf2f7; flex:1; }.hi-photos > span { display:flex; flex-direction:column; justify-content:center; align-items:center; flex:0 0 38px; min-width:0; padding:4px; color:#52627f; border-radius:3px; background:#f0f5fc; font-size:10px; }.hi-photos small { font-size:9px; }
.hi-event-results { min-width:0; }.hi-status { display:inline-block; padding:3px 8px; border-radius:3px; background:#08a465; color:#fff; font-size:9px; line-height:1.2; font-weight:700; }.hi-status.is-cancelled { background:#6b778d; }
.hi-result-metrics { display:grid; grid-template-columns:.95fr 1.15fr; gap:5px; margin-top:5px; }.hi-result-metrics > div { background:#f4f8fd; padding:7px 4px; border-radius:3px; text-align:center; }.hi-result-metrics strong { display:block; font-size:14px; font-weight:800; overflow-wrap:anywhere; }.hi-result-metrics small { display:block; font-size:8px; color:#687a94; margin-top:2px; }
.hi-event-actions { display:grid; grid-template-columns:1fr; gap:6px; margin-top:10px; }.hi-event-actions a { display:flex; justify-content:center; align-items:center; gap:6px; padding:10px 8px; background:#f0f5fb; color:#16233a; border:1px solid #e2eaf4; border-radius:3px; font-size:11px; font-weight:800; }.hi-event-actions a.hi-view-lots { border-color:#ffcd00; background:#ffcd00; }.hi-event-actions a:hover { filter:brightness(.96); }.hi-pending { display:block; margin-top:5px; color:#75849b; font-size:9px; }
.hi-pagination { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:18px 0; color:#647693; font-size:10px; }.hi-pagination nav { display:flex; gap:5px; }.hi-pagination a { display:grid; place-items:center; min-width:28px; height:30px; border:1px solid #dce5ef; border-radius:4px; background:#f8fbff; }.hi-pagination a[aria-current=page] { background:#ed0021; border-color:#ed0021; color:#fff; font-weight:800; }
.hi-data-note { display:flex; align-items:baseline; gap:9px; padding:13px; border:1px solid #dfe8f3; border-radius:4px; color:#657a95; font-size:11px; line-height:1.65; }.hi-data-note > i { color:#788aa0; }.hi-empty { background:#fff; border:1px dashed #ccd9e9; border-radius:5px; padding:50px 22px; text-align:center; }.hi-empty > i { font-size:34px; color:#9cafc7; margin-bottom:15px; }.hi-empty h3 { font-size:19px; margin-bottom:8px; }.hi-empty p { color:#687b97; font-size:12px; line-height:1.6; }.hi-empty a { display:inline-block; background:#ffcd00; padding:10px 15px; border-radius:4px; font-size:11px; font-weight:800; margin-top:20px; }.hi-back { display:inline-flex; align-items:center; gap:7px; margin-bottom:15px; font-size:11px; color:#546e8c; }
.hi-right { display:grid; gap:12px; }.hi-right h2 { font-size:13px; font-weight:800; }.hi-summary { padding:14px; background:#061725; color:#fff; border:1px solid #1b2b3b; border-radius:5px; }.hi-summary h2 { margin-bottom:16px; }.hi-summary h2 > i { color:#ffcd00; margin-right:5px; }.hi-summary dl { display:grid; gap:17px; }.hi-summary dl > div { display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; align-items:center; }.hi-summary dl i { grid-row:1/3; display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#122a3c; color:#ffcd00; font-size:18px; }.hi-summary dt { grid-column:2; grid-row:2; font-size:10px; color:#c2cfdf; }.hi-summary dd { grid-column:2; grid-row:1; font-size:17px; font-weight:800; line-height:1.25; overflow-wrap:anywhere; }.hi-summary > p { color:#a2b4ca; font-size:9px; line-height:1.6; border-top:1px solid #263747; padding-top:12px; margin-top:14px; }
.hi-calendar { border:1px solid #203142; border-radius:5px; padding:8px; color:#fff; background:#071726; }.hi-calendar h2 { font-size:11px; margin:3px 2px 10px; }.hi-calendar h2 i { color:#ffcd00; font-size:14px; margin-right:6px; }.hi-calendar-body { background:#fff; color:#1c2b42; padding:10px 8px; border-radius:4px; }.hi-month { display:flex; align-items:center; justify-content:space-between; gap:5px; margin-bottom:10px; }.hi-month h3 { font-size:11px; font-weight:800; text-align:center; scroll-margin-top:20px; }.hi-month a { display:grid; place-items:center; width:25px; height:25px; border-radius:3px; font-size:20px; }.hi-month a:hover { background:#edf3f9; }.hi-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; text-align:center; font-size:10px; }.hi-calendar-grid b { font-size:9px; padding-bottom:5px; color:#70819a; }.hi-calendar-grid > span,.hi-calendar-grid > a { display:grid; place-items:center; min-height:26px; min-width:0; border-radius:50%; }.hi-calendar-grid a.has-events { background:#ffcd00; color:#142136; font-weight:800; }.hi-calendar-grid a.has-events:hover { background:#ed0021; color:#fff; }.hi-calendar-body > p { font-size:9px; line-height:1.5; color:#72829b; margin:10px 1px 0; }
.hi-receipt { padding:14px; border-radius:5px; color:#fff; background:#061725; }.hi-receipt > div { display:flex; align-items:flex-start; gap:10px; }.hi-receipt > div > i { font-size:23px; margin-top:2px; }.hi-receipt h2 { font-size:11px; margin-bottom:5px; }.hi-receipt p { font-size:10px; color:#c2cede; line-height:1.5; }.hi-receipt > a { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:12px; padding:9px; border-radius:4px; background:#fff; color:#132136; font-size:10px; font-weight:800; }
.hi-dialog { width:min(880px,calc(100% - 28px)); max-height:calc(100dvh - 40px); margin:auto; overflow:auto; padding:28px; border:1px solid #dce5ef; border-radius:10px; color:#16243a; background:#fff; box-shadow:0 20px 70px #0005; }.hi-dialog::backdrop { background:#03101dd9; }.hi-dialog > h2 { font-size:23px; padding-right:30px; margin-bottom:22px; }.hi-dialog-close { position:absolute; right:14px; top:14px; border:0; border-radius:4px; padding:9px; background:#eef3f9; color:#45617e; cursor:pointer; }.hi-inline-results { background:#fff; border:1px solid #dde6f0; border-radius:5px; padding:20px; margin-top:22px; scroll-margin-top:20px; }.hi-inline-results > h2 { font-size:21px; margin-bottom:18px; }.hi-result-intro h3 { font-size:19px; margin-top:8px; }.hi-result-intro p { font-size:11px; color:#71829a; margin:7px 0 17px; }.hi-table-scroll { overflow:auto; }.hi-table-scroll table { border-collapse:collapse; width:100%; font-size:12px; text-align:left; }.hi-table-scroll th { font-size:10px; color:#657994; background:#f0f5fb; padding:12px 10px; }.hi-table-scroll td { padding:13px 10px; border-bottom:1px solid #e1e8f1; }.hi-table-scroll td:last-child { white-space:nowrap; font-weight:700; }.hi-table-scroll td a { color:#215a7c; }.hi-table-scroll td a:hover { text-decoration:underline; }.hi-table-scroll td i { font-size:9px; }.hi-result-note { margin-top:16px; font-size:11px; color:#6d7f98; line-height:1.65; }
@media(min-width:1750px) { .hi-event { grid-template-columns:74px minmax(180px,1fr) minmax(210px,.85fr) 280px; gap:18px; padding-right:14px; }.hi-photos img { height:88px; }.hi-event h3 { font-size:16px; }.hi-event-copy > p { font-size:12px; }.hi-meta { font-size:10px; }.hi-event-actions a { font-size:10px; }.hi-result-metrics strong { font-size:16px; }.hi-date { min-height:138px; } }
@media(max-width:1350px) { .hi-layout { grid-template-columns:190px minmax(0,1fr) 210px; gap:14px; }.hi-event { grid-template-columns:56px minmax(130px,1fr) 210px; gap:10px; }.hi-photos { grid-column:2; grid-row:2; max-width:260px; padding-bottom:4px; }.hi-photos img { height:55px; }.hi-event-copy { padding-top:3px; }.hi-date { grid-row:1/3; }.hi-event-results { grid-column:3; grid-row:1/3; }.hi-event h3 { font-size:13px; }.hi-meta { margin-top:7px; }.hi-results-heading { flex-wrap:wrap; gap:9px; }.hi-results-heading h2 { font-size:23px; }.hi-export { margin-left:auto; }.hi-types { gap:8px; }.hi-types a { gap:9px; padding:11px; }.hi-types b { font-size:10px; }.hi-types small { font-size:9px; }.hi-date-range { grid-template-columns:1fr; } }
@media(max-width:1050px) { .hi-layout { grid-template-columns:190px minmax(0,1fr); gap:16px; }.hi-right { grid-column:1/-1; grid-template-columns:1fr 1fr 1fr; align-items:start; }.hi-types { grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:175px; overflow-x:auto; scrollbar-width:thin; }.hi-hero-inner { min-height:205px; }.hi-hero-inner > div { max-width:65%; }.hi-hero h1 { font-size:32px; }.hi-hero ul { font-size:10px; padding:13px; }.hi-result-metrics strong { font-size:13px; } }
@media(max-width:700px) { .history-page .shell { padding-inline:14px; }.hi-hero { background-position:62% center; }.hi-hero-inner { min-height:230px; background:linear-gradient(90deg,#050709bb,#05070930); }.hi-hero-inner > div { max-width:100%; }.hi-hero h1 { font-size:32px; }.hi-hero p { font-size:12px; max-width:350px; }.hi-hero ul,.hi-desktop-break { display:none; }.hi-eyebrow { font-size:10px; }.hi-layout { grid-template-columns:1fr; gap:17px; padding-top:12px; }.hi-types { padding-block:10px; grid-auto-columns:170px; }.hi-types b { font-size:11px; }.hi-filters { padding:12px; }.hi-sidebar form { grid-template-columns:1fr 1fr; gap:14px; }.hi-sidebar form > label:first-child,.hi-sidebar fieldset:first-of-type,.hi-apply { grid-column:1/-1; }.hi-sidebar fieldset:first-of-type { display:flex; flex-wrap:wrap; gap:0 15px; }.hi-sidebar fieldset:first-of-type .hi-choice { min-width:44%; }.hi-sidebar input[type=search],.hi-sidebar input[type=date],.hi-sidebar select { min-height:38px; font-size:12px; }.hi-choice { padding-block:6px; }.hi-results-heading h2 { font-size:24px; }.hi-results-heading p { margin-left:0; font-size:11px; }.hi-export { margin:0; min-height:35px; }.hi-event { grid-template-columns:53px minmax(0,1fr); gap:11px; padding:12px 12px 12px 0; }.hi-date { grid-row:1/4; margin:-12px 0; }.hi-date b { font-size:28px; }.hi-event h3 { font-size:15px; }.hi-event-copy > p { font-size:11px; }.hi-photos { grid-column:2; grid-row:2; max-width:100%; }.hi-photos img { height:67px; }.hi-event-results { grid-column:2; grid-row:3; }.hi-event-actions a { padding-block:10px; font-size:10px; }.hi-result-metrics strong { font-size:14px; }.hi-result-metrics small { font-size:9px; }.hi-pagination { flex-wrap:wrap; }.hi-data-note { font-size:10px; }.hi-right { grid-template-columns:1fr 1fr; gap:10px; }.hi-receipt { grid-column:1/-1; }.hi-summary { padding:11px; }.hi-summary dl > div { grid-template-columns:27px minmax(0,1fr); column-gap:7px; }.hi-summary dl i { width:27px; height:27px; font-size:14px; }.hi-summary dd { font-size:15px; }.hi-summary dt { font-size:9px; }.hi-summary h2 { font-size:12px; }.hi-calendar { padding:6px; }.hi-calendar h2 { font-size:10px; }.hi-calendar-body { padding:8px 4px; }.hi-calendar-grid { gap:1px; font-size:9px; }.hi-calendar-grid > span,.hi-calendar-grid > a { min-height:23px; }.hi-month h3 { font-size:10px; }.hi-month a { width:20px; }.hi-dialog { padding:20px; }.hi-dialog > h2 { font-size:20px; }.hi-table-scroll table { min-width:480px; } }
@media(max-width:370px) { .hi-right { grid-template-columns:1fr; }.hi-receipt { grid-column:auto; }.hi-hero h1 { font-size:29px; }.hi-photos img { height:57px; }.hi-calendar-grid > span,.hi-calendar-grid > a { min-height:30px; } }
@media(prefers-reduced-motion:reduce) { .history-page { scroll-behavior:auto; } }
