/* =============================================================================
   Índices: bodegas, denominaciones y uvas (buscador, saltos por grupo y listado)
   ========================================================================== */

.index-main .page-head .lead { max-width: 640px; margin-top: 14px; font-size: 17px; color: var(--muted); text-wrap: pretty; }
.idx-tools { max-width: 460px; margin-top: 26px; }
.idx-search { height: 52px; padding: 0 22px; border-radius: var(--r-pill); }

.idx-jump { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 44px; }
.idx-jump .chip { padding: 6px 14px; }

.idx-group { margin-bottom: 48px; scroll-margin-top: 120px; }
.idx-title { display: flex; align-items: baseline; gap: 10px; padding-bottom: 12px; margin-bottom: 8px; border-bottom: 1px solid var(--line); font-size: 24px; font-weight: 300; letter-spacing: -.02em; }
.idx-title .ct { font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--faint); }

.idx-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0 32px; margin: 0; padding: 0; list-style: none; }
.idx-list a { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 0; border-bottom: 1px dashed var(--line); font-weight: 500; transition: color var(--t); }
.idx-list a:hover { color: var(--royal-deep); }
.idx-list .ct { flex: none; font-size: 13px; font-weight: 400; color: var(--faint); font-variant-numeric: tabular-nums; }

.idx-empty { font-size: 17px; color: var(--muted); }
.idx-empty a { color: var(--royal-deep); text-decoration: underline; }

@media (max-width: 600px) {
	.idx-list { grid-template-columns: 1fr; }
	.idx-jump { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scrollbar-width: none; }
	.idx-jump .chip { flex: none; }
}