/* /src/styles/indies.css */
.pagina-indiehub {
--ih-acento: #ff4d9d;
--ih-acento-suave: rgba(247, 37, 133, .14);
--ih-calido: #c86bfa;
--ih-crema: #f3ecfa;
background:
radial-gradient(1100px 620px at 85% 0%, rgba(247, 37, 133, .07), transparent 62%),
radial-gradient(900px 800px at 0% 55%, rgba(140, 80, 250, .05), transparent 60%);
--ih-escalon: polygon(0 6px, 6px 6px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px), 0 calc(100% - 6px));
}
.pagina-indiehub .pc-ante { color: var(--ih-acento); }
.ih-hero-botones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.ih-cifras { margin: 14px 0 0; font-size: 14px; color: var(--text-secondary); letter-spacing: .01em; }
.pagina-indiehub section { margin-top: 44px; }
.pagina-indiehub section:first-child { margin-top: 8px; }
.ih-estante-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.ih-estante-cab > div { min-width: 0; flex: 1 1 260px; }
.ih-cuenta { font-family: var(--font-pixel); font-size: 11px; color: var(--ih-acento); padding: 3px 6px; border: 1px solid currentColor; border-radius: 4px; }
.ih-criterio { margin: 6px 0 0; font-size: 14px; color: var(--text-secondary); max-width: 70ch; }
.ih-nota { margin: 18px 0 0; font-size: 13px; color: var(--text-muted); max-width: 80ch; }
.ih-nota abbr, .ih-cat-n abbr { text-decoration: underline dotted; cursor: help; }
.ih-pista {
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--pc-col-min-movil, 150px), 190px);
gap: var(--pc-hueco, 16px); overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x proximity; padding: 4px 2px 14px; scrollbar-width: thin;
}
.ih-pista-hueco { scroll-snap-align: start; min-width: 0; }
.ih-pista .content-card { height: 100%; }
.ih-cat-rejilla { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)); gap: 16px; }
.ih-cat-hueco { min-width: 0; }
.ih-cat {
--cat: var(--ih-acento);
position: relative; display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 14px;
height: 100%; min-height: 150px; box-sizing: border-box; padding: 16px 16px 16px 12px; overflow: hidden;
color: var(--text-primary); text-decoration: none;
background:
radial-gradient(130% 120% at 0% 100%, color-mix(in srgb, var(--cat) 26%, transparent), transparent 62%),
linear-gradient(180deg, color-mix(in srgb, var(--cat) 8%, var(--bg-surface)), var(--bg-surface));
clip-path: var(--ih-escalon);
box-shadow: inset 0 3px 0 var(--cat), inset 0 0 0 1px color-mix(in srgb, var(--cat) 30%, var(--border));
transition: transform .18s steps(3), box-shadow .18s;
}
.ih-cat::after {
content: ''; position: absolute; right: 0; top: 0; width: 64px; height: 64px; pointer-events: none; opacity: .5;
background-image: radial-gradient(var(--cat) 1.2px, transparent 1.6px); background-size: 8px 8px;
-webkit-mask-image: linear-gradient(225deg, #000 0%, transparent 70%); mask-image: linear-gradient(225deg, #000 0%, transparent 70%);
}
.ih-cat:hover, .ih-cat:focus-visible { transform: translate(-2px, -3px); box-shadow: inset 0 3px 0 var(--cat), inset 0 0 0 1px var(--cat), 0 0 22px color-mix(in srgb, var(--cat) 35%, transparent); }
.ih-cat:focus-visible { outline: 2px solid var(--cat); outline-offset: 2px; }
.ih-cat-abanico { position: relative; height: 118px; }
.ih-cat-abanico img {
position: absolute; left: 22px; bottom: 0; width: 66px; height: 99px; object-fit: cover; border-radius: 4px;
box-shadow: 0 6px 14px rgba(0, 0, 0, .55), 0 0 0 1px rgba(0, 0, 0, .5); background: var(--bg-elevated);
transform-origin: 50% 100%; transition: transform .22s steps(4);
}
.ih-cat-abanico img:nth-child(1) { transform: rotate(-12deg) translateX(-16px); z-index: 1; }
.ih-cat-abanico img:nth-child(2) { transform: rotate(0deg) translateY(-6px); z-index: 3; }
.ih-cat-abanico img:nth-child(3) { transform: rotate(12deg) translateX(16px); z-index: 2; }
.ih-cat:hover .ih-cat-abanico img:nth-child(1), .ih-cat:focus-visible .ih-cat-abanico img:nth-child(1) { transform: rotate(-20deg) translateX(-24px) translateY(-4px); }
.ih-cat:hover .ih-cat-abanico img:nth-child(2), .ih-cat:focus-visible .ih-cat-abanico img:nth-child(2) { transform: rotate(0deg) translateY(-14px) scale(1.06); }
.ih-cat:hover .ih-cat-abanico img:nth-child(3), .ih-cat:focus-visible .ih-cat-abanico img:nth-child(3) { transform: rotate(20deg) translateX(24px) translateY(-4px); }
.ih-cat-abanico img.portada-apaisada { object-fit: contain; background: #05070c; }
.ih-cat-texto { display: grid; gap: 4px; min-width: 0; position: relative; z-index: 1; }
.ih-cat-ico { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 2px; color: #0a0e18; background: var(--cat); clip-path: var(--ih-escalon); }
.ih-cat-nombre { font-weight: 800; font-size: 18px; line-height: 1.15; }
.ih-cat-frase { font-size: 13px; color: var(--text-secondary); }
.ih-cat-n { font-size: 12px; color: color-mix(in srgb, var(--cat) 70%, var(--text-secondary)); font-weight: 700; }
.ih-parati--vacio { padding: 18px 20px; background: var(--bg-surface); border-left: 4px solid var(--ih-acento); }
.ih-parati--vacio p { margin: 8px 0 0; color: var(--text-secondary); max-width: 75ch; }
.ih-filtros { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: 12px; align-items: end; padding: 16px; background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border); }
.ih-campo { display: grid; gap: 6px; font-size: 13px; color: var(--text-secondary); min-width: 0; }
.ih-campo--ancho { grid-column: 1 / -1; }
.ih-campo input, .ih-campo select {
width: 100%; min-height: 44px; box-sizing: border-box; padding: 0 12px;
background: var(--bg-input); color: var(--text-primary); border: 1px solid var(--border-strong); border-radius: 8px; font: inherit; font-size: 15px;
}
.ih-campo input:focus-visible, .ih-campo select:focus-visible, .ih-check input:focus-visible { outline: 2px solid var(--ih-acento); outline-offset: 2px; }
.ih-check { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; color: var(--text-primary); }
.ih-check input { width: 20px; height: 20px; accent-color: var(--ih-acento); }
.ih-limpiar { justify-self: start; }
.ih-total { margin: 18px 0 12px; font-weight: 700; color: var(--text-secondary); }
.ih-rejilla { margin-top: 4px; }
.ih-mas { display: flex; justify-content: center; margin-top: 22px; }
.ih-vacio { margin-top: 22px; padding: 22px; background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border); }
.ih-vacio p { margin: 0 0 12px; }
.ficha-indie h3 { display: flex; align-items: center; gap: 8px; }
.fi-datos p { margin: 8px 0; }
.fi-etq { display: inline-block; min-width: 82px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); }
.fi-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.fi-chip { display: inline-block; padding: 4px 8px; font-size: 13px; background: var(--bg-elevated, rgba(255,255,255,.06)); border-radius: 4px; color: var(--text-primary); }
.fi-chip--aviso { color: var(--accent-yellow); }
.fi-chip--bien { color: #2fd8c4; }
.fi-chip--nota { color: var(--accent-pink-texto, #ff4d9d); font-weight: 700; }
.fi-enlace { color: var(--accent-pink-texto, #ff4d9d); text-decoration: underline; text-underline-offset: 3px; }
.fi-capturas { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 46%); gap: 10px; overflow-x: auto; padding: 4px 0 12px; margin-top: 10px; scroll-snap-type: x proximity; }
.fi-captura { display: block; scroll-snap-align: start; border-radius: 6px; overflow: hidden; }
.fi-captura img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.fi-captura:focus-visible { outline: 2px solid var(--accent-pink, #f72585); outline-offset: 2px; }
.fi-desplegable { margin-top: 10px; padding: 10px 12px; background: var(--bg-surface, rgba(255,255,255,.03)); border-radius: 6px; }
.fi-desplegable summary { cursor: pointer; font-weight: 700; min-height: 32px; display: flex; align-items: center; }
.fi-desplegable p { margin: 8px 0 0; color: var(--text-secondary); line-height: 1.6; }
.fi-voces { font-size: 12px; color: #c86bfa; }
.fi-req-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 16px; margin-top: 8px; }
.fi-req-cols h4 { margin: 0 0 6px; font-size: 14px; }
.fi-req { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 10px; margin: 0; font-size: 13px; }
.fi-req dt { color: var(--text-muted); }
.fi-req dd { margin: 0; color: var(--text-secondary); overflow-wrap: anywhere; }
.fi-fuente { margin-top: 12px; font-size: 13px; color: var(--text-muted); }
@media (max-width: 640px) {
.pagina-indiehub section { margin-top: 34px; }
.ih-cat-rejilla { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 82%; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: 10px; }
.ih-cat-hueco { scroll-snap-align: start; }
.ih-hero-botones .pc-btn { flex: 1 1 100%; justify-content: center; }
.ih-pista { grid-auto-columns: 46%; }
.fi-capturas { grid-auto-columns: 82%; }
}
@media (prefers-reduced-motion: reduce) {
.ih-cat, .ih-cat:hover, .ih-cat-abanico img { transition: none; }
.ih-cat:hover, .ih-cat:focus-visible { transform: none; }
}
.rs-resumen { margin: 6px 0 12px; color: var(--text-secondary); }
.rs-media { font-size: 22px; font-weight: 800; color: var(--accent-pink-texto, #ff4d9d); }
.rs-form { display: grid; gap: 10px; padding: 12px; background: var(--bg-surface, rgba(255,255,255,.03)); border-radius: 6px; }
.rs-nota { display: flex; flex-wrap: wrap; gap: 6px; border: 0; margin: 0; padding: 0; }
.rs-nota legend { font-weight: 700; margin-bottom: 6px; padding: 0; }
.rs-estrella { position: relative; }
.rs-estrella input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rs-estrella span { display: grid; place-items: center; min-width: 44px; min-height: 44px; border-radius: 6px; background: var(--bg-elevated, rgba(255,255,255,.06)); font-weight: 700; }
.rs-estrella span::before { content: '★ '; color: var(--accent-pink-texto, #ff4d9d); white-space: pre; }
.rs-estrella input:checked + span { background: var(--accent-pink-relleno, #dc1f78); color: #fff; }
.rs-estrella input:checked + span::before { color: #fff; }
.rs-estrella input:checked + span::before { color: #111; }
.rs-estrella input:focus-visible + span { outline: 2px solid var(--accent-pink, #f72585); outline-offset: 2px; }
.rs-campo { display: grid; gap: 6px; font-size: 13px; color: var(--text-secondary); }
.rs-campo textarea, .rs-campo select { width: 100%; box-sizing: border-box; padding: 10px 12px; min-height: 44px; background: var(--bg-input); color: var(--text-primary); border: 1px solid var(--border-strong); border-radius: 8px; font: inherit; font-size: 15px; }
.rs-botones { display: flex; flex-wrap: wrap; gap: 8px; }
.rs-aviso { margin: 0; color: var(--accent-yellow); font-size: 14px; }
.rs-lista { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px; }
.rs-item { padding: 10px 12px; border-left: 3px solid var(--border-strong); }
.rs-cab { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; }
.rs-estrellas { color: var(--accent-pink-texto, #ff4d9d); letter-spacing: 1px; }
.rs-vacias { color: var(--text-muted); opacity: .45; }
.rs-fecha { font-size: 12px; color: var(--text-muted); }
.rs-tuya { font-size: 11px; padding: 2px 6px; border-radius: 4px; background: var(--bg-elevated); color: var(--accent-pink-texto, #ff4d9d); }
.rs-texto { margin: 6px 0 0; color: var(--text-secondary); white-space: pre-line; overflow-wrap: anywhere; }
.rs-denunciar { margin-top: 6px; font-size: 13px; }
.rs-denunciar summary { cursor: pointer; color: var(--text-muted); min-height: 32px; display: inline-flex; align-items: center; }
.rs-denunciar form { display: grid; gap: 8px; max-width: 320px; margin-top: 6px; }
.fi-parecidos-titulo { margin: 18px 0 0; font-size: 15px; }
.ih-presentados .mki-presentados { margin-top: 12px; }
.ih-abrir { color: inherit; text-decoration: none; }
.ih-abrir:focus-visible { outline: 2px solid var(--ih-acento); outline-offset: 3px; }
.ih-seccion { margin-top: 52px; }
.ih-nota-chip { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 12px; font-weight: 800; color: #fff; background: var(--accent-pink-relleno, #dc1f78); }
.ih-cat-rejilla { grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: minmax(268px, 300px); overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-x: contain; padding: 4px 2px 12px; }
.ih-cat-hueco { scroll-snap-align: start; }
.ih-mosaico { display: grid; grid-template-columns: 1.1fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 14px; min-height: 420px; }
.ih-mosaico > a { position: relative; overflow: hidden; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--border); background: var(--bg-surface); }
.ih-mosaico-grande { grid-row: 1 / 3; }
.ih-mosaico-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s steps(5); }
.ih-mosaico > a:hover .ih-mosaico-img, .ih-mosaico > a:focus-visible .ih-mosaico-img { transform: scale(1.04); }
.ih-mosaico-texto { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 12px; display: grid; gap: 4px; background: linear-gradient(0deg, rgba(7,10,18,.95), transparent); }
.ih-mosaico-titulo { font-weight: 800; font-size: 17px; }
.ih-mosaico-grande .ih-mosaico-titulo { font-size: 24px; }
.ih-mosaico-meta { font-size: 13px; color: var(--text-secondary); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ih-top-marco { padding: 26px 26px 22px; border-radius: 16px; background: linear-gradient(180deg, rgba(247, 37, 133, .08), rgba(140, 80, 250, .03) 60%, transparent), var(--bg-surface); box-shadow: inset 0 0 0 1px rgba(247, 37, 133, .3), 0 0 32px rgba(247, 37, 133, .08); }
.ih-podio { list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 16px; align-items: end; }
.ih-podio-tarjeta { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; padding: 10px 10px 14px; border-radius: 12px; background: rgba(6, 8, 16, .4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .10); transition: transform .18s steps(3), box-shadow .18s; }
.ih-podio-tarjeta:hover, .ih-podio-tarjeta:focus-visible { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--ih-acento), 0 10px 24px rgba(0, 0, 0, .35); }
.ih-podio-arte { grid-column: 1 / -1; position: relative; display: block; aspect-ratio: 460 / 215; overflow: hidden; border-radius: 8px; }
.ih-podio-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ih-podio-n { position: absolute; left: 0; bottom: 0; padding: 6px 12px 4px; font-family: var(--font-pixel); font-size: 26px; line-height: 1; color: #1a120a; background: var(--medalla, var(--ih-acento)); border-top-right-radius: 8px; }
.ih-podio-1 { --medalla: #f2c14e; }
.ih-podio-2 { --medalla: #d8cfc4; }
.ih-podio-3 { --medalla: #d08a5a; }
.ih-podio-1 .ih-podio-n { font-size: 34px; }
.ih-podio-texto { display: grid; gap: 2px; min-width: 0; align-self: center; padding-left: 4px; }
.ih-podio-titulo { font-weight: 800; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-podio-1 .ih-podio-titulo { font-size: 20px; }
.ih-ranking { list-style: none; margin: 16px 0 0; padding: 6px 4px 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); gap: 0 24px; border-top: 1px dashed rgba(255, 255, 255, .16); }
.ih-ranking li { border-bottom: 1px dashed rgba(255, 255, 255, .10); }
.ih-top-fila { display: grid; grid-template-columns: 40px 104px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 9px 8px 9px 2px; border-radius: 8px; transition: background .15s; }
.ih-top-fila:hover, .ih-top-fila:focus-visible { background: rgba(247, 37, 133, .08); }
.ih-top-n { font-family: var(--font-pixel); font-size: 22px; text-align: center; color: var(--ih-crema); opacity: .75; }
.ih-top-img { width: 104px; height: 49px; object-fit: cover; border-radius: 6px; }
.ih-top-texto { display: grid; gap: 2px; min-width: 0; }
.ih-top-titulo { font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-top-meta { font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-top-mc { display: grid; justify-items: center; align-self: center; min-width: 52px; padding: 5px 6px 4px; border-radius: 8px; color: #fff; background: linear-gradient(180deg, #f72585, #dc1f78); box-shadow: 0 0 14px rgba(247, 37, 133, .35); line-height: 1; }
.ih-top-mc-n { font-weight: 800; font-size: 19px; }
.ih-top-mc-l { font-size: 9px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; opacity: .7; margin-top: 2px; }
.ih-est-rejilla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 18px; }
.ih-est { --est: var(--ih-acento); position: relative; display: grid; gap: 12px; height: 100%; box-sizing: border-box; padding: 18px; overflow: hidden; border-radius: 14px; color: var(--text-primary); text-decoration: none; background: var(--bg-surface); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--est) 28%, var(--border)); transition: transform .18s steps(3), box-shadow .18s; }
.ih-est:hover, .ih-est:focus-visible { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--est), 0 12px 26px rgba(0, 0, 0, .35); }
.ih-est:focus-visible { outline: 2px solid var(--est); outline-offset: 3px; }
.ih-est-fondo { position: absolute; inset: 0 0 auto 0; height: 150px; overflow: hidden; }
.ih-est-fondo-img { width: 100%; height: 100%; object-fit: cover; opacity: .45; filter: saturate(.85) sepia(.15); }
.ih-est-fondo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--est) 22%, transparent), var(--bg-surface) 96%); }
.ih-est > :not(.ih-est-fondo) { position: relative; }
.ih-est-cab { display: flex; align-items: center; gap: 12px; margin-top: 38px; min-width: 0; }
.ih-est-mono { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 12px; font-family: var(--font-pixel); font-size: 18px; color: #1a120a; background: var(--est); box-shadow: 0 4px 0 color-mix(in srgb, var(--est) 55%, #000), 0 0 0 3px var(--bg-surface); }
.ih-est-id { display: grid; gap: 2px; min-width: 0; }
.ih-est-nombre { font-weight: 800; font-size: 19px; line-height: 1.15; }
.ih-est-sub { font-size: 13px; color: var(--text-secondary); }
.ih-est-conocido { font-size: 14px; color: var(--text-secondary); }
.ih-est-conocido strong { color: var(--ih-crema); }
.ih-est-portadas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ih-est-portada { width: 100%; aspect-ratio: 2 / 3; height: auto; object-fit: cover; border-radius: 6px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .10); }
.ih-est-datos { display: flex; flex-wrap: wrap; gap: 6px; }
.ih-est-chip { padding: 3px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; color: #1a120a; background: var(--est); }
.ih-est-chip--suave { color: var(--text-primary); background: color-mix(in srgb, var(--est) 14%, var(--bg-elevated, #1a1f2e)); }
.ih-est-ir { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--est); }
.pagina-indiehub .indies-estudios { border-color: rgba(247, 37, 133, .35); background: radial-gradient(120% 160% at 0% 50%, rgba(247, 37, 133, .14), transparent 58%), radial-gradient(80% 120% at 100% 100%, rgba(140, 80, 250, .10), transparent 60%), var(--bg-surface); }
.pagina-indiehub .indies-estudios-ico { color: #fff; background: var(--accent-pink-relleno, #dc1f78); }
.ih-linea { list-style: none; margin: 0; padding: 0 0 0 4px; display: grid; gap: 12px; position: relative; }
.ih-linea::before { content: ""; position: absolute; left: 82px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(var(--ih-acento), transparent); }
.ih-linea-paso { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 28px; align-items: center; position: relative; }
.ih-linea-paso::before { content: ""; position: absolute; left: 73px; width: 10px; height: 10px; background: var(--ih-acento); box-shadow: 0 0 10px var(--ih-acento); }
.ih-linea-fecha { display: grid; justify-items: end; line-height: 1.1; }
.ih-linea-dia { font-family: var(--font-pixel); font-size: 22px; color: var(--text-primary); }
.ih-linea-mes { font-size: 12px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .05em; }
.ih-linea-tarjeta { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 8px 14px 8px 8px; border-radius: 10px; background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border); transition: box-shadow .15s, transform .15s; }
.ih-linea-tarjeta:hover, .ih-linea-tarjeta:focus-visible { box-shadow: inset 0 0 0 1px var(--ih-acento); transform: translateX(4px); }
.ih-linea-img { width: 150px; height: 70px; object-fit: cover; border-radius: 6px; }
.ih-linea-texto { display: grid; gap: 3px; min-width: 0; }
.ih-linea-titulo { font-weight: 800; font-size: 16px; }
.ih-linea-meta { font-size: 13px; color: var(--text-secondary); }
.ih-carteles { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 240px); gap: 18px; overflow-x: auto; padding: 6px 2px 14px; }
.ih-cartel { position: relative; display: grid; border-radius: 10px; overflow: hidden; aspect-ratio: 2 / 3; box-shadow: 0 0 0 1px var(--border), 0 10px 26px rgba(0,0,0,.5); }
.ih-cartel-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ih-cartel-cinta { position: absolute; top: 14px; left: -36px; transform: rotate(-30deg); padding: 5px 44px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: var(--accent-pink-relleno, #dc1f78); box-shadow: 0 2px 8px rgba(0,0,0,.5), 0 0 14px rgba(247, 37, 133, .4); }
.ih-cartel-titulo { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 12px 12px; font-weight: 800; background: linear-gradient(0deg, rgba(7,10,18,.95), transparent); }
@media (max-width: 760px) {
.ih-mosaico { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 140px 140px; }
.ih-mosaico-grande { grid-column: 1 / 3; grid-row: auto; }
.ih-top-marco { padding: 18px 14px 14px; }
.ih-podio { grid-template-columns: 1fr; }
.ih-top-fila { grid-template-columns: 30px 80px minmax(0, 1fr) auto; gap: 10px; }
.ih-top-n { font-size: 18px; }
.ih-top-img { width: 80px; height: 38px; }
.ih-linea::before { left: 58px; }
.ih-linea-paso { grid-template-columns: 48px minmax(0, 1fr); gap: 20px; }
.ih-linea-paso::before { left: 49px; }
.ih-linea-dia { font-size: 16px; }
.ih-linea-tarjeta { grid-template-columns: 96px minmax(0, 1fr); }
.ih-linea-tarjeta .ih-nota-chip { display: none; }
.ih-linea-img { width: 96px; height: 46px; }
.ih-cat-rejilla { grid-auto-columns: 82%; }
}
@media (prefers-reduced-motion: reduce) {
.ih-mosaico-img, .ih-linea-tarjeta, .ih-podio-tarjeta, .ih-est { transition: none; }
}
.pc-pagina.pagina-indiehub > .pc-cabecera.ih-cabecera { padding: 26px 0 8px; }
.ih-cabecera-rejilla { display: grid; grid-template-columns: minmax(0, 492px) minmax(0, 1fr); gap: 16px; align-items: end; }
.ih-cabecera-texto { min-width: 0; }
.pc-pagina .ih-cabecera .pc-migas { font-size: 15px; margin-bottom: 14px; }
.pc-pagina .ih-cabecera .pc-ante { margin: 0; font-size: 15px; color: var(--accent-pink-texto, #ff4d9d); gap: 12px; }
.pc-pagina .ih-cabecera .pc-ante svg { color: var(--accent-pink-texto, #ff4d9d); }
.pc-pagina .ih-cabecera .pc-titulo { font-size: clamp(48px, 4.2vw, 66px); line-height: 1.05; margin: 4px 0 14px; }
.ih-lema { margin: 0 0 8px; font-size: clamp(19px, 1.35vw, 23px); font-weight: 500; line-height: 1.25; color: #fff; }
.pc-pagina .ih-cabecera .pc-entradilla { margin: 0; font-size: 14px; line-height: 1.5; max-width: none; color: var(--text-secondary); }
.ih-creador {
--ih-creador-rosa: #f52280;
position: relative; isolation: isolate; overflow: hidden;
display: grid; grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "titulo titulo" "txt boton" ". pie";
align-items: center; column-gap: 28px; row-gap: 2px;
min-height: 136px; box-sizing: border-box;
padding: 14px 22px 12px clamp(230px, 40%, 396px);
border: 1px solid rgba(245, 34, 128, .6); border-radius: 6px;
background: #080c16;
box-shadow: 0 0 28px rgba(245, 34, 128, .12);
}
.ih-creador-arte {
position: absolute; z-index: -1; inset: 0 auto 0 0; width: clamp(260px, 42%, 420px);
background: var(--arte) 0 50% / auto 100% no-repeat; image-rendering: pixelated;
-webkit-mask-image: linear-gradient(90deg, #000 76%, transparent);
mask-image: linear-gradient(90deg, #000 76%, transparent);
}
.ih-creador h2 { grid-area: titulo; margin: 0 0 6px; font-size: clamp(22px, 1.6vw, 27px); line-height: 1.2; color: #fff; }
.ih-creador h2 em { font-style: normal; color: var(--ih-creador-rosa); }
.ih-creador-txt { grid-area: txt; min-width: 0; margin: 0; font-size: 15px; line-height: 1.5; color: #e7e6ef; max-width: 40ch; }
.ih-creador-pie { grid-area: pie; justify-self: end; margin: 8px 0 0; font-size: 12px; color: #a3a6b8; white-space: nowrap; }
.ih-creador-boton, .ih-boton-rosa, .ih-boton-borde {
display: inline-flex; align-items: center; gap: 14px;
min-height: 46px; padding: 0 24px 0 6px; box-sizing: border-box; border-radius: 6px;
font-family: var(--font-pixel); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
color: #fff; text-decoration: none; background: #f52280; border: 0;
box-shadow: 0 0 22px rgba(245, 34, 128, .38);
transition: background .15s, box-shadow .15s;
}
.ih-creador-boton { grid-area: boton; min-height: 48px; }
:is(.ih-creador-boton, .ih-boton-rosa, .ih-boton-borde) * { font: inherit; letter-spacing: inherit; }
:is(.ih-creador-boton, .ih-boton-rosa):hover { color: #fff; background: #ff3d93; box-shadow: 0 0 30px rgba(245, 34, 128, .55); }
.ih-boton-borde { background: transparent; box-shadow: inset 0 0 0 1px rgba(245, 34, 128, .7); }
.ih-boton-borde:hover { color: #fff; background: rgba(245, 34, 128, .14); }
:is(.ih-creador-boton, .ih-boton-rosa, .ih-boton-borde):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.ih-creador-ico, .ih-boton-ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 4px; background: rgba(0, 0, 0, .12); }
.ih-barra { display: flex; align-items: center; gap: 40px; margin: 34px 0 20px; }
.ih-pastillas-marco { position: relative; display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; }
.ih-pastillas { list-style: none; margin: 0; padding: 2px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.ih-pastillas::-webkit-scrollbar { display: none; }
.ih-pastillas > li { flex: none; }
.ih-pastilla, .ih-pastillas-mas {
display: inline-flex; align-items: center; justify-content: center; height: 41px; box-sizing: border-box; padding: 0 18px;
font-family: var(--font-pixel); font-size: 10px; letter-spacing: .03em; text-transform: uppercase; color: #fff; text-decoration: none;
background: rgba(12, 14, 26, .9); border: 1px solid rgba(255, 255, 255, .22); border-radius: 3px;
transition: border-color .15s, background .15s;
}
.ih-pastilla:hover, .ih-pastillas-mas:hover { color: #fff; border-color: #f52280; }
.ih-pastilla.is-activa { background: #f52280; border-color: #f52280; box-shadow: 0 0 16px rgba(245, 34, 128, .35); }
.ih-pastilla:focus-visible, .ih-pastillas-mas:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ih-pastillas-mas { flex: none; width: 36px; padding: 0; cursor: pointer; }
.ih-pastillas-mas[hidden] { display: none; }
.ih-buscar { flex: 0 0 316px; }
.ih-buscar-campo { display: flex; align-items: center; gap: 12px; height: 42px; padding: 0 14px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, .26); border-radius: 3px; background: rgba(8, 10, 20, .6); }
.ih-buscar-campo:focus-within { border-color: #f52280; }
.ih-buscar-campo svg { flex: none; color: var(--accent-cyan, #00f5d4); }
.ih-buscar-campo input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: 15px; }
.ih-buscar-campo input::placeholder { color: #8f93a8; }
.ih-portada-arriba { display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.pagina-indiehub .ih-portada-arriba > section { margin: 0; }
.ih-semana {
position: relative; margin: 0; display: grid; gap: 12px; padding: 14px 16px 18px;
border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; background: rgba(12, 14, 26, .72);
}
.ih-semana-ante { margin: 0; display: flex; align-items: center; gap: 10px; font-family: var(--font-pixel); font-size: 11px; letter-spacing: .06em; color: var(--accent-pink-texto, #ff4d9d); text-transform: uppercase; }
.ih-semana-ante svg { color: var(--accent-pink-texto, #ff4d9d); }
.ih-semana-cuerpo { display: grid; grid-template-columns: minmax(0, 47%) minmax(0, 1fr); gap: 24px; align-items: start; }
.ih-semana-media { position: relative; aspect-ratio: 370 / 207; border-radius: 6px; overflow: hidden; background: #0b0f1a; box-shadow: 0 10px 26px rgba(0, 0, 0, .45); }
.ih-semana-pases, .ih-semana-img { position: absolute; inset: 0; }
.ih-semana-img { width: 100%; height: 100%; object-fit: cover; visibility: hidden; }
.ih-semana-img.is-activa { visibility: visible; }
.ih-semana-texto { display: grid; gap: 10px; align-content: start; min-width: 0; }
.ih-semana-titulo { margin: 0; font-size: clamp(22px, 1.75vw, 28px); font-weight: 800; line-height: 1.15; color: #fff; }
.ih-semana-meta { margin: -2px 0 0; font-size: 15px; color: var(--text-secondary); }
.ih-semana-resumen { margin: 0; font-size: 15px; line-height: 1.55; color: #d9d8e4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ih-semana-botones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }
.ih-semana-puntos { position: absolute; right: 22px; bottom: 16px; display: flex; gap: 8px; }
.ih-semana-puntos[hidden] { display: none; }
.ih-punto { width: 12px; height: 7px; padding: 0; border: 0; border-radius: 4px; background: #3a3f57; cursor: pointer; }
.ih-punto.is-activo { background: #f52280; box-shadow: 0 0 10px rgba(245, 34, 128, .6); }
.ih-punto:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ih-chips-genero { display: flex; flex-wrap: wrap; gap: 8px; }
.ih-chips-genero span { padding: 4px 10px; border-radius: 3px; font-size: 13px; line-height: 1.3; color: #e7e6ef; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24); }
.ih-pildora {
position: absolute; top: 8px; right: 8px; z-index: 1; display: inline-flex; align-items: center; gap: 5px;
padding: 3px 8px; border-radius: 4px; font-size: 14px; font-weight: 800; color: #fff;
background: rgba(6, 8, 16, .82); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}
.ih-pildora > span { color: #ffc83d; }
.ih-recomendados { display: grid; gap: 14px; min-width: 0; margin: 0; }
.ih-recomendados-cab, .ih-novedades-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ih-recomendados-titulo, .ih-novedades-titulo { margin: 0; display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 800; line-height: 1.2; color: #fff; }
.ih-recomendados-titulo svg, .ih-novedades-titulo svg { flex: none; color: var(--accent-pink-texto, #ff4d9d); }
.ih-ver-todos { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; color: var(--accent-pink-texto, #ff4d9d); text-decoration: none; white-space: nowrap; }
.ih-ver-todos:hover { color: #fff; }
.ih-recomendados-lista, .ih-novedades-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ih-novedades-lista { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:is(.ih-recomendados-lista, .ih-novedades-lista) > li { display: grid; min-width: 0; }
.ih-reco {
display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: 6px; text-decoration: none; color: inherit;
background: rgba(12, 14, 26, .9); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
transition: transform .15s, box-shadow .15s;
}
.ih-reco:hover, .ih-reco:focus-visible { transform: translateY(-3px); box-shadow: 0 0 0 1px #f52280, 0 0 22px rgba(245, 34, 128, .28); }
.ih-reco-img { position: relative; display: block; aspect-ratio: 616 / 330; overflow: hidden; background: #0b0f1a; }
.ih-reco-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ih-reco-texto { display: grid; align-content: start; gap: 4px; padding: 12px 14px 14px; min-width: 0; }
.ih-reco-titulo { font-weight: 800; font-size: 15px; line-height: 1.25; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-reco-estudio { font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-reco .ih-chips-genero { margin-top: 10px; gap: 6px; }
.ih-reco .ih-chips-genero span { font-size: 12px; padding: 3px 8px; }
.ih-novedades-cab { align-items: flex-start; }
.ih-novedades-cab .ih-ver-todos { margin-top: 6px; }
.pagina-indiehub .ih-novedades { margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .08); display: grid; gap: 16px; }
.ih-cuenta-rosa { display: inline-grid; place-items: center; min-width: 28px; padding: 1px 6px; box-sizing: border-box; border-radius: 3px; font-size: 13px; font-weight: 800; color: var(--accent-pink-texto, #ff4d9d); box-shadow: inset 0 0 0 1px currentColor; }
.ih-novedades-criterio { margin: 4px 0 0; font-size: 15px; color: var(--text-secondary); }
@media (max-width: 1180px) {
.ih-cabecera-rejilla { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1100px) {
.ih-portada-arriba { grid-template-columns: minmax(0, 1fr); }
.ih-novedades-lista { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.ih-novedades-lista > li { flex: 0 0 30%; scroll-snap-align: start; }
}
@media (max-width: 900px) {
.ih-creador { grid-template-columns: minmax(0, 1fr); grid-template-areas: "titulo" "txt" "boton" "pie"; row-gap: 10px; }
.ih-creador-boton, .ih-creador-pie { justify-self: start; }
.ih-barra { flex-direction: column; align-items: stretch; gap: 12px; }
.ih-buscar { flex: none; }
}
@media (max-width: 720px) {
.pc-pagina.pagina-indiehub > .pc-cabecera.ih-cabecera { padding-top: 22px; }
.ih-creador { padding: 0 18px 18px; grid-template-areas: "arte" "titulo" "txt" "boton" "pie"; }
.ih-creador-arte {
grid-area: arte; position: static; width: auto; height: 131px; margin: 0 -18px 4px;
background-position: 30% 50%;
-webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);
mask-image: linear-gradient(180deg, #000 60%, transparent);
}
.ih-creador-boton { justify-self: stretch; justify-content: center; }
.ih-creador-pie { justify-self: center; white-space: normal; text-align: center; }
.ih-semana-cuerpo { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.ih-semana-puntos { position: static; justify-content: center; }
.ih-semana-botones > * { flex: 1 1 auto; justify-content: center; }
}
@media (max-width: 640px) {
.ih-recomendados-lista { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.ih-recomendados-lista > li { flex: 0 0 72%; scroll-snap-align: start; }
.ih-novedades-lista > li { flex-basis: 62%; }
.ih-recomendados-titulo, .ih-novedades-titulo { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .ih-reco, .ih-pastilla { transition: none; } .ih-reco:hover { transform: none; } }
.pc-pagina.pagina-indiehub :is(.pc-btn--primario, .pixel-btn-macizo, .pixel-btn-filled) {
--m: var(--accent-pink, #f72585); --s: #7a0e40; border-color: var(--accent-pink, #f72585); background: var(--accent-pink-relleno, #dc1f78); color: #fff;
}
.pc-pagina.pagina-indiehub :is(.pc-btn--primario, .pixel-btn-macizo, .pixel-btn-filled):hover { --m: #ff4d9d; background: #f72585; color: #fff; }
.pc-pagina.pagina-indiehub :is(.pc-btn, .pixel-btn):hover { --m: var(--ih-acento); border-color: var(--ih-acento); }
.pc-pagina.pagina-indiehub .pc-enlace-accion { color: var(--ih-acento); }
.ih-tecla {
--cara: #161b2e; --canto: #070a12; --tinta: #fff; --borde: rgba(247, 37, 133, .5);
display: inline-flex; align-items: center; gap: 10px; min-height: 46px; box-sizing: border-box; padding: 0 16px 0 6px;
font-family: var(--font-pixel); font-size: 11px; line-height: 1.3; letter-spacing: .04em; text-transform: uppercase;
color: var(--tinta); text-decoration: none; cursor: pointer;
background: linear-gradient(180deg, color-mix(in srgb, var(--cara) 82%, #fff) 0 3px, var(--cara) 3px);
border: 2px solid var(--borde); border-radius: 8px;
box-shadow: 0 5px 0 var(--canto), 0 10px 18px rgba(0, 0, 0, .35);
transition: transform .08s, box-shadow .08s, filter .15s;
}
.ih-tecla * { font: inherit; letter-spacing: inherit; }
.ih-tecla:hover { color: var(--tinta); filter: brightness(1.12); transform: translateY(-1px); box-shadow: 0 6px 0 var(--canto), 0 12px 22px rgba(0, 0, 0, .4); }
.ih-tecla:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--canto), 0 3px 8px rgba(0, 0, 0, .3); }
.ih-tecla:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.ih-tecla-ico { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 6px; background: rgba(0, 0, 0, .3); box-shadow: inset 0 2px 0 rgba(0, 0, 0, .3); }
.ih-tecla--ambar { --cara: #dc1f78; --canto: #7a0e40; --tinta: #fff; --borde: #ff6fae; }
.ih-tecla--ambar, .ih-tecla--rosa { box-shadow: 0 5px 0 var(--canto), 0 0 22px rgba(247, 37, 133, .4); }
.ih-tecla--ambar:hover, .ih-tecla--rosa:hover { box-shadow: 0 6px 0 var(--canto), 0 0 30px rgba(247, 37, 133, .55); }
.ih-tecla--ambar .ih-tecla-ico { background: rgba(0, 0, 0, .2); }
.ih-tecla--rosa { --cara: #dc1f78; --canto: #7a0e40; --tinta: #fff; --borde: #ff6fae; padding: 0 6px 0 16px; }
.ih-tecla--rosa .ih-tecla-ico { background: rgba(0, 0, 0, .2); }
.ih-tecla--peq { min-height: 40px; font-size: 10px; }
.ih-tecla--peq .ih-tecla-ico { width: 28px; height: 28px; }
.ih-hero-botones, .ih-semana-botones { gap: 14px; }
.ih-demos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 22px; }
.ih-cartucho {
--tono: var(--ih-acento);
position: relative; display: grid; grid-template-rows: auto 1fr; padding: 18px 12px 16px;
border-radius: 14px 0 10px 10px;
background: linear-gradient(180deg, color-mix(in srgb, var(--tono) 24%, #1a1f33), #111522 72%);
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tono) 45%, transparent), inset 0 -6px 0 rgba(0, 0, 0, .28);
clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
transition: transform .2s;
}
.ih-cartucho::before { content: ""; position: absolute; top: 6px; left: 18px; right: 44px; height: 6px; border-radius: 2px; background: repeating-linear-gradient(90deg, rgba(0, 0, 0, .38) 0 6px, transparent 6px 10px); }
.ih-cartucho:hover { transform: translateY(-4px) rotate(-.6deg); }
.ih-cartucho-etiqueta { position: relative; display: block; aspect-ratio: 460 / 215; overflow: hidden; border-radius: 6px; box-shadow: 0 0 0 3px #070a12, 0 0 0 5px color-mix(in srgb, var(--tono) 55%, transparent); }
.ih-cartucho-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ih-cartucho:hover .ih-cartucho-img { transform: scale(1.05); }
.ih-cartucho-sello { position: absolute; top: 8px; left: 8px; padding: 5px 8px; border-radius: 4px; font-family: var(--font-pixel); font-size: 9px; letter-spacing: .05em; text-transform: uppercase; color: #1a120a; background: var(--tono); box-shadow: 0 2px 0 rgba(0, 0, 0, .45); }
.ih-cartucho-cuerpo { display: grid; gap: 6px; align-content: start; padding: 14px 4px 2px; min-width: 0; }
.ih-cartucho-titulo { margin: 0; font-size: 18px; line-height: 1.2; }
.ih-cartucho-titulo a { color: inherit; text-decoration: none; }
.ih-cartucho-titulo a:hover { color: var(--tono); }
.ih-cartucho-meta { margin: 0; font-size: 13px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ih-cartucho-generos { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ih-cartucho-generos span { padding: 2px 8px; border-radius: 999px; font-size: 12px; color: var(--ih-crema); background: rgba(255, 255, 255, .07); }
.ih-cartucho .ih-tecla { justify-self: start; margin-top: 10px; }
@media (max-width: 900px) {
}
@media (prefers-reduced-motion: reduce) {
.ih-tecla, .ih-cartucho, .ih-cartucho-img { transition: none; }
.ih-cartucho:hover { transform: none; }
.ih-cartucho:hover .ih-cartucho-img { transform: none; }
}
.pagina-indiehub .pc-juego .pc-juego-motivo svg { color: var(--accent-pink-texto, #ff4d9d); }
.pagina-indiehub .pc-juego .card-rating-pill { color: #fff; box-shadow: inset 0 0 0 1px rgba(247, 37, 133, .6); }
.pagina-indiehub .content-card.pc-juego:hover, .pagina-indiehub .content-card.pc-juego:focus-visible { box-shadow: 0 0 0 1px var(--accent-pink, #f72585), 0 0 22px rgba(247, 37, 133, .28); }
.pagina-indiehub .ih-filtros { border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(247, 37, 133, .28), 0 0 26px rgba(247, 37, 133, .06); }
.pagina-indiehub .ih-campo input:hover, .pagina-indiehub .ih-campo select:hover { border-color: rgba(247, 37, 133, .55); }
.pagina-indiehub .pc-migas a:hover { color: var(--accent-pink-texto, #ff4d9d); }
.ih-tecla--rosa-claro { --cara: #2a0f24; --canto: #12060f; --tinta: #ff9ccc; --borde: #ff4d9d; box-shadow: 0 5px 0 var(--canto), 0 0 18px rgba(247, 37, 133, .35), inset 0 0 12px rgba(247, 37, 133, .18); }
.ih-tecla--rosa-claro:hover { --tinta: #fff; }
.pagina-indiehub {
--ih-acento: #b48cff;
--ih-acento-suave: rgba(140, 69, 255, .14);
--ih-violeta: #8c45ff;
background:
radial-gradient(1100px 620px at 85% 0%, rgba(140, 69, 255, .06), transparent 62%),
radial-gradient(900px 800px at 0% 55%, rgba(140, 80, 250, .04), transparent 60%);
}
.pc-pagina .ih-cabecera .pc-ante,
.pc-pagina .ih-cabecera .pc-ante svg,
.ih-semana-ante, .ih-semana-ante svg,
.ih-recomendados-titulo svg, .ih-novedades-titulo svg,
.ih-ver-todos,
.ih-cuenta-rosa,
.pagina-indiehub .pc-juego .pc-juego-motivo svg,
.pagina-indiehub .pc-migas a:hover,
.fi-chip--nota, .fi-enlace, .rs-media, .rs-estrellas, .rs-tuya, .rs-estrella span::before { color: var(--ih-acento, #b48cff); }
.ih-creador { border-color: var(--border-strong); box-shadow: none; }
.ih-nota-chip, .pagina-indiehub .indies-estudios-ico, .ih-cartel-cinta, .rs-estrella input:checked + span { background: var(--ih-violeta, #8c45ff); }
.ih-cartel-cinta { box-shadow: 0 2px 8px rgba(0, 0, 0, .5); }
.ih-top-marco { background: var(--bg-surface); box-shadow: inset 0 0 0 1px var(--border-strong); }
.ih-top-fila:hover, .ih-top-fila:focus-visible { background: rgba(140, 69, 255, .1); }
.ih-top-mc { background: var(--ih-violeta, #8c45ff); box-shadow: none; }
.pagina-indiehub .indies-estudios { border-color: var(--border-strong); background: radial-gradient(80% 120% at 100% 100%, rgba(140, 80, 250, .10), transparent 60%), var(--bg-surface); }
.ih-pastilla:hover, .ih-pastillas-mas:hover { border-color: var(--ih-violeta, #8c45ff); }
.ih-buscar-campo:focus-within { border-color: var(--ih-violeta, #8c45ff); }
.ih-punto.is-activo { background: var(--ih-violeta, #8c45ff); box-shadow: none; }
.ih-reco:hover, .ih-reco:focus-visible,
.pagina-indiehub .content-card.pc-juego:hover, .pagina-indiehub .content-card.pc-juego:focus-visible { box-shadow: 0 0 0 1px var(--ih-violeta, #8c45ff), 0 12px 28px rgba(0, 0, 0, .45); }
.pagina-indiehub .pc-juego .card-rating-pill { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2); }
.pagina-indiehub .ih-filtros { box-shadow: inset 0 0 0 1px var(--border-strong); }
.pagina-indiehub .ih-campo input:hover, .pagina-indiehub .ih-campo select:hover { border-color: var(--border-strong); }
.fi-captura:focus-visible, .rs-estrella input:focus-visible + span { outline-color: var(--ih-violeta, #8c45ff); }
.ih-creador h2 em { color: var(--ih-acento, #b48cff); }