.cuento-collection{padding:0 20px 60px;max-width:var(--page-width);margin:0 auto}.cuento-collection__header{display:flex;justify-content:space-between;align-items:baseline;padding:40px 0 30px;border-bottom:1px solid var(--color-border);margin-bottom:30px}.cuento-collection__title{font-family:var(--font-heading);font-size:24px;font-weight:400}.cuento-collection__controls{display:flex;align-items:center;gap:20px}.cuento-collection__count{font-size:12px;color:var(--color-secondary);letter-spacing:.05em}.cuento-collection__view-switch{display:flex;gap:8px}.cuento-collection__view-btn{background:none;border:none;cursor:var(--cursor-star),pointer;padding:4px;opacity:.3;transition:opacity var(--transition);color:var(--color-primary)}.cuento-collection__view-btn.is-active{opacity:1}.cuento-view-icon{display:flex;gap:2px;width:18px;height:18px}.cuento-view-icon--1:before{content:"";display:block;width:100%;height:100%;border:1px solid currentColor}.cuento-view-icon--2{display:flex;gap:2px}.cuento-view-icon--2:before,.cuento-view-icon--2:after{content:"";display:block;width:50%;height:100%;border:1px solid currentColor}.cuento-view-icon--3{display:flex;gap:1px}.cuento-view-icon--3:before{content:"";display:block;width:33.33%;height:100%;border:1px solid currentColor}.cuento-view-icon--3:after{content:"";display:block;width:33.33%;height:100%;border:1px solid currentColor}.cuento-collection__grid{display:grid;gap:20px 12px;transition:var(--transition)}.cuento-collection__grid[data-columns="1"]{grid-template-columns:1fr;max-width:600px;margin:0 auto}.cuento-collection__grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.cuento-collection__grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.cuento-collection__grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.cuento-view-icon--4{display:flex;gap:1px}.cuento-view-icon--4:before,.cuento-view-icon--4:after{content:"";display:block;width:25%;height:100%;border:1px solid currentColor}.cuento-collection__pagination{text-align:center;padding:40px 0;font-size:12px;letter-spacing:.1em}.cuento-collection__pagination a{padding:8px 12px;color:var(--color-secondary);transition:color var(--transition)}.cuento-collection__pagination a:hover{color:var(--color-accent)}.cuento-collection__pagination .current{font-weight:600;color:var(--color-accent)}@media(max-width:768px){.cuento-collection__header{flex-direction:column;gap:16px}.cuento-collection__view-switch{display:none}.cuento-collection__grid{grid-template-columns:repeat(2,1fr)!important;max-width:none!important;gap:12px 8px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cuento-collection.css.map */