/* Recuperación catálogo + cantidad por producto */

.catalogo-hero{
    margin-bottom:22px;
    padding:28px;
    border-radius:28px;
    background:radial-gradient(circle at top right, rgba(242,105,56,.12), transparent 34%),linear-gradient(135deg,#fff 0%,#fff8ea 100%);
    border:1px solid var(--line);
    box-shadow:0 16px 36px rgba(31,78,121,.08);
}
.catalogo-kicker{
    display:inline-flex;
    width:max-content;
    padding:7px 13px;
    border-radius:999px;
    background:#fff0de;
    color:var(--orange);
    font-weight:900;
    margin-bottom:10px;
}
.catalogo-hero h1{
    margin:0 0 8px;
    color:var(--blue);
    font-size:clamp(2rem,4vw,3.4rem);
    line-height:1.05;
}
.catalogo-hero p{
    margin:0;
    color:#56677a;
    line-height:1.6;
}
.catalogo-search{
    margin-bottom:18px;
}
.mobile-category-select{
    display:none;
    margin:0 0 18px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:16px;
    box-shadow:0 12px 30px rgba(31,78,121,.07);
}
.mobile-category-select label{
    display:block;
    margin-bottom:8px;
    color:var(--blue);
    font-weight:900;
}
.mobile-category-select select{
    width:100%;
    min-height:48px;
    border:1px solid var(--line);
    border-radius:14px;
    padding:0 14px;
    background:#fffdf7;
    font:inherit;
    color:#24313f;
}
.sidebar-title{
    display:block;
    margin-bottom:10px;
    color:var(--blue);
    font-size:1.08rem;
}
.catalogo-sidebar a.active{
    background:#fff0de;
    color:var(--orange);
}
.product-desc{
    margin:0;
    color:#5f6f7f;
    line-height:1.45;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:42px;
}
.product-title a{
    color:inherit;
}
.product-qty-control{
    display:grid;
    grid-template-columns:38px 1fr 38px;
    gap:8px;
    align-items:center;
    margin:2px 0 4px;
}
.product-qty-control button{
    width:38px;
    height:38px;
    border:0;
    border-radius:12px;
    background:var(--blue);
    color:#fff;
    font-weight:900;
    font-size:1.15rem;
    cursor:pointer;
}
.product-qty-control input{
    width:100%;
    height:38px;
    border:1px solid var(--line);
    border-radius:12px;
    text-align:center;
    font-weight:900;
    background:#fffdf7;
}
@media(max-width:900px){
    .mobile-category-select{display:block;}
    .catalog-layout{grid-template-columns:1fr !important;}
    .catalog-layout .sidebar{display:none;}
}
@media(max-width:520px){
    .catalogo-hero{padding:22px;border-radius:22px;}
    .product-qty-control{grid-template-columns:34px 1fr 34px;}
    .product-qty-control button,
    .product-qty-control input{height:36px;}
}