/* Mercado Fantasy - mejoras SEO/rendimiento de la primera carga */
.mercado-seo-intro {
    margin-bottom: 4px;
}

.mercado-fecha-datos {
    margin: 0 0 14px;
    opacity: .78;
}

/* Con listas largas evita pintar fuera de pantalla hasta que sea necesario. */
@supports (content-visibility: auto) {
    #subidas_bajadas .ficha-player {
        content-visibility: auto;
        contain-intrinsic-size: 76px;
    }
}

/* Fase 3: hub SEO y landing específica de Comunio */
.mercado-seo-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0 16px;
}
.mercado-seo-links a {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #dfe5e2;
    border-radius: 18px;
    background: #fff;
    font-weight: 700;
    text-decoration: none;
}
.mercado-seo-links a.is-active {
    background: #f3f7f5;
    border-color: #b9c9c1;
}
.mercado-destacados {
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid #e6ebe8;
    border-radius: 10px;
    background: #fff;
}
.mercado-destacados__titulo {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.25;
}
.mercado-destacados__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.mercado-destacados__col h3 {
    margin: 0 0 6px;
    font-size: 14px;
}
.mercado-destacados__lista {
    margin: 0;
    padding-left: 20px;
}
.mercado-destacados__lista li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: baseline;
    padding: 4px 0;
    border-bottom: 1px solid #f1f3f2;
}
.mercado-destacados__lista li:last-child {
    border-bottom: 0;
}
.mercado-destacados__lista a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mercado-destacados__precio {
    white-space: nowrap;
    opacity: .75;
}
.mercado-destacados__variacion {
    white-space: nowrap;
    font-weight: 800;
}
.mercado-destacados__variacion.is-up { color: #008b5a; }
.mercado-destacados__variacion.is-down { color: #c0392b; }
.mercado-comunio-aviso {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    padding: 9px 12px;
    border-radius: 8px;
    background: #f6f8f7;
}
.mercado-comunio-aviso img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}
.mercado-comunio-aviso a {
    margin-left: auto;
    font-weight: 700;
}
.mercado-contenido-comunio h2 {
    margin-top: 24px;
}
.mercado-faq-visible h3 {
    margin: 14px 0 5px;
    font-size: 17px;
}

@media (max-width: 767px) {
    .mercado-destacados__grid {
        grid-template-columns: 1fr;
    }
    .mercado-destacados__lista li {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .mercado-destacados__variacion {
        grid-column: 2;
    }
    .mercado-comunio-aviso {
        flex-wrap: wrap;
    }
    .mercado-comunio-aviso a {
        width: 100%;
        margin-left: 35px;
    }
}

/* Fase 3 v2: el contenido SEO complementario se muestra después de la herramienta. */
.mercado-seo-inferior-row {
    margin-top: 18px;
}


/* Arquitectura por Fantasy: información específica bajo los resultados. */
.mercado-info-especifica-row { margin-top: 18px; }
.mercado-info-especifica { padding-top: 4px; }
.mercado-info-especifica h2 { margin-top: 24px; font-size: 21px; }
.mercado-info-especifica .mercado-fecha-datos { margin-bottom: 12px; opacity: .8; }
.mercado-faq-visible { margin-top: 24px; padding-top: 2px; border-top: 1px solid #ecefed; }