/* Ayuda de compra y jerarquía del catálogo; conserva la identidad de la tienda. */
#container #content #page .catalogo-seo-plegado > summary.catalogo-seo-control {
    display: list-item;
    width: fit-content;
    min-height: 44px;
    box-sizing: border-box;
    padding: 10px 0;
    list-style: disclosure-closed inside;
    text-underline-offset: 3px;
}
#container #content #page .catalogo-seo-plegado[open] > summary.catalogo-seo-control {
    list-style-type: disclosure-open;
}
#container #content #page .catalogo-seo-plegado > .catalogo-seo-contenido {
    padding-top: 12px;
}
#container #content #page .catalogo-seo-plegado .catalogo-orientacion:first-child {
    margin-top: 0;
}

#container #content #page .catalogo-orientacion {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    color: #414557;
    text-align: left;
    overflow-wrap: break-word;
}

#container #content #page .catalogo-orientacion {
    display: flow-root;
    margin: 24px 0;
    font-size: 15px;
    line-height: 1.6;
}

#container #content #page .catalogo-orientacion p {
    float: none;
    width: auto;
    max-width: 75ch;
    height: auto;
    margin: 0 0 12px;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

#container #content #page .catalogo-orientacion h2 {
    float: none;
    width: auto;
    height: auto;
    margin: 28px 0 12px;
    padding: 0;
    background: none;
    color: #034567;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 700;
    text-align: left;
}

#container #content #page .catalogo-orientacion ul {
    float: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 24px;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

#container #content #page .catalogo-orientacion li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    list-style: none;
}

#container #content #page .catalogo-orientacion a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    color: #034567;
    text-decoration: underline;
    text-underline-offset: 3px;
}

#container #content #page .catalogo-orientacion a:hover { color: #14578b; }

#container #content #page .catalogo-orientacion a:focus-visible {
    outline: 2px solid #14578b;
    outline-offset: 3px;
}

/* La separación del catálogo se regula desde las migas, sin sumar la heredada. */
@media (min-width: 1160px) {
    .producto-responsive #container #header #header_eslogan,
    .categoria-responsive #container #header #header_eslogan { margin-top: 0; }

    .producto-responsive #container #content,
    .categoria-responsive #container #content { padding-top: 0; }
}

/* Una fila propia, de ancho completo, encima de la barra azul del catálogo. */
#container #content > .catalogo-navegacion {
    box-sizing: border-box;
    clear: both;
    width: 100%;
    margin: 0;
    padding: var(--migas-espacio-y, 12px) var(--migas-espacio-x, 16px);
    font-family: var(--migas-fuente, inherit);
    font-size: var(--migas-tamano, 12px);
    line-height: 1.5;
    color: var(--migas-actual, #343746);
    text-align: left;
    overflow-wrap: anywhere;
}

#container #content > .catalogo-navegacion .catalogo-navegacion-lista {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#container #content > .catalogo-navegacion .catalogo-navegacion-lista li {
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font: inherit;
    color: inherit;
}

#container #content > .catalogo-navegacion .catalogo-navegacion-lista li + li::before {
    content: attr(data-separador);
    color: var(--migas-separador, #68768a);
    flex: none;
}

#container #content > .catalogo-navegacion a,
#container #content > .catalogo-navegacion .catalogo-navegacion-actual {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    min-width: 0;
    font: inherit;
    color: inherit;
}

#container #content > .catalogo-navegacion a {
    color: var(--migas-enlace, #154f6b);
    text-decoration: var(--migas-subrayado, underline);
    text-underline-offset: 3px;
}
#container #content > .catalogo-navegacion a:hover { text-decoration: underline; }
#container #content > .catalogo-navegacion a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
#container #content > .catalogo-navegacion ::selection {
    color: #fff;
    background: var(--migas-enlace, #154f6b);
}

/* Algunas tarjetas de revistas sólo tenían el formato incrustado en una imagen. */
#container #content #page #categoria .catalogo-imagen-pendiente {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    padding: 16px;
    background: #f1f6fa;
    color: #414557;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

#container #content #page #categoria .categoria-grid .categoria-con-nombre {
    height: auto;
    min-height: 230px;
}

#container #content #page #categoria .categoria-con-nombre a {
    height: auto;
}

#container #content #page #categoria .catalogo-nombre {
    display: block;
    position: static;
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0 0;
    padding: 0 4px;
    color: #034567;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: break-word;
}

@media (max-width: 599px) {
    #container #content #page .catalogo-orientacion { margin: 16px 0 24px; }
    #container #content #page .catalogo-orientacion ul { display: block; }
    #container #content #page .catalogo-orientacion a { min-height: 44px; }
    #container #content > .catalogo-navegacion a,
    #container #content > .catalogo-navegacion .catalogo-navegacion-actual { min-height: 44px; }
}

@media (max-width: 1159px) {
    #container #content #page #categoria .categoria-grid .categoria-con-nombre { min-height: 0; }
}