/* SonorBooks: reference homepage geometry, with locally hosted media and fonts. */
:root{--ink:#101010;--orange:#fa582d;--yellow:#ffcb06;--paper:#fff;--gutter:max(12px,calc((100vw - 1200px - var(--scrollbar-width,0px))/2));--sans:"Ubuntu",Arial,sans-serif;--serif:"Merriweather",Georgia,serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:16px;line-height:28px;-webkit-font-smoothing:antialiased}main{display:block}img{max-width:100%;height:auto;vertical-align:middle}button,input{font:inherit}button,summary{cursor:pointer}a{color:var(--ink);text-decoration-color:rgba(250,88,45,.4);text-underline-offset:3px}a:hover{color:var(--orange)}button{color:inherit}button:disabled{cursor:default}svg{width:24px;height:24px;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.container-xxl{width:100%;max-width:1224px;margin-inline:auto;padding-inline:12px}h1,h2,h3{font-family:var(--sans);font-weight:700}h2{margin:28px 0 8px;font-size:28px;line-height:36px}h3{margin:24px 0 8px;font-size:24px;line-height:32px}p{margin:0 0 16px}ul,ol{margin:0 0 16px;padding-left:28px}li:not(:last-child){margin-bottom:4px}strong{font-weight:700}.text-center{text-align:center}:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:2px}.skip-link{position:absolute;top:8px;left:12px;z-index:300;padding:8px 16px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
.header{position:absolute;inset:0 0 auto;z-index:100}.navbar>.container-xxl{display:flex;align-items:center;min-height:64px}.custom-logo{display:flex;flex-shrink:0;margin-right:48px;font:700 25px/32px var(--sans);letter-spacing:-.8px;text-decoration:none}.custom-logo span:first-child{color:var(--orange)}.custom-logo span:last-child{color:var(--yellow)}.primary-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0}.primary-menu>li{position:relative;margin:0;min-height:64px;display:flex;align-items:center}.primary-menu>li>a,.primary-menu summary{display:flex;align-items:center;padding:0 24px;min-height:64px;color:#fff;text-decoration:none;font:700 18px/24px var(--sans);white-space:nowrap}.primary-menu>li:first-of-type+li summary{padding-left:0}.primary-menu summary{list-style:none;gap:8px}.primary-menu summary::-webkit-details-marker,.country-menu summary::-webkit-details-marker{display:none}.primary-menu summary::after,.country-menu summary::after{content:"";display:block;width:7px;height:7px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}.primary-menu a:hover,.primary-menu summary:hover,.primary-menu details[open]>summary{color:var(--yellow)}.primary-menu .sub-menu{position:absolute;top:64px;left:0;min-width:200px;width:max-content;max-width:390px;max-height:calc(100dvh - 96px);overflow-y:auto;list-style:none;padding:12px 0;margin:0;background:white;border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 8px #00000026}.sub-menu li{margin:0!important}.sub-menu a{display:block;padding:8px 24px;text-decoration:none;color:var(--ink);font:400 16px/24px var(--sans)}.sub-menu a:hover{background:#fa582d12;color:var(--orange)}.primary-menu>li:last-child .sub-menu{left:auto;right:0}.navbar-toggler,.mobile-home{display:none!important}
.hero-home{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:992px;padding-top:128px;margin-bottom:28px;background:#101010 url("/assets/hero/listening-1600.webp") no-repeat top right;background-size:auto 768px;color:#fff}.hero-home::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#101010 33%,transparent 62%);pointer-events:none}.hero-home>.container-xxl{margin-block:auto}.hero-home h1{font-size:64px;line-height:64px;max-width:58%;margin:0 0 16px;text-wrap:balance;color:#fff}.hero-home>.container-xxl>p{max-width:55%;font:400 32px/36px var(--sans);margin-bottom:36px;text-wrap:balance}.mobile-background{display:none}.brands{margin-top:64px;padding-bottom:36px;background:linear-gradient(180deg,transparent 0%,#101010 46%)}.brands h2{margin:0 0 16px;color:#fff}.carousel{position:relative}.scroll-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.scroll-viewport::-webkit-scrollbar{display:none}.carousel-track{list-style:none;display:flex;align-items:stretch;padding:0;margin:0}.carousel-track>li{margin:0;flex-shrink:0;scroll-snap-align:start}.platform-carousel .carousel-track{gap:16px;padding:0 calc(var(--gutter) + 8px)}.platform-carousel .carousel-track>li{width:288px}.scroll-edge{position:absolute;top:0;bottom:0;width:10px;border:0;padding:0;background:linear-gradient(90deg,#fa582d35,transparent);z-index:2;opacity:1;transition:opacity .15s}.scroll-edge:disabled{opacity:0;pointer-events:none}.scroll-edge.previous{left:0}.scroll-edge.next{right:0;transform:rotate(180deg)}.scroll-viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.scroll-viewport.is-dragging a{cursor:grabbing}.cta-card{position:relative;display:flex;flex-direction:column;align-items:center;width:288px;min-height:456px;padding:24px 16px;border:1px solid #0000001a;border-radius:4px;background:#fff;color:var(--ink);box-shadow:0 1px 8px #00000026}.ribbon{position:absolute;top:4px;left:-5px;padding:4px 20px;background:var(--yellow);border-radius:4px 4px 4px 0;font:400 14px/16px var(--sans)}.ribbon::after{content:"";position:absolute;left:0;bottom:-4px;border-top:4px solid #d7aa00;border-left:5px solid transparent}.logo{display:grid;place-items:center;width:124px;height:76px;flex-shrink:0}.logo img{width:124px;height:76px;object-fit:contain}.price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:8px;font-size:16px;line-height:20px;white-space:nowrap}.price>span{font:700 28px/32px var(--sans);color:var(--orange)}.info{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0 0;padding:0;list-style:none;font:700 18px/20px var(--sans)}.info li{display:flex;align-items:center;gap:4px;margin:0}.info svg{width:22px;height:22px}.rating{font-size:20px}.benefits{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;gap:8px 12px;flex:1;min-height:88px;margin:20px 0;padding:0;list-style:none}.benefits li{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:16px;margin:0;text-align:center}.benefits svg{width:16px;height:16px;stroke:var(--orange)}.review-link{font-size:14px;line-height:20px;margin-top:auto}.btn{font:700 16px/18px var(--sans);min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:32px;text-align:center;text-decoration:none}.btn-warning{margin-top:24px;padding:0 16px 0 24px;width:100%;background:var(--yellow);color:var(--ink)}.btn-warning:hover{background:#ffd329;color:var(--ink)}.btn svg{width:24px;height:24px;margin-left:auto}.link-label{display:block;min-height:16px;margin-top:4px;font:400 12px/16px var(--sans);color:#666}.disclaimer{font:400 12px/16px var(--sans);margin:16px 0 0;color:#666}.brands>.disclaimer{padding-inline:var(--gutter);color:#ccc}.brands .disclaimer a{color:#ccc}.brands .disclaimer a:hover{color:var(--yellow)}
.site-main{padding:0}.site-main>p:first-child{margin-top:0}.site-main>h2:first-of-type{margin-top:28px}.all-genres{margin-top:16px;margin-bottom:28px;margin-left:calc(-1 * var(--gutter));width:calc(100vw - var(--scrollbar-width,0px))}.all-genres .carousel-track{gap:8px;padding-inline:var(--gutter)}.genre-card{width:160px;height:400px;position:relative;background:#101010;border-radius:4px;overflow:hidden}.genre-card picture,.genre-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.genre-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,#000000bf 84%);pointer-events:none}.genre-card>a{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;padding:16px;color:#fff;text-decoration:none;font:700 28px/32px var(--sans);writing-mode:vertical-rl;transform:scale(-1,-1);text-shadow:0 1px 4px #0009}.genre-card>a:hover{color:var(--yellow)}.genre-card:focus-within{outline:3px solid var(--orange);outline-offset:3px}.all-genres .scroll-edge{display:none}.toplist{display:grid;grid-template-columns:repeat(4,288px);gap:0 16px;width:100%;margin:28px auto}.toplist>.disclaimer{grid-column:1/-1}.toplist .cta-card{width:100%}.site-main h2+.toplist{margin-top:0}.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;margin-top:28px}.guide-content>h2:first-child{margin-top:0}.guide-content{min-width:0}.sidebar{position:relative}.table-of-contents{position:sticky;top:24px;padding:24px 16px 32px 24px;border:1px solid #0000000d;background:#fa582d12}.table-of-contents h2{margin:0 0 16px;max-width:calc(100% - 28px)}.bookmark{position:absolute;top:-4px;right:24px;width:18px;height:28px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents li:not(:last-child){margin-bottom:8px}.table-of-contents a{display:inline-block;font:400 15px/20px var(--sans)}.table-of-contents nav{overflow-y:auto;max-height:calc(100dvh - 140px);scrollbar-width:thin;scrollbar-color:#fa582d6b transparent}.reasons li{margin-bottom:4px}.schema-faq{margin-bottom:28px}.faq-item{border:1px solid #0000000d;border-radius:4px;background:#00000005;margin-bottom:8px}.faq-item>summary{position:relative;list-style:none;padding:24px 56px 24px 16px;font:700 18px/24px var(--sans)}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary::after{content:"+";font:400 30px/24px var(--sans);position:absolute;right:18px;top:24px}.faq-item[open]>summary::after{content:"−"}.faq-item>p{padding:0 16px 24px;margin:0}.popular-books{margin:28px 0}.popular-books h2{margin:0 0 16px}.books-carousel .carousel-track{gap:18px}.book-card{position:relative;width:186px;min-width:186px;text-align:center}.book-cover{display:block;width:186px;height:186px;overflow:hidden}.book-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.book-cover .cover{width:100%;height:100%;aspect-ratio:1}.book-rating{height:20px;margin:12px 0 8px;color:var(--orange);font:700 20px/20px var(--sans);letter-spacing:2px}.book-title{display:block;font:700 18px/24px var(--sans);text-decoration:none}.book-title:hover{color:var(--orange)}.author{font:400 14px/20px var(--sans);color:#666;margin-top:8px}.footer{margin-top:28px;padding:24px 0;background:#00000005;border-top:1px solid #0000000d;font:400 14px/20px var(--sans);color:#333}.footer>.container-xxl{display:flex;align-items:center;justify-content:space-between;gap:16px}.country-menu{position:relative}.country-menu summary{display:flex;align-items:center;gap:12px;font-weight:700;text-transform:uppercase;list-style:none}.flag-es{display:block;width:30px;height:20px;background:linear-gradient(#ad1519 25%,#fabd00 25%,#fabd00 75%,#ad1519 75%)}.country-menu ul{list-style:none;position:absolute;bottom:36px;right:0;margin:0;padding:12px 16px;min-width:180px;background:white;border:1px solid #0000001a;box-shadow:0 1px 8px #00000026}.country-menu a{white-space:nowrap}
.privacy-notice{position:fixed;z-index:150;right:max(12px,calc((100vw - 1200px)/2));bottom:0;width:354px;max-width:calc(100vw - 24px);padding:24px;background:var(--orange);color:#fff;border-radius:4px 4px 0 0;box-shadow:0 1px 8px #00000026;font:400 14px/22px var(--sans)}.privacy-notice h2{font-size:24px;line-height:28px;margin:0 12px 16px 0;color:#fff}.privacy-notice p{margin-bottom:16px}.notice-close{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#fff;font:400 22px/24px var(--sans);padding:2px 6px}.notice-accept{display:block;border:0;width:100%;min-height:40px;background:#fff;color:var(--orange);font:700 16px/20px var(--sans);border-radius:24px}.privacy-notice>a{display:block;margin-top:8px;color:#fff;text-align:center;text-decoration-color:#fff;font-weight:700}.privacy-notice :focus-visible{outline-color:#fff}
.price{font-family:var(--sans)}.price>span{font-size:32px;line-height:36px}.benefits{min-height:80px}.device-icons svg{width:20px;height:20px}.apple .logo{gap:3px;align-content:center;text-decoration:none}.apple .logo img{width:44px;height:44px}.logo-wordmark{font:700 17px/20px var(--sans)}
@media(min-width:1440px){.hero-home{background-size:auto 64vw}.hero-home h1{max-width:75%}.hero-home>.container-xxl>p{max-width:80%}}
@media(max-width:1199px){.primary-menu>li>a,.primary-menu summary{padding-inline:16px}.custom-logo{margin-right:32px}.toplist{grid-template-columns:repeat(2,288px);width:max-content;max-width:100%;gap:24px 16px}.toplist>.disclaimer{max-width:592px;margin-top:0}.has-sidebar{grid-template-columns:minmax(0,1fr) clamp(297px,33vw,360px);gap:32px}.hero-home{background-size:auto 68vw;min-height:944px}.hero-home h1{max-width:60%;font-size:42px;line-height:48px}.hero-home>.container-xxl>p{font-size:24px;line-height:28px;max-width:70%}}
@media(max-width:991px){.navbar>.container-xxl{min-height:56px;justify-content:space-between}.custom-logo{font-size:24px;margin-right:0}.navbar-toggler{display:block!important;position:relative;width:40px;height:40px;padding:8px;border:0;background:transparent;color:#fff}.navbar-toggler span,.navbar-toggler span::before,.navbar-toggler span::after{display:block;position:absolute;width:24px;height:2px;background:currentColor;content:"";transition:transform .2s}.navbar-toggler span::before{top:-7px}.navbar-toggler span::after{top:7px}.primary-menu{display:none;position:absolute;top:56px;left:0;right:0;max-height:calc(100dvh - 56px);overflow:auto;background:white;padding:32px 24px 40px 60px}.menu-open{overflow:hidden}.menu-open .header{position:fixed;background:#fff}.menu-open .navbar-toggler{color:#101010}.menu-open .navbar-toggler span{background:transparent}.menu-open .navbar-toggler span::before{transform:translateY(7px) rotate(45deg)}.menu-open .navbar-toggler span::after{transform:translateY(-7px) rotate(-45deg)}.menu-open .primary-menu{display:block}.primary-menu .mobile-home{display:block!important}.primary-menu>li{display:block;min-height:0}.primary-menu>li>a,.primary-menu summary{padding:12px 0!important;min-height:0;justify-content:flex-start;color:var(--orange);font-size:34px;line-height:44px;white-space:normal}.primary-menu summary::after{margin-left:8px;flex-shrink:0}.primary-menu .sub-menu{position:static;width:auto;max-width:none;max-height:none;box-shadow:none;border:0;padding:8px 0 16px}.primary-menu .sub-menu a{padding:16px;color:var(--orange);border:1px solid #0000000d;background:#00000005;border-radius:4px;font-size:18px;line-height:24px}.primary-menu .sub-menu li+li{margin-top:8px!important}.primary-menu a:hover,.primary-menu summary:hover,.primary-menu details[open]>summary{color:#cb3913}.has-sidebar{display:block}.sidebar{display:none}.hero-home h1{max-width:60%}}
@media(max-width:767px){h2{margin-top:24px}h3{font-size:22px;line-height:28px}.hero-home{padding-top:0;min-height:992px;margin-bottom:24px;background-image:none}.hero-home::after{background:linear-gradient(180deg,transparent 28%,#101010 40%)}.mobile-background{position:absolute;display:block;inset:0 0 auto;height:clamp(464px,100vw,656px);z-index:-2;background:url("/assets/hero/listening-1600.webp") no-repeat top center;background-size:auto 100%}.hero-home>.container-xxl{min-height:492px;display:flex;justify-content:flex-end;flex-direction:column;flex:1}.hero-home h1{max-width:85%;margin:0 auto 24px;font-size:42px;line-height:48px;text-align:center}.hero-home>.container-xxl>p{display:none}.brands{margin-top:48px;padding-bottom:28px;background:transparent}.brands h2{text-align:center}.platform-carousel .carousel-track{padding-inline:12px}.all-genres{margin-block:24px}.toplist{margin-block:24px}.popular-books{margin-block:24px}.footer{margin-top:24px}.footer>.container-xxl{gap:12px}.primary-menu>li>a,.primary-menu summary{font-size:32px;line-height:40px}}
@media(max-width:575px){.hero-home{min-height:944px}.hero-home>.container-xxl{min-height:444px}.hero-home h1{max-width:100%}.brands{margin-top:48px}.toplist{grid-template-columns:288px;row-gap:16px}.toplist>.disclaimer{max-width:288px}.all-genres{width:auto;margin-left:0}.all-genres .scroll-viewport{overflow:visible}.all-genres .carousel-track{display:grid;grid-template-columns:1fr;gap:8px;padding:0}.genre-card{height:112px;width:100%;border-radius:4px}.genre-card::after{background:linear-gradient(90deg,#101010cf,transparent 90%)}.genre-card>a{align-items:center;padding:16px;writing-mode:horizontal-tb;transform:none;font-size:28px;line-height:32px}.genre-card img{object-position:center}.books-carousel .carousel-track{gap:16px}.book-card,.book-cover{width:160px;min-width:160px}.book-cover{height:160px}.book-title{font-size:16px;line-height:22px}.footer>.container-xxl{align-items:flex-start;font-size:12px}.country-menu summary{font-size:12px}.privacy-notice{right:12px}.primary-menu{padding-left:32px}}
.menu-back{display:none}
@media(max-width:991px){.submenu-open .menu-back{display:flex;align-items:center;gap:12px;position:absolute;z-index:105;top:72px;left:60px;border:0;padding:0;background:white;color:var(--ink);font:700 18px/24px var(--sans)}.submenu-open .primary-menu{height:calc(100dvh - 56px);overflow:visible}.submenu-open .primary-menu>li{visibility:hidden}.submenu-open .primary-menu details[open]>.sub-menu{visibility:visible;position:absolute;inset:72px 12px 16px 60px;overflow-y:auto;padding:0;background:#fff}.submenu-open .primary-menu details[open]>.sub-menu a{padding:16px}}
@media(max-width:575px){.submenu-open .menu-back{left:32px}.submenu-open .primary-menu details[open]>.sub-menu{left:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}