:root{--site-header-height:92px}
html{scroll-padding-top:calc(var(--site-header-height) + 12px)}
.site-header-shell{position:sticky;top:0;z-index:20;background:#fffefa;border-bottom:1px solid #e4e3ef;box-shadow:0 4px 18px #20205008}
.site-header-shell .header{display:grid;grid-template-columns:1fr auto auto;gap:28px;min-height:92px;padding-block:14px}
.site-header-shell .sleep-brand{grid-column:1;grid-row:1}
.site-header-shell .header-buy{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;background:#2856e8;color:#fff;border:0;box-shadow:none;padding:12px 20px;font:700 14px/1.3 Arial,sans-serif}
.site-header-shell .section-nav{grid-column:2;grid-row:1;gap:6px;display:flex}
.site-header-shell .header .section-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:10px;font:700 13px/1.3 Arial,sans-serif;color:#343453;white-space:nowrap}
.section-nav>a:hover,.section-nav>a[aria-current=location]{background:#efedff;color:#2043ba}
.site-header-shell .header-buy:hover{background:#1e43c5}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #315ae6;outline-offset:4px}
section[tabindex="-1"]:focus,main[tabindex="-1"]:focus,#checkout-form:focus{outline:none}
#descubre,#ofertas,#preguntas,#checkout-form,#inicio{scroll-margin-top:16px}
.mobile-bar[hidden]{display:none!important}
.mobile-bar{box-shadow:0 -6px 24px #2020500d}
input,select,textarea,button{font-family:Arial,Helvetica,sans-serif}
.faq summary{min-height:56px;display:list-item;padding-block:16px;cursor:pointer;font-size:16px;line-height:1.5}
.faq details[open]{background:#f4f2ff;border-radius:12px;padding-inline:18px}
.faq details>p{max-width:70ch;line-height:1.7}
.skip:focus{position:fixed;z-index:60;top:8px;left:8px;background:#fff;padding:12px 18px;color:#202050}
@media(max-width:1100px){.site-header-shell .header{gap:14px}.site-header-shell .header .sleep-brand-name{font-size:30px}.site-header-shell .header .section-nav>a{padding-inline:9px;font-size:12px}.site-header-shell .header-buy{font-size:12px;padding-inline:15px}}
@media(max-width:850px){:root{--site-header-height:126px}.site-header-shell .header{grid-template-columns:1fr auto;gap:8px 12px;padding-block:10px;min-height:0}.site-header-shell .header-buy{grid-column:2;min-height:44px}.site-header-shell .section-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1.3fr;width:100%;gap:3px;border-top:1px solid #eeecf4;padding-top:5px}.site-header-shell .header .section-nav>a{font-size:12px;padding:9px 5px;white-space:normal;text-align:center;min-height:42px}.site-header-shell .header .sleep-brand-name{font-size:28px}.site-header-shell .header .sleep-brand-name>small{font-size:6px}.site-header-shell .sleep-brand>.ss-icon{width:33px;height:33px;flex-basis:33px}}
@media(max-width:650px){form input:not([type=radio]):not([type=checkbox]),form select,form textarea{font-size:16px}.site-header-shell .header-buy{font-size:12px;padding-inline:13px}.reference-hero{padding-top:24px}.mobile-bar{padding-block:12px calc(12px + env(safe-area-inset-bottom))}}
@media(max-width:350px){.site-header-shell .header .sleep-brand-name{font-size:23px}.site-header-shell .sleep-brand>.ss-icon{width:27px;height:27px;flex-basis:27px}.site-header-shell .header-buy{font-size:11px;padding-inline:10px}.site-header-shell .header .section-nav>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
