/* Inicio: descubrimiento público con el mismo lenguaje INSANOS. */
.public-catalog-link { display: inline-block; padding: .55rem .85rem; border: 1px solid #555575; border-radius: .5rem; }
.public-catalog-link:hover, .public-catalog-link:focus-visible { border-color: #ff0088; outline: 2px solid #00e7ff; outline-offset: 3px; }
.insanos-landing {
  --insanos-display: var(--in-font-display);
  --in-card-2: #151526;
  --in-line-soft: rgba(255,255,255,.14);
  --in-manga: var(--in-pink);
  --in-manhwa: var(--in-cyan);
  --in-manhua: var(--in-gold);
}
.insanos-landing .hero { min-height: min(760px,100svh); }
.insanos-landing .spotlight-section { padding: 0 1rem 1rem; scroll-margin-top: 82px; }
.insanos-landing .spotlight-copy { color: var(--in-muted); margin: .9rem auto 0; max-width: 40rem; }
.insanos-landing .spotlight-kicker { letter-spacing: .25em; line-height: 1.7; }
.insanos-landing .car-scene:not(.is-flat) { --car-width: clamp(150px,20vw,240px); height: 420px; }
.insanos-landing .car-scene:not(.is-flat) .car-ring { width: var(--car-width); height: calc(var(--car-width) * 1.5); will-change: transform; }
.insanos-landing .car-scene:not(.is-flat) .car-card { width: var(--car-width); height: calc(var(--car-width) * 1.5); }
.insanos-landing .car-scene:not(.is-flat) .car-card-inner { backface-visibility: hidden; }
.insanos-landing .car-controls { flex-wrap: nowrap; gap: .5rem; }
.insanos-landing .car-dots { flex-wrap: nowrap; justify-content: flex-start; gap: .25rem; min-width: 0; max-width: min(50vw,460px); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.insanos-landing .car-dots::-webkit-scrollbar { display: none; }
.insanos-landing .car-dot { flex: 0 0 44px; min-width: 44px; width: 44px; min-height: 44px; height: 44px; background: transparent; position: relative; }
.insanos-landing .car-dot::after { content: ""; position: absolute; inset: 21px 10px auto; height: 2px; background: var(--in-line); }
.insanos-landing .car-dot.on::after { background: var(--in-pink); }
.insanos-landing .car-dot.on { width: 44px; background: transparent; box-shadow: none; }
.insanos-landing .car-card:focus-visible { outline: 2px solid var(--in-cyan); outline-offset: 4px; }
.insanos-landing .car-card-title { color: #eef0fa; }
.discovery-section { scroll-margin-top: 68px; }
.discovery-heading { display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin-bottom: 2rem; }
.discovery-kicker { color: var(--in-cyan); font-size: .75rem; text-transform: uppercase; letter-spacing: .18em; margin: 0 0 .7rem; }
.discovery-heading h2 { margin: 0; font: 700 clamp(1.25rem,3vw,2rem)/1.4 var(--in-font-display); }
.discovery-heading #catalog-count { color: var(--in-muted); margin: .6rem 0 0; }
.discovery-search { display: flex; gap: .7rem; align-items: center; min-height: 50px; width: min(100%,360px); padding: .5rem .8rem; border: 1px solid var(--in-line-soft); background: var(--in-card); }
.discovery-search:focus-within { border-color: var(--in-cyan); box-shadow: var(--in-focus); }
.discovery-search svg { width: 18px; flex: none; color: var(--in-muted); }
.discovery-search input { min-width: 0; width: 100%; border: 0; background: transparent; color: var(--in-text); outline: 0; min-height: 36px; }
.discovery-search input:focus-visible { box-shadow: none; }
.discovery-search input::placeholder { color: var(--in-muted); opacity: 1; }
.discovery-search kbd { white-space: nowrap; color: var(--in-muted); font-size: .65rem; border: 1px solid var(--in-line-soft); padding: .2rem; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.discovery-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--in-line); }
.discovery-filters label { display: grid; gap: .35rem; font-size: .75rem; color: var(--in-muted); }
.discovery-filters select { min-height: 44px; min-width: 145px; padding: .6rem .8rem; background: var(--in-card); color: var(--in-text); border: 1px solid var(--in-line-soft); }
.discovery-filters option { background: var(--in-card); color: var(--in-text); }
.catalog-status-filters { display: flex; gap: .4rem; flex-wrap: wrap; flex: 1; }
.catalog-status-filters button,.catalog-result-row button { min-height: 44px; background: transparent; color: var(--in-muted); border: 1px solid var(--in-line-soft); padding: .5rem .8rem; cursor: pointer; }
.catalog-status-filters .active { color: var(--in-cyan); border-color: var(--in-cyan); background: rgba(0,229,255,.05); }
.catalog-result-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.2rem 0; color: var(--in-muted); min-height: 44px; }
.catalog-result-row button { color: var(--in-pink); border-color: var(--in-line); }
#catalog-result-label { scroll-margin-top: 90px; }
.catalog-pagination { display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap; margin: 2rem 0 0; }
.catalog-pagination[hidden] { display: none; }
.catalog-page-numbers { display: flex; gap: .35rem; align-items: center; }
.catalog-pagination button { min-width: 44px; min-height: 44px; padding: .55rem .7rem; border: 1px solid var(--in-line-soft); background: var(--in-card); color: var(--in-text); font: inherit; cursor: pointer; }
.catalog-pagination button:hover:not(:disabled),.catalog-pagination button[aria-current="page"] { border-color: var(--in-pink); color: var(--in-pink); background: color-mix(in srgb,var(--in-pink) 8%,var(--in-card)); }
.catalog-pagination button:focus-visible { outline: 2px solid var(--in-cyan); outline-offset: 3px; }
.catalog-pagination button:disabled { opacity: .45; cursor: default; }
@media(max-width:480px) { .catalog-page-numbers { order: -1; flex-basis: 100%; justify-content: center; } }
.discovery-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1.2rem; }
.discovery-grid .empty-state { grid-column: 1 / -1; }
.discovery-grid .empty-state svg { width: 32px; height: 32px; margin: 0 auto; }
.discovery-card { display: flex; flex-direction: column; text-decoration: none; min-width: 0; }
.discovery-card .series-cover { flex: none; aspect-ratio: 2/3; }
.discovery-card .series-info { display: flex; flex-direction: column; flex: 1; padding: 1rem; min-width: 0; }
.series-card-kicker { display: flex; gap: .5rem; align-items: center; justify-content: space-between; }
.discovery-card .series-genre { color: var(--in-muted); font-size: .6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.discovery-card .series-card-type { color: var(--in-cyan); flex: none; }
.discovery-card.t-manga .series-card-type { color: #ff8dbc; }
.discovery-card.t-manhua .series-card-type { color: var(--in-gold); }
.discovery-card h3 { font: 700 1.05rem/1.3 var(--in-font-body); margin: .7rem 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 4.1em; }
.discovery-card .series-card-description { color: var(--in-muted); font-size: .8rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 0 1rem; min-height: 2.8em; }
.discovery-card .card-meta { display: flex; justify-content: space-between; gap: .4rem; margin-top: auto; border-top: 1px solid var(--in-line-soft); padding-top: .8rem; }
.discovery-card .card-meta span { display: grid; gap: .25rem; min-width: 0; }
.discovery-card .card-meta strong { font-size: .8rem; color: var(--in-text); }
.discovery-card .card-meta small { font-size: .65rem; color: var(--in-muted); }
@media(max-width:1200px) { .discovery-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media(max-width:900px) { .discovery-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:620px) {
  .insanos-landing .car-scene:not(.is-flat) { height: 290px; }
  .insanos-landing .car-scene::before,.insanos-landing .car-scene::after { width: 10%; }
  .discovery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
  .discovery-heading { gap: 1.2rem; }
  .discovery-search { width: 100%; }
  .discovery-filters label { flex: 1; min-width: 0; }
  .discovery-filters select { min-width: 0; width: 100%; }
  .catalog-status-filters { flex-basis: 100%; }
  .discovery-card .series-info { padding: .75rem .6rem; }
  .discovery-card .card-meta { flex-wrap: wrap; gap: .6rem; }
  .discovery-card .series-card-kicker { flex-wrap: wrap; }
  .discovery-card h3 { font-size: .95rem; }
}