/*==============================================================================
PÁGINAS DE CATEGORÍA DE PRODUCTO (POP, Cafeteros, Textiles, Souvenirs,
Refrigerios, Otros)
ANSIER 3.0 PREMIUM
==============================================================================*/

/*==================================================
HERO DE CATEGORÍA
==================================================*/

.cat-hero{

    position:relative;

    padding:180px 0 80px;

    background:var(--gradient-primary);

    overflow:hidden;

}

.cat-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(circle at 15% 20%, rgba(92,225,230,.18), transparent 55%),
        radial-gradient(circle at 85% 80%, rgba(120,214,172,.16), transparent 55%);

    pointer-events:none;

}

.cat-hero__container{

    position:relative;

    z-index:1;

    width:min(92%, var(--container));

    margin:auto;

}

.cat-hero__back{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    color:rgba(255,255,255,.75);

    font-size:.9rem;

    font-weight:600;

    margin-bottom:28px;

    transition:var(--transition);

}

.cat-hero__back:hover{

    color:#fff;

    gap:.9rem;

}

.cat-hero__eyebrow{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    color:var(--color-secondary);

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    font-size:.85rem;

    margin-bottom:18px;

}

.cat-hero__icon{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    border-radius:var(--radius-md);

    background:rgba(255,255,255,.12);

    border:1px solid rgba(255,255,255,.2);

    color:var(--color-secondary);

    font-size:1.6rem;

    margin-bottom:24px;

}

.cat-hero__title{

    color:#fff;

    font-size:var(--fs-h1);

    max-width:820px;

    margin-bottom:22px;

}

.cat-hero__description{

    color:rgba(255,255,255,.82);

    font-size:1.1rem;

    max-width:680px;

    line-height:1.9;

    margin-bottom:36px;

}

.cat-hero__actions{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.cat-hero__actions .btn-secondary{

    color:#fff;

    border-color:rgba(255,255,255,.45);

}

.cat-hero__actions .btn-secondary:hover{

    background:#fff;

    color:var(--color-primary);

}

/*==================================================
GALERÍA DE CATÁLOGO
==================================================*/

.cat-gallery{

    background:var(--background-light);

}

.cat-gallery__intro{

    max-width:720px;

    margin:0 auto 56px;

    text-align:center;

}

.cat-gallery__intro span{

    display:inline-block;

    margin-bottom:14px;

    color:var(--color-secondary);

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:.85rem;

}

.cat-gallery__grid{

    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:32px;

}

.cat-gallery__item{

    background:#fff;

    border-radius:var(--radius-md);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    border:1px solid var(--border);

    transition:var(--transition);

}

.cat-gallery__item:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-lg);

}

.cat-gallery__item img{

    width:100%;

    display:block;

}

.cat-gallery__caption{

    padding:14px 20px;

    font-size:.85rem;

    color:var(--text-secondary);

    border-top:1px solid var(--border);

}

/*==================================================
DESCARGA DE PORTAFOLIO
==================================================*/

.cat-download{

    background:var(--background);

}

.cat-download__box{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:32px;

    flex-wrap:wrap;

    background:var(--background-light);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    padding:44px 48px;

}

.cat-download__text h3{

    margin-bottom:10px;

}

.cat-download__text p{

    max-width:520px;

}

/*==================================================
OTRAS CATEGORÍAS
==================================================*/

.cat-related{

    background:var(--background-light);

}

.cat-related__grid{

    display:grid;

    grid-template-columns:repeat(5, 1fr);

    gap:18px;

}

.cat-related__item{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

    padding:26px 12px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:var(--radius-md);

    text-align:center;

    font-weight:600;

    font-size:.92rem;

    color:var(--text-primary);

    transition:var(--transition);

}

.cat-related__item i{

    font-size:1.4rem;

    color:var(--color-secondary);

}

.cat-related__item:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

    border-color:transparent;

}

/*==================================================
KITS DE REFRIGERIOS (tarjetas con lista, sin precio)
==================================================*/

.cat-menu{

    background:var(--background);

}

.cat-menu__grid{

    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:32px;

}

.cat-menu__card{

    display:flex;

    flex-direction:column;

    background:#fff;

    border:1px solid var(--border);

    border-radius:var(--radius-md);

    overflow:hidden;

    box-shadow:var(--shadow-sm);

    transition:var(--transition);

}

.cat-menu__card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-lg);

}

.cat-menu__media{

    height:220px;

    overflow:hidden;

}

.cat-menu__media img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.cat-menu__body{

    padding:24px 26px 28px;

}

.cat-menu__tag{

    display:inline-block;

    margin-bottom:14px;

    padding:.4rem 1rem;

    border-radius:999px;

    background:rgba(92,225,230,.15);

    color:var(--color-primary);

    font-weight:700;

    font-size:.85rem;

}

.cat-menu__note{

    font-style:italic;

    margin-bottom:10px;

    font-size:.92rem;

}

.cat-menu__list{

    margin-bottom:18px;

}

.cat-menu__list li{

    position:relative;

    padding-left:20px;

    margin-bottom:8px;

    font-size:.95rem;

    color:var(--text-secondary);

    line-height:1.6;

}

.cat-menu__list li::before{

    content:"";

    position:absolute;

    left:0;

    top:9px;

    width:7px;

    height:7px;

    border-radius:50%;

    background:var(--color-secondary);

}

.cat-menu__formats{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.cat-menu__formats span{

    padding:.45rem .9rem;

    border-radius:999px;

    background:var(--background-light);

    border:1px solid var(--border);

    font-size:.82rem;

    font-weight:600;

    color:var(--text-primary);

}

.cat-menu__footnote{

    text-align:center;

    margin-top:44px;

    font-size:1.02rem;

}

.cat-menu__footnote a{

    color:var(--color-primary);

    font-weight:700;

    text-decoration:underline;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:900px){

.cat-menu__grid{

    grid-template-columns:1fr;

}

.cat-gallery__grid{

    grid-template-columns:1fr;

}

.cat-related__grid{

    grid-template-columns:repeat(3, 1fr);

}

.cat-download__box{

    padding:36px;

    text-align:center;

    justify-content:center;

}

}

@media(max-width:600px){

.cat-hero{

    padding:150px 0 60px;

}

.cat-related__grid{

    grid-template-columns:repeat(2, 1fr);

}

}