.collections-page{background-color:var(--bg-section);min-height:60vh}.collections-banner{background-color:var(--bg-white);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-40)}.collections-banner__inner{display:flex;align-items:center;gap:var(--space-24);margin-top:var(--space-16)}.collections-banner__accent{width:4px;height:72px;background-color:var(--color-blue);border-radius:2px;flex-shrink:0}.collections-banner__title{font-size:var(--font-size-28);font-weight:var(--font-weight-bold);color:var(--color-text-dark);line-height:1.15;margin-bottom:var(--space-8)}.collections-banner__subtitle{font-size:var(--font-size-14);color:var(--color-text-secondary);line-height:1.5;margin:0;max-width:600px}.collections-grid-section{padding:var(--space-56) 0}.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24)}.coll-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-32);text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.coll-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);text-decoration:none}.coll-card__bar{position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.coll-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-20)}.coll-card__icon{font-size:42px;line-height:1}.coll-card__badge{display:inline-flex;align-items:center;height:24px;padding:0 var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-11);font-weight:var(--font-weight-semibold);white-space:nowrap;flex-shrink:0}.coll-card__body{flex:1;margin-bottom:var(--space-24)}.coll-card__title{font-size:var(--font-size-22);font-weight:var(--font-weight-bold);color:var(--color-text-dark);line-height:1.2;margin-bottom:var(--space-12)}.coll-card__desc{font-size:var(--font-size-14);color:var(--color-text-secondary);line-height:1.6;margin:0}.coll-card__footer{margin-top:auto}.coll-card__cta{display:inline-flex;align-items:center;gap:var(--space-8);height:46px;min-width:210px;padding:0 var(--space-20);border-radius:var(--radius-lg);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);background-color:var(--color-blue);color:#fff;transition:background-color var(--transition-base)}.coll-card:hover .coll-card__cta{background-color:var(--color-blue-hover)}.coll-card--blue .coll-card__bar{background-color:var(--cat-audio)}.coll-card--blue .coll-card__icon{color:var(--cat-audio)}.coll-card--blue .coll-card__badge{background-color:#0068c91a;color:var(--cat-audio)}.coll-card--purple .coll-card__bar{background-color:var(--cat-iluminacion)}.coll-card--purple .coll-card__icon{color:var(--cat-iluminacion)}.coll-card--purple .coll-card__badge{background-color:#9400ff1a;color:var(--cat-iluminacion)}.coll-card--magenta .coll-card__bar{background-color:var(--cat-dj)}.coll-card--magenta .coll-card__icon{color:var(--cat-dj)}.coll-card--magenta .coll-card__badge{background-color:#fd02ff1a;color:var(--cat-dj)}.coll-card--teal .coll-card__bar{background-color:#00a896}.coll-card--teal .coll-card__icon{color:#00a896}.coll-card--teal .coll-card__badge{background-color:#00a8961a;color:#00a896}.coll-card--orange .coll-card__bar{background-color:var(--cat-arriendo)}.coll-card--orange .coll-card__icon{color:var(--cat-arriendo)}.coll-card--orange .coll-card__badge{background-color:#e580001a;color:var(--cat-arriendo)}@media screen and (min-width:768px){.collections-banner__title{font-size:2.375rem}}@media screen and (max-width:900px){.collections-grid-section{padding:var(--space-40) 0}.coll-card{padding:var(--space-24)}.coll-card__icon{font-size:32px}.coll-card__title{font-size:var(--font-size-21)}.coll-card__cta{min-width:unset;width:100%;justify-content:center}}@media screen and (max-width:600px){.collections-grid{grid-template-columns:1fr;gap:var(--space-16)}.collections-banner__accent{height:52px}.collections-banner__title{font-size:var(--font-size-26)}.collections-grid-section{padding:var(--space-32) 0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-list-collections.css.map */