.sb-sounds{--sb-sounds-accent: #3DCFCE;max-width:1200px;margin:0 auto}.sb-sounds__header{max-width:760px;margin:0 auto 4.5rem;text-align:center}.sb-sounds__header-image-wrap{display:flex;justify-content:center;margin-bottom:1.6rem}.sb-sounds__header-image{display:block;width:300px;max-width:100%;height:auto}.sb-sounds__title{margin:0 0 1rem}.sb-sounds__subtitle{margin:0;line-height:1.6;opacity:.72}.sb-sounds__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem 3rem}.sb-sounds__card{min-width:0}.sb-sounds__media{position:relative;width:18rem;height:18rem;overflow:hidden;margin:0 0 2rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.06)}.sb-sounds__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.sb-sounds__card:hover .sb-sounds__image{transform:scale(1.025)}}.sb-sounds__content{min-width:0}.sb-sounds__meta{margin-bottom:1.3rem}.sb-sounds__number{display:block;margin-bottom:.8rem;font-size:3.8rem;font-weight:400;line-height:.9;letter-spacing:-.05em;opacity:.26}.sb-sounds__card-title{margin:0;font-size:1.65rem;font-weight:500;line-height:1.25}.sb-sounds__audio{display:none}.sb-sounds__player{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:1.3rem;align-items:center;width:100%}.sb-sounds__play{position:relative;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid var(--sb-sounds-accent);border-radius:50%;background:transparent;color:var(--sb-sounds-accent);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.sb-sounds__play-icon{width:0;height:0;margin-left:.25rem;border-top:.55rem solid transparent;border-bottom:.55rem solid transparent;border-left:.85rem solid currentColor}.sb-sounds__pause-icon{display:none;align-items:center;justify-content:center;gap:.35rem}.sb-sounds__pause-icon span{display:block;width:.3rem;height:1.15rem;border-radius:999px;background:currentColor}.sb-sounds__card.is-playing .sb-sounds__play-icon{display:none}.sb-sounds__card.is-playing .sb-sounds__pause-icon{display:flex}.sb-sounds__card.is-playing .sb-sounds__play{background:var(--sb-sounds-accent);color:#fff;border-color:var(--sb-sounds-accent)}@media(hover:hover){.sb-sounds__play:hover{background:var(--sb-sounds-accent);color:#fff;border-color:var(--sb-sounds-accent);transform:scale(1.04)}}.sb-sounds__player-main{min-width:0}.sb-sounds__timeline{display:flex;align-items:center;width:100%}.sb-sounds__progress{--sb-progress: 0%;display:block;width:100%;height:1.6rem;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.sb-sounds__progress::-webkit-slider-runnable-track{width:100%;height:3px;border-radius:999px;background:linear-gradient(to right,var(--sb-sounds-accent) 0%,var(--sb-sounds-accent) var(--sb-progress),rgba(var(--color-foreground),.22) var(--sb-progress),rgba(var(--color-foreground),.22) 100%)}.sb-sounds__progress::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.35rem;border:0;border-radius:50%;background:var(--sb-sounds-accent);-webkit-appearance:none;appearance:none}.sb-sounds__progress::-moz-range-track{height:3px;border:0;border-radius:999px;background:rgba(var(--color-foreground),.22)}.sb-sounds__progress::-moz-range-progress{height:3px;border-radius:999px;background:var(--sb-sounds-accent)}.sb-sounds__progress::-moz-range-thumb{width:1rem;height:1rem;border:0;border-radius:50%;background:var(--sb-sounds-accent)}.sb-sounds__time{display:flex;gap:.45rem;margin-top:.2rem;font-size:1rem;line-height:1.2;opacity:.48}.sb-sounds__time-separator{opacity:.55}@media screen and (max-width:989px){.sb-sounds__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 3rem;max-width:60rem;margin:0 auto}.sb-sounds__media{width:16rem;height:16rem}}@media screen and (max-width:749px){.sb-sounds__header{max-width:32rem;margin-bottom:3.2rem}.sb-sounds__header-image-wrap{margin-bottom:1.2rem}.sb-sounds__header-image{width:170px}.sb-sounds__subtitle{font-size:1.35rem;line-height:1.55}.sb-sounds__grid{display:block;max-width:36rem;margin:0 auto}.sb-sounds__card{padding:1.6rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.sb-sounds__card:last-child{border-bottom:1px solid rgba(var(--color-foreground),.1)}.sb-sounds__media{width:7.2rem;height:7.2rem;margin:0 0 1.5rem;border-radius:.9rem}.sb-sounds__meta{margin-bottom:.9rem}.sb-sounds__number{margin-bottom:.35rem;font-size:2.4rem;line-height:.9;opacity:.26}.sb-sounds__card-title{font-size:1.4rem;line-height:1.2}.sb-sounds__player{grid-template-columns:3.8rem minmax(0,1fr);gap:1.1rem}.sb-sounds__play{width:3.8rem;height:3.8rem}.sb-sounds__play-icon{border-top-width:.48rem;border-bottom-width:.48rem;border-left-width:.75rem}.sb-sounds__time{font-size:.9rem}}.sb-sounds__play:focus-visible,.sb-sounds__progress:focus-visible{outline:2px solid var(--sb-sounds-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.sb-sounds__image,.sb-sounds__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-steamboat-bitacora-sounds.css.map */