/* Solo adapta la distribución. Los colores siguen siendo los de Pizzas
   y se cargan desde lightmode.json y darkmode.json. */
.pagePicar .introPicar{
    min-height: clamp(320px, 29vw, 440px);
    justify-content: center;
    isolation: isolate;
    overflow: hidden;
    padding-bottom: 2rem;
    background: var(--bgRadial, var(--mainBg));
    color: var(--productText, var(--text));
}
.introPicar::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, var(--mainBg), transparent 80%);
    pointer-events: none;
}
.introPicar .quickLinks{
    margin-bottom: .6rem;
    border: 0;
    font-size: .85rem;
}
.introPicar .textIntro{
    max-width: 48%;
    gap: 1rem;
}
.introPicar .textIntro .introPizza001{
    color: var(--productAccent, var(--accent1));
    line-height: 1.15;
}
.introPicar .textIntro .introPizza002{
    width: min(100%, 440px);
    padding: .8rem 1rem;
    font-size: .95rem;
    line-height: 1.6;
}
.pagePicar .sectionPicar{ padding-top: .7rem; }
/* Un único precio, sin las tres tallas de las pizzas. */
.sectionPicar .singlePrice,
.pagePicar .sharePrices{
    grid-template-columns: minmax(0, 1fr);
}
.sectionPicar .singlePrice p,
.pagePicar .sharePrices p{
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    font-size: .85rem;
}
.sectionPicar .singlePrice .priceProduct,
.pagePicar .sharePrices .priceProduct{
    font-size: 1.2rem;
}
@media (max-width: 600px){
    .pagePicar .introPicar{
        padding: 245px 5% 1.6rem;
        min-height: 0;
    }
    .introPicar img{
        height: 230px;
        object-position: 85% center;
    }
    .introPicar::after{ display: none; }
    .introPicar .quickLinks{ margin: 0 0 .3rem; }
    .introPicar .textIntro{ max-width: 100%; }
    .introPicar .textIntro .introPizza002{
        padding: 0;
        border: 0;
        background: none;
        backdrop-filter: none;
    }
}