/* Yujju design system — banner de título de las páginas (Inicio › Página).
   Un solo estilo: fondo blush sólido, título Playfair y migas; sin fotos de stock.
   El banner del catálogo (tienda/categorías, shop.css + catalog-nav.css) conserva su foto,
   con la misma escala de título y migas. Solo aplica a páginas (body.page). */

.yj-ds.page .goal-breadscrumb,
.yj-ds.page .goal-breadscrumb.has_bg {
    background-color: var(--yj-blush) !important;
    background-image: none !important;
    border-bottom: var(--yj-border);
    margin-bottom: var(--yj-space-7);
}
.yj-ds.page .goal-breadscrumb.has_bg::before {
    content: none;
}
.yj-ds.page .goal-breadscrumb .wrapper-breads {
    padding: var(--yj-space-7) 0;
}
.yj-ds.page .goal-breadscrumb .bread-title {
    margin: 0;
    color: var(--yj-ink);
    font-family: var(--yj-font-display);
    font-weight: 500;
    font-size: var(--yj-h2);
    line-height: 1.2;
}
.yj-ds.page .goal-breadscrumb .breadcrumb {
    margin-top: var(--yj-space-2);
    color: var(--yj-muted);
}
.yj-ds.page .goal-breadscrumb .breadcrumb a {
    color: var(--yj-text);
}
.yj-ds.page .goal-breadscrumb .breadcrumb a:hover {
    color: var(--yj-primary-strong);
}
.yj-ds.page .goal-breadscrumb .breadcrumb .active {
    color: var(--yj-ink);
}
.yj-ds.page .goal-breadscrumb .breadcrumb > li + li::before {
    color: var(--yj-muted);
}

/* El contenido ya trae su H1 (FAQ, Sobre nosotros, Contacto…): banner compacto, solo migas.
   La clase la pone PageHeadingHooks con la misma regla que decide el H1. */
.yj-ds.yj-has-content-h1.page .goal-breadscrumb .bread-title {
    display: none;
}
.yj-ds.yj-has-content-h1.page .goal-breadscrumb .wrapper-breads {
    padding: var(--yj-space-4) 0 !important;
}
.yj-ds.yj-has-content-h1.page .goal-breadscrumb .breadcrumb {
    margin-top: 0;
}
.yj-ds.yj-has-content-h1.page .goal-breadscrumb {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .yj-ds.page .goal-breadscrumb .wrapper-breads {
        padding: var(--yj-space-6) 0;
    }
    .yj-ds.page .goal-breadscrumb {
        margin-bottom: var(--yj-space-6);
    }
}