.circulos-coleccion-section{background-color:var(--bg-color, #ffffff);padding:40px 0}.circulos-coleccion-wrapper{position:relative}.circulos-coleccion-heading{text-align:center;font-size:var(--font-h2--size, 1.6rem);font-family:var(--font-heading--family);margin:0 0 28px;color:var(--text-color, #1a1a1a)}.circulos-coleccion-carousel-container{position:relative;display:flex;align-items:center;gap:8px}.circulos-coleccion-track{display:flex;flex-wrap:nowrap;gap:var(--gap, 24px);list-style:none;margin:0;padding:4px 2px 12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1 1 auto}.circulos-coleccion-track::-webkit-scrollbar{display:none}.circulos-coleccion-item{flex:0 0 auto;scroll-snap-align:start;width:var(--circle-size, 130px)}.circulos-coleccion-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;gap:10px}.circulos-coleccion-circle{width:var(--circle-size, 130px);height:var(--circle-size, 130px);border-radius:var(--circle-radius, 50%);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-foreground-rgb, 26 26 26) / .05);border:1.5px solid var(--ring-color, #A68E54);box-sizing:border-box;transition:border-color var(--animation-values, .125s ease-in-out),transform var(--animation-values, .125s ease-in-out)}.circulos-coleccion-section[style*="--circle-radius: 16px"] .circulos-coleccion-circle{width:calc(var(--circle-size, 130px) * 1.25);height:var(--circle-size, 130px)}.circulos-coleccion-section[style*="--circle-radius: 16px"] .circulos-coleccion-item{width:calc(var(--circle-size, 130px) * 1.25)}.circulos-coleccion-link:hover .circulos-coleccion-circle,.circulos-coleccion-link:focus-visible .circulos-coleccion-circle{border-color:var(--text-color, #1a1a1a);transform:translateY(-2px)}.circulos-coleccion-link:focus-visible{outline:2px solid var(--text-color, #1a1a1a);outline-offset:4px;border-radius:var(--circle-radius, 50%)}.circulos-coleccion-img{width:100%;height:100%;object-fit:cover;display:block}.circulos-coleccion-placeholder{font-size:1.4rem;font-weight:600;color:var(--text-color, #1a1a1a);opacity:.4}.circulos-coleccion-titulo{font-size:.85rem;line-height:1.3;color:var(--text-color, #1a1a1a);max-width:calc(var(--circle-size) + 20px);overflow-wrap:break-word}.circulos-coleccion-nota-auto{margin-top:16px;font-size:var(--font-size--xs, .8rem);color:var(--color-foreground-muted, #888);text-align:center}.circulos-coleccion-nota-auto code{background:#0000000f;padding:2px 5px;border-radius:3px;font-size:.9em}.circulos-nav-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ring-color, #A68E54);background-color:var(--color-background, #ffffff);color:var(--text-color, #1a1a1a);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--animation-values, .125s ease-in-out),opacity var(--animation-values, .125s ease-in-out);z-index:var(--layer-flat, 1)}.circulos-nav-arrow:hover:not(:disabled){background-color:rgb(var(--color-foreground-rgb, 26 26 26) / .05)}.circulos-nav-arrow:disabled{opacity:.3;cursor:default}.circulos-nav-prev svg{transform:rotate(180deg)}.circulos-nav-arrow:focus-visible{outline:2px solid var(--text-color, #1a1a1a);outline-offset:2px}@media(max-width:749px){.circulos-coleccion-heading{font-size:1.3rem;margin-bottom:20px}.circulos-coleccion-item{width:var(--circle-size-mobile, 90px)}.circulos-coleccion-circle{width:var(--circle-size-mobile, 90px);height:var(--circle-size-mobile, 90px)}.circulos-coleccion-section[style*="--circle-radius: 16px"] .circulos-coleccion-circle{width:calc(var(--circle-size-mobile, 90px) * 1.25);height:var(--circle-size-mobile, 90px)}.circulos-coleccion-section[style*="--circle-radius: 16px"] .circulos-coleccion-item{width:calc(var(--circle-size-mobile, 90px) * 1.25)}.circulos-coleccion-titulo{font-size:.78rem;max-width:calc(var(--circle-size-mobile, 90px) + 16px)}.circulos-nav-arrow{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-circulos-colecciones.css.map */
