/* DMM Descubre 1.0.0 — índices de series, autores, editoriales y géneros. Paleta azul/celeste de la marca, primero celular. */
.dsc{--d-azul:#297895;--d-azul-h:#1f5f77;--d-celeste:#73c7df;--d-cielo:#eaf8fc;--d-cielo2:#d7f0f8;--d-tinta:#303441;--d-gris:#5d6170;--d-linea:#e4e7ec;--d-suave:#f6f7f9;
	color:var(--d-tinta);max-width:1240px;margin:0 auto;padding:12px 16px 56px;font-family:inherit;line-height:1.5}
.dsc *{box-sizing:border-box}
.dsc a{color:inherit;text-decoration:none}
.dsc [hidden]{display:none!important}
.dsc-miga{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--d-gris);margin:6px 0 14px}
.dsc-miga a{color:var(--d-azul)}
.dsc-miga a:hover{text-decoration:underline}
.dsc-cab h1{font-family:inherit;font-size:clamp(28px,6.5vw,42px);line-height:1.12;font-weight:800;letter-spacing:-.015em;margin:0 0 10px;color:var(--d-tinta)}
.dsc-intro{max-width:62ch;color:var(--d-gris);font-size:15.5px;margin:0 0 16px}
.dsc-hubs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 18px;padding:0 16px 2px}
.dsc-hubs::-webkit-scrollbar{display:none}
.dsc-hubs a,.dsc-hubs span{flex:none;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--d-linea);background:#fff;white-space:nowrap}
.dsc-hubs a:hover{border-color:var(--d-celeste)}
.dsc-hubs span[aria-current]{background:var(--d-azul);border-color:var(--d-azul);color:#fff}

/* Barra: buscador + filtros */
.dsc-barra{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:6px 0;margin-bottom:4px}
.dsc-q{flex:1 1 260px;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1.5px solid var(--d-linea);border-radius:14px;background:#fff;color:var(--d-gris);transition:border-color .15s,box-shadow .15s}
.dsc-q:focus-within{border-color:var(--d-celeste);box-shadow:0 0 0 3px var(--d-cielo2)}
.dsc-q input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--d-tinta);min-width:0;padding:10px 0}
.dsc-fbtn{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--d-linea);background:#fff;font:inherit;font-weight:700;color:var(--d-tinta);cursor:pointer}
.dsc-fbtn span{color:var(--d-azul)}
.dsc-filtros{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.dsc.is-filtros .dsc-filtros{display:grid}
.dsc-filtros--fijo{display:flex;width:auto}
.dsc-sel{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12.5px;font-weight:700;color:var(--d-gris);text-transform:uppercase;letter-spacing:.04em}
.dsc-sel select{width:100%;min-height:44px;border:1.5px solid var(--d-linea);border-radius:12px;padding:0 34px 0 12px;font:inherit;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--d-tinta);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23297895' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer;max-width:100%}
.dsc-sel select:focus{outline:0;border-color:var(--d-celeste);box-shadow:0 0 0 3px var(--d-cielo2)}
.dsc-limpiar{align-self:end;justify-self:start;min-height:44px;padding:0 14px;border:0;background:none;color:var(--d-azul);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.dsc-letras{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:6px -16px 4px;padding:2px 16px}
.dsc-letras::-webkit-scrollbar{display:none}
.dsc-letras button{flex:none;min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--d-linea);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--d-tinta);cursor:pointer}
.dsc-letras button:hover{border-color:var(--d-celeste)}
.dsc-letras button.is-on{background:var(--d-azul);border-color:var(--d-azul);color:#fff}
.dsc-cuenta{font-size:14px;color:var(--d-gris);margin:10px 0 14px;font-weight:600}
.dsc.is-cargando .dsc-cuenta::after{content:" · cargando…";font-weight:400}

/* Listas */
.dsc-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dsc-lista--series{grid-template-columns:repeat(2,minmax(0,1fr))}
.dsc-c a{display:flex;flex-direction:column;height:100%;border-radius:16px;background:#fff;border:1px solid var(--d-linea);overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s}
.dsc-c a:hover{transform:translateY(-2px);border-color:var(--d-cielo2);box-shadow:0 10px 24px rgba(41,120,149,.12)}
.dsc-cov{display:block;aspect-ratio:160/228;background:var(--d-cielo);overflow:hidden}
.dsc-cov img{width:100%;height:100%;object-fit:cover;display:block}
.dsc-ini{display:grid!important;place-items:center;font-size:40px;font-weight:800;color:var(--d-azul);background:linear-gradient(160deg,var(--d-cielo),var(--d-cielo2))}
.dsc-tx{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;min-width:0}
.dsc-n{font-size:15px;line-height:1.25;font-weight:700;color:var(--d-tinta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dsc-m{font-size:13px;color:var(--d-gris);line-height:1.35}
.dsc-st{align-self:flex-start;margin-top:auto;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-top:6px}
.dsc-st--d{background:#e3f6ec;color:#17643a}
.dsc-st--p{background:var(--d-cielo);color:var(--d-azul-h)}
.dsc-st--a{background:var(--d-suave);color:#6b7080}
.dsc-c .dsc-tx{flex:1}

/* Fichas horizontales (autores, editoriales) */
.dsc-lista--autores,.dsc-lista--editoriales,.dsc-lista--ed{grid-template-columns:1fr}
.dsc-f a{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--d-linea);background:#fff;height:100%;transition:border-color .2s,box-shadow .2s}
.dsc-f a:hover{border-color:var(--d-cielo2);box-shadow:0 8px 20px rgba(41,120,149,.10)}
.dsc-f .dsc-tx{padding:0;flex:1}
.dsc-mini{flex:none;width:60px;height:86px;border-radius:8px;overflow:hidden;background:var(--d-cielo);box-shadow:0 4px 10px rgba(48,52,65,.15)}
.dsc-mini img{width:100%;height:100%;object-fit:cover;display:block}
.dsc-mini.dsc-ini{font-size:26px;box-shadow:none}
.dsc-logo{flex:none;width:96px;height:64px;border-radius:12px;background:var(--d-suave);display:grid;place-items:center;overflow:hidden;padding:6px}
.dsc-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.dsc-logo.dsc-ini{font-size:26px}
.dsc-o{font-size:13px;color:var(--d-azul-h);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Demografías y géneros */
.dsc-sec{margin-top:18px}
.dsc-sec h2,.dsc-h2{font-family:inherit;font-size:clamp(21px,4.6vw,26px);font-weight:800;margin:22px 0 4px;color:var(--d-tinta)}
.dsc-sub{color:var(--d-gris);margin:0 0 14px;font-size:14.5px}
.dsc-dest .dsc-lista{margin-bottom:8px}
.dsc-lista--demo{grid-template-columns:1fr}
.dsc-lista--gen{grid-template-columns:repeat(2,minmax(0,1fr))}
.dsc-g a{display:flex;flex-direction:column;gap:10px;height:100%;padding:14px;border-radius:18px;border:1px solid var(--d-linea);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.dsc-g a:hover{border-color:var(--d-cielo2);box-shadow:0 10px 24px rgba(41,120,149,.12);transform:translateY(-2px)}
.dsc-g--demo a{background:linear-gradient(160deg,var(--d-cielo) 0%,#fff 70%);border-color:var(--d-cielo2)}
.dsc-g .dsc-tx{padding:0}
.dsc-pila{display:flex;flex:none;height:96px}
.dsc-pila img{width:66px;height:96px;object-fit:cover;border-radius:8px;box-shadow:0 6px 14px rgba(48,52,65,.18);background:var(--d-cielo)}
.dsc-pila img+img{margin-left:-34px}
.dsc-pila img:nth-child(2){transform:rotate(3deg)}
.dsc-pila img:nth-child(3){transform:rotate(6deg)}
.dsc-g--demo .dsc-n{font-size:19px}
.dsc-d{font-size:14px;color:var(--d-gris);line-height:1.45;margin-top:4px}

/* Paginación / Ver más */
.dsc-pag{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:26px 0 8px}
.dsc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:var(--d-azul);color:#fff!important;font-weight:700;font-size:15px;transition:background-color .18s}
.dsc-btn:hover{background:var(--d-azul-h)}
.dsc-btn.is-cargando{opacity:.7;pointer-events:none}
.dsc-btn--s{background:#fff;color:var(--d-tinta)!important;border:1.5px solid var(--d-linea)}
.dsc-btn--s:hover{background:#fff;border-color:var(--d-celeste)}
.dsc-pag-n{width:100%;text-align:center;font-size:13px;color:var(--d-gris)}
.dsc-vacio{background:var(--d-suave);border-radius:14px;padding:18px;color:var(--d-gris);text-align:center}
.dsc-vacio a{color:var(--d-azul);text-decoration:underline}
.dsc-pie{font-size:12.5px;color:#8a8f9c;text-align:center;margin-top:28px}
.dsc a:focus-visible,.dsc button:focus-visible{outline:3px solid var(--d-celeste);outline-offset:2px}

@media (min-width:600px){
	.dsc{padding:16px 22px 64px}
	.dsc-lista--series{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dsc-lista--autores,.dsc-lista--editoriales,.dsc-lista--ed{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dsc-lista--gen{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dsc-lista--demo{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
	.dsc-fbtn{display:none}
	.dsc-filtros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
	.dsc-filtros--fijo{display:flex}
	.dsc-q{flex-basis:100%}
	.dsc-lista--series{grid-template-columns:repeat(4,minmax(0,1fr))}
	.dsc-lista--autores,.dsc-lista--editoriales,.dsc-lista--ed{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dsc-lista--gen{grid-template-columns:repeat(4,minmax(0,1fr))}
	.dsc-lista--demo{grid-template-columns:repeat(3,minmax(0,1fr))}
	.dsc-hubs{margin:0 0 18px;padding:0}
	.dsc-letras{flex-wrap:wrap;margin:6px 0 4px;padding:0}
}
@media (min-width:1200px){.dsc-lista--series{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.dsc-c a,.dsc-g a{transition:none}.dsc-c a:hover,.dsc-g a:hover{transform:none}}