/* blocks/productos/ingredient-spotlight-v1 */
/* blocks/productos/products-query-v1 — layout 1 */
.ws-pq-v1{
    position:relative;
    background:var(--pg-sem-surface);
    color:var(--pg-sem-text);
    font-family:var(--pg-style-body);
    box-sizing:border-box;
}
.ws-pq-v1 *{box-sizing:border-box;}
.ws-pq-v1 .ws-pq-mosaic-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1.5rem;
    align-items:end;
    padding:clamp(2.125rem,5vw,4.25rem) clamp(1.125rem,4vw,3.5rem) clamp(1.125rem,3vw,1.875rem);
    max-width:92.5rem;
    margin:0 auto;
}
.ws-pq-v1 .ws-pq-mosaic-eyebrow{
    display:block;
    margin-bottom:0.5rem;
    color:var(--pg-style-accent);
    font-size:0.6875rem;
    font-weight:850;
    letter-spacing:.22em;
    text-transform:uppercase;
}
.ws-pq-v1 .ws-pq-mosaic-title{
    margin:0;
    color:var(--pg-style-primary);
    font-family:var(--pg-style-heading);
    font-size:clamp(1.875rem,4.2vw,4.25rem);
    line-height:.95;
    letter-spacing:0;
}
.ws-pq-v1 .ws-pq-mosaic-subtitle{
    max-width:58ch;
    margin:0.75rem 0 0;
    color:var(--pg-sem-text-muted);
    font-size:0.875rem;
    line-height:1.55;
}
.ws-pq-v1 .ws-pq-mosaic-chip{
    display:inline-flex;
    align-items:center;
    min-height:2.125rem;
    padding:0 0.875rem;
    border:1px solid var(--pg-sem-border);
    border-radius:62.4375rem;
    background:var(--pg-sem-surface-muted);
    color:var(--pg-style-primary);
    font-size:0.75rem;
    font-weight:850;
    text-transform:uppercase;
    white-space:nowrap;
}
.ws-pq-v1 .ws-pq-mosaic-shell{
    position:relative;
    max-width:100%;
    overflow:hidden;
}
.ws-pq-v1 .ws-pq-mosaic-grid{
    display:grid;
    grid-template-columns:repeat(var(--pg-sem-text-mutedosaic-cols), minmax(0,1fr));
    grid-auto-rows:clamp(14.375rem,27vw,26.25rem);
    gap:1px;
    background:var(--pg-sem-border);
}
.ws-pq-v1 .ws-pq-mosaic-card{
    position:relative;
    display:grid;
    place-items:center;
    min-width:0;
    overflow:hidden;
    isolation:isolate;
    background:linear-gradient(135deg, var(--pg-sem-surface-muted), var(--pg-style-secondary));
    text-decoration:none;
    color:var(--pg-sem-text);
}
.ws-pq-v1 .ws-pq-mosaic-card:nth-child(3n+2){background:linear-gradient(135deg, color-mix(in srgb, var(--pg-style-secondary) 18%, var(--pg-sem-surface)), var(--pg-sem-surface-muted));}
.ws-pq-v1 .ws-pq-mosaic-card:nth-child(4n+3){background:linear-gradient(135deg, var(--pg-sem-surface-muted), color-mix(in srgb, var(--pg-style-accent) 12%, var(--pg-sem-surface)));}
.ws-pq-v1 .ws-pq-mosaic-img{
    width:min(86%, 26.875rem);
    height:86%;
    object-fit:contain;
    object-position:center;
    display:block;
    filter:drop-shadow(0 1.375rem 1.125rem var(--wb-text));
    transition:transform .35s ease, filter .35s ease;
}
.ws-pq-v1 .ws-pq-mosaic-card:hover .ws-pq-mosaic-img{
    transform:translateY(-0.25rem) scale(1.035);
    filter:drop-shadow(0 1.75rem 1.5rem var(--wb-text));
}
.ws-pq-v1 .ws-pq-mosaic-info{
    position:absolute;
    left:0.875rem;
    right:0.875rem;
    bottom:0.875rem;
    display:grid;
    gap:0.1875rem;
    padding:0.625rem 0.75rem;
    border-radius:62.4375rem;
    background:color-mix(in srgb, var(--pg-sem-surface) 88%, transparent);
    color:var(--pg-sem-text);
    border:1px solid color-mix(in srgb, var(--pg-sem-border) 72%, transparent);
    box-shadow:0 0.875rem 2.5rem color-mix(in srgb, var(--pg-style-primary) 12%, transparent);
    opacity:0;
    transform:translateY(0.5rem);
    transition:opacity .24s ease, transform .24s ease;
    backdrop-filter:blur(0.875rem);
}
.ws-pq-v1 .ws-pq-mosaic-card:hover .ws-pq-mosaic-info,
.ws-pq-v1 .ws-pq-mosaic-card:focus-visible .ws-pq-mosaic-info{
    opacity:1;
    transform:translateY(0);
}
.ws-pq-v1 .ws-pq-mosaic-brand{
    overflow:hidden;
    color:var(--pg-sem-text-muted);
    font-size:0.625rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ws-pq-v1 .ws-pq-mosaic-name{
    overflow:hidden;
    color:var(--pg-sem-text);
    font-size:0.75rem;
    font-weight:850;
    line-height:1.2;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.ws-pq-v1 .ws-pq-mosaic-price{
    color:var(--pg-sem-text);
    font-size:0.75rem;
    font-weight:850;
}
.ws-pq-v1 .ws-pq-mosaic-empty{
    margin:clamp(1.125rem,4vw,3.5rem);
    padding:2.25rem;
    border:1px dashed var(--pg-sem-border);
    border-radius:0.5rem;
    background:var(--pg-sem-surface-muted);
    color:var(--pg-sem-text-muted);
    text-align:center;
}
.ws-pq-v1 .ws-pq-mosaic-footer{
    display:flex;
    justify-content:center;
    padding:clamp(1.25rem,3vw,2.125rem) 1.125rem clamp(1.875rem,4vw,3rem);
}
.ws-pq-v1 .ws-pq-mosaic-cta{
    display:inline-flex;
    align-items:center;
    min-height:2.625rem;
    padding:0 1.25rem;
    border-radius:62.4375rem;
    background:var(--wapu-button-bg,var(--pg-style-primary));
    color:var(--wapu-button-text,var(--pg-sem-surface));
    text-decoration:none;
    font-size:0.8125rem;
    font-weight:850;
}
@media (max-width: 61.25em){
    .ws-pq-v1{--pg-sem-text-mutedosaic-cols:3;}
    .ws-pq-v1 .ws-pq-mosaic-head{grid-template-columns:1fr;}
}
@container wapu-block-preview (max-width: 61.25em){
    .ws-pq-v1{--pg-sem-text-mutedosaic-cols:3;}
    .ws-pq-v1 .ws-pq-mosaic-head{grid-template-columns:1fr;}
}

@media (max-width: 38.75em){
    .ws-pq-v1{--pg-sem-text-mutedosaic-cols:2;}
    .ws-pq-v1 .ws-pq-mosaic-grid{grid-auto-rows:13.75rem;}
    .ws-pq-v1 .ws-pq-mosaic-info{opacity:1;transform:none;left:0.625rem;right:0.625rem;bottom:0.625rem;border-radius:1.125rem;}
}
@container wapu-block-preview (max-width: 38.75em){
    .ws-pq-v1{--pg-sem-text-mutedosaic-cols:2;}
    .ws-pq-v1 .ws-pq-mosaic-grid{grid-auto-rows:13.75rem;}
    .ws-pq-v1 .ws-pq-mosaic-info{opacity:1;transform:none;left:0.625rem;right:0.625rem;bottom:0.625rem;border-radius:1.125rem;}
}


/* blocks/productos/products-query-v1 — layout 2 */
.ws-pq-v1{
    padding:clamp(2.75rem, 6vw, 5.25rem) clamp(1rem, 4vw, 3.25rem);
    background:var(--pg-sem-surface);
    color:var(--pg-sem-text);
    font-family:var(--pg-style-body);
    box-sizing:border-box;
}
.ws-pq-v1 *{box-sizing:border-box;}
.ws-pq-v1 .ws-pq-editorial-inner{width:min(78.75rem,100%);margin:0 auto;}
.ws-pq-v1 .ws-pq-editorial-head{
    display:grid;
    gap:0.625rem;
    margin:0 0 clamp(1.25rem,3vw,2.25rem);
    text-align:var(--pg-sem-text-align);
}
.ws-pq-v1 .ws-pq-editorial-eyebrow{
    color:var(--pg-style-accent);
    font-size:0.6875rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.ws-pq-v1 .ws-pq-editorial-heading{
    margin:0;
    color:var(--pg-style-primary);
    font-family:var(--pg-style-heading);
    font-size:clamp(1.875rem,4.5vw,3.625rem);
    line-height:1;
}
.ws-pq-v1 .ws-pq-editorial-sub{
    max-width:58ch;
    margin:0;
    color:var(--pg-sem-text-muted);
    font-size:0.875rem;
    line-height:1.55;
}
.ws-pq-v1 .ws-pq-editorial-grid{
    display:grid;
    grid-template-columns:repeat(var(--ws-cols), minmax(0, 1fr));
    gap:clamp(0.875rem,2vw,1.375rem);
}
.ws-pq-v1 .ws-pq-editorial-card{
    position:relative;
    display:flex;
    min-height:100%;
    aspect-ratio:3/4;
    overflow:hidden;
    align-items:flex-end;
    padding:1.5rem;
    border-radius:0.875rem;
    background:color-mix(in srgb, var(--pg-style-primary) 82%, var(--wb-text));
    color:var(--pg-sem-surface);
    text-decoration:none;
    isolation:isolate;
}
.ws-pq-v1 .ws-pq-editorial-img,
.ws-pq-v1 .ws-pq-editorial-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.ws-pq-v1 .ws-pq-editorial-img{
    object-fit:cover;
    transform:scale(1.02);
    transition:transform .45s ease;
}
.ws-pq-v1 .ws-pq-editorial-card:hover .ws-pq-editorial-img{transform:scale(1.07);}
.ws-pq-v1 .ws-pq-editorial-overlay{
    z-index:1;
    background:linear-gradient(180deg, color-mix(in srgb, var(--pg-style-primary) 14%, transparent), color-mix(in srgb, var(--pg-style-primary) 78%, transparent));
}
.ws-pq-v1 .ws-pq-editorial-copy{
    position:relative;
    z-index:2;
    display:grid;
    gap:0.5rem;
    width:100%;
}
.ws-pq-v1 .ws-pq-editorial-kicker{
    color:color-mix(in srgb, var(--pg-sem-surface) 76%, transparent);
    font-size:0.625rem;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.5;
    text-transform:uppercase;
}
.ws-pq-v1 .ws-pq-editorial-title{
    color:var(--pg-sem-surface);
    font-family:var(--pg-style-heading);
    font-size:clamp(1.5rem,2.8vw,2.625rem);
    font-weight:700;
    line-height:.98;
}
.ws-pq-v1 .ws-pq-editorial-link{
    width:max-content;
    max-width:100%;
    color:var(--pg-sem-surface);
    border-bottom:1px solid currentColor;
    font-size:0.75rem;
    font-weight:800;
}
.ws-pq-v1 .ws-pq-editorial-footer{
    display:flex;
    justify-content:center;
    margin-top:clamp(1.5rem,4vw,2.75rem);
}
.ws-pq-v1 .ws-pq-editorial-cta{
    display:inline-flex;
    align-items:center;
    min-height:2.375rem;
    padding:0 1.125rem;
    border-radius:62.4375rem;
    background:var(--wapu-button-bg,var(--pg-style-primary));
    color:var(--wapu-button-text,var(--pg-sem-surface));
    text-decoration:none;
    font-size:0.8125rem;
    font-weight:800;
}
@media (max-width:61.25em){.ws-pq-v1{--ws-cols:2;}}
@container wapu-block-preview (max-width:61.25em){.ws-pq-v1{--ws-cols:2;}}

@media (max-width:38.75em){
    .ws-pq-v1{--ws-cols:1;padding:2.125rem 1rem;}
    .ws-pq-v1 .ws-pq-editorial-card{aspect-ratio:4/5;}
}
@container wapu-block-preview (max-width:38.75em){
    .ws-pq-v1{--ws-cols:1;padding:2.125rem 1rem;}
    .ws-pq-v1 .ws-pq-editorial-card{aspect-ratio:4/5;}
}


/* blocks/productos/products-query-v1 — layout 3 */
.ws-pq-v1{
    padding:clamp(3rem, 6vw, 5.5rem) clamp(1rem, 4vw, 3.5rem);
    background:var(--pg-sem-surface);
    color:var(--pg-sem-text);
    font-family:var(--pg-style-body);
    box-sizing:border-box;
}
.ws-pq-v1 *{box-sizing:border-box;}
.ws-pq-v1 .ws-pq-carousel-inner{width:min(82.5rem,100%);margin:0 auto;}
.ws-pq-v1 .ws-pq-carousel-head{
    display:grid;
    grid-template-columns:var(--ws-head-grid);
    gap:1.25rem;
    align-items:end;
    margin:0 0 clamp(1.375rem,3vw,2.5rem);
    text-align:var(--pg-sem-text-align);
}
.ws-pq-v1 .ws-pq-carousel-copy{max-width:48.75rem;margin:var(--ws-copy-margin);}
.ws-pq-v1 .ws-pq-carousel-eyebrow{
    display:inline-flex;
    color:var(--pg-style-accent);
    font-size:0.6875rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:0.625rem;
}
.ws-pq-v1 .ws-pq-carousel-title{
    margin:0;
    color:var(--pg-style-primary);
    font-family:var(--pg-style-heading);
    font-size:clamp(1.875rem,4.5vw,3.75rem);
    line-height:1;
    text-transform:uppercase;
}
.ws-pq-v1 .ws-pq-carousel-subtitle{
    max-width:60ch;
    margin:0.75rem 0 0;
    color:var(--pg-sem-text-muted);
    font-size:0.875rem;
    line-height:1.6;
}
.ws-pq-v1 .ws-pq-carousel-chip{
    justify-self:var(--ws-chip-justify);
    display:inline-flex;
    align-items:center;
    min-height:2.125rem;
    padding:0 0.9375rem;
    border:1px solid var(--pg-sem-border);
    border-radius:62.4375rem;
    background:var(--pg-sem-surface-muted);
    color:var(--pg-style-primary);
    font-size:0.75rem;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
}
.ws-pq-v1 .ws-pq-carousel{
    --wc-arrow-bg:var(--pg-sem-surface);
    --wc-arrow-color:var(--pg-style-primary);
    --wc-dot-color:color-mix(in srgb, var(--pg-style-primary) 20%, transparent);
    --wc-dot-active-color:var(--pg-style-accent);
    position:relative;
}
.ws-pq-v1 .ws-pq-carousel .wapu-carousel__track{
    gap:clamp(0.875rem,2vw,1.5rem);
    padding:0.25rem 0.25rem 0.875rem;
}
.ws-pq-v1 .ws-pq-carousel-slide{
    width:clamp(13.75rem,24vw,20rem);
    min-width:clamp(13.75rem,24vw,20rem);
}
.ws-pq-v1 .ws-pq-carousel-fallback{
    display:flex;
    gap:clamp(0.875rem,2vw,1.5rem);
    overflow-x:auto;
    padding:0.25rem 0.25rem 0.875rem;
    scroll-snap-type:x mandatory;
}
.ws-pq-v1 .ws-pq-carousel-fallback .ws-pq-carousel-slide{flex:0 0 auto;scroll-snap-align:start;}
.ws-pq-v1 .ws-pq-empty{
    padding:2.25rem;
    border:1px dashed var(--pg-sem-border);
    background:var(--pg-sem-surface-muted);
    color:var(--pg-sem-text-muted);
    text-align:center;
    border-radius:0.5rem;
}
.ws-pq-v1 .ws-pq-carousel-footer{
    display:flex;
    justify-content:center;
    margin-top:clamp(1.5rem,4vw,2.875rem);
}
.ws-pq-v1 .ws-pq-carousel-cta{
    display:inline-flex;
    align-items:center;
    min-height:2.5rem;
    padding:0 1.125rem;
    border-radius:62.4375rem;
    background:var(--wapu-button-bg,var(--pg-style-primary));
    color:var(--wapu-button-text,var(--pg-sem-surface));
    text-decoration:none;
    font-size:0.8125rem;
    font-weight:800;
}
@media (max-width:47.5em){
    .ws-pq-v1{padding:2.375rem 0.875rem;}
    .ws-pq-v1 .ws-pq-carousel-head{grid-template-columns:1fr;}
    .ws-pq-v1 .ws-pq-carousel-slide{width:min(76vw,20rem);min-width:min(76vw,20rem);}
}
@container wapu-block-preview (max-width:47.5em){
    .ws-pq-v1{padding:2.375rem 0.875rem;}
    .ws-pq-v1 .ws-pq-carousel-head{grid-template-columns:1fr;}
    .ws-pq-v1 .ws-pq-carousel-slide{width:min(76vw,20rem);min-width:min(76vw,20rem);}
}


/* blocks/productos/products-query-v1 — layout 4 */
.ws-pq-v1{
    padding:clamp(3.25rem, 7vw, 6rem) clamp(1.125rem, 4vw, 3.5rem);
    background:var(--pg-sem-surface);
    color:var(--pg-sem-text);
    font-family:var(--pg-style-body);
    box-sizing:border-box;
}
.ws-pq-v1 .ws-pq-inner{width:min(76.25rem, 100%);margin:0 auto;}
.ws-pq-v1 .ws-pq-head{
    display:grid;
    grid-template-columns:var(--ws-head-grid);
    gap:1.5rem;
    align-items:end;
    margin:var(--ws-head-margin);
    max-width:var(--ws-head-max);
    text-align:var(--pg-sem-text-align);
}
.ws-pq-v1 .ws-pq-copy{
    max-width:48.75rem;
    margin:var(--ws-copy-margin);
}
.ws-pq-v1 .ws-pq-eyebrow{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    color:var(--pg-style-accent);
    font-size:0.6875rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:0.625rem;
}
.ws-pq-v1 .ws-pq-title{
    font-family:var(--pg-style-heading);
    font-size:clamp(1.75rem, 4vw, 3.375rem);
    line-height:1;
    color:var(--pg-style-primary);
    margin:0;
    text-transform:uppercase;
}
.ws-pq-v1 .ws-pq-subtitle{
    color:var(--pg-sem-text-muted);
    max-width:58ch;
    margin:var(--pg-style-secondaryubtitle-margin);
    font-size:0.875rem;
    line-height:1.6;
}
.ws-pq-v1 .ws-pq-chip{
    justify-self:var(--ws-chip-justify);
    display:inline-flex;
    align-items:center;
    min-height:2rem;
    padding:0 0.875rem;
    border-radius:62.4375rem;
    background:var(--pg-sem-surface-muted);
    color:var(--pg-style-primary);
    border:1px solid var(--pg-sem-border);
    font-size:0.75rem;
    font-weight:800;
    text-transform:uppercase;
    white-space:nowrap;
}
.ws-pq-v1 .ws-pq-grid{
    display:grid;
    grid-template-columns:repeat(var(--ws-cols), minmax(0, 1fr));
    gap:clamp(1rem, 2.4vw, 1.75rem);
}
.ws-pq-v1 .ws-pq-empty{
    padding:2.25rem;
    border:1px dashed var(--pg-sem-border);
    background:var(--pg-sem-surface-muted);
    color:var(--pg-sem-text-muted);
    text-align:center;
    border-radius:0.5rem;
}
.ws-pq-v1 .ws-pq-footer{
    display:flex;
    justify-content:center;
    margin-top:clamp(1.75rem, 4vw, 3rem);
}
.ws-pq-v1 .ws-pq-cta{
    display:inline-flex;
    align-items:center;
    min-height:2.5rem;
    padding:0 1.125rem;
    border-radius:62.4375rem;
    background:var(--wapu-button-bg,var(--pg-style-primary));
    color:var(--wapu-button-text,var(--pg-sem-surface));
    text-decoration:none;
    font-size:0.8125rem;
    font-weight:800;
}
@media (max-width: 61.25em){
    .ws-pq-v1{--ws-cols:2;}
}
@container wapu-block-preview (max-width: 61.25em){
    .ws-pq-v1{--ws-cols:2;}
}

@media (max-width: 38.75em){
    .ws-pq-v1{--ws-cols:1;}
    .ws-pq-v1 .ws-pq-head{grid-template-columns:1fr;}
    .ws-pq-v1 .ws-pq-chip{justify-self:var(--ws-chip-justify);}
}
@container wapu-block-preview (max-width: 38.75em){
    .ws-pq-v1{--ws-cols:1;}
    .ws-pq-v1 .ws-pq-head{grid-template-columns:1fr;}
    .ws-pq-v1 .ws-pq-chip{justify-self:var(--ws-chip-justify);}
}