@font-face{font-family:Archivo;font-style:normal;font-weight:400 500;font-display:swap;src:url(archivo.woff2) format("woff2")}
@font-face{font-family:Archivo;font-style:italic;font-weight:400;font-display:swap;src:url(archivo-i.woff2) format("woff2")}
@font-face{font-family:Baskervville;font-style:normal;font-weight:400;font-display:swap;src:url(baskervville.woff2) format("woff2")}

:root{
  --ink:#3a3944;--ink-tint:rgba(58,57,68,.75);--charcoal:#1a1a22;--white:#fff;--gris:#eee;--anil:#243b82;
  --gap:3.2rem;--gutter:2.4rem;--header-height:7rem;--v-gutter:1.6rem;--caption-margin:.8rem;
  --duration-short:.1s;--duration-default:.2s;--duration-long:.5s;--ease-out-slow:cubic-bezier(0,0,.3,1);
  font-size:10px;
}
@media (min-width:750px){:root{--gutter:3.2rem;--caption-margin:1.6rem}}
@media (min-width:990px){:root{--header-height:5.48rem}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}
body{margin:0;background:var(--white);color:var(--ink);font-family:Archivo,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:0;line-height:1.4;overflow-x:hidden}
body.is-locked{overflow:hidden}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3,h4,h5,h6,figure,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}
input{font:inherit;color:inherit}
:focus{outline:none}
:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.skip{position:absolute;left:1.6rem;top:-6rem;z-index:100;background:var(--charcoal);color:#fff;padding:1rem 1.6rem;text-transform:uppercase}
.skip:focus{top:1.6rem}
[hidden]{display:none!important}

.eyebrow{font-size:1.2rem;line-height:1.4;text-transform:uppercase}
.body--italic{font-style:italic}
.body--small{font-size:1.1rem;line-height:1.4}
.cta{font-size:1.2rem;line-height:1.4;text-decoration:underline;text-underline-offset:.3rem;text-transform:uppercase;text-decoration-color:currentColor}
@media (min-width:750px){.cta{text-decoration-color:transparent}.cta:hover,.cta:focus-visible{text-decoration-color:currentColor}}
.list-menu{display:flex;align-items:center;gap:3.2rem}
.hide-tablet{display:none}
@media (min-width:990px){.hide-tablet{display:list-item}}


.section-header{position:sticky;top:0;z-index:30;margin:0}
.header-wrapper{position:relative;background:var(--white);color:var(--ink);transition:background var(--duration-default) ease,color var(--duration-default) ease}
html.header--is-clear .header-wrapper:not(.menu-open):not(.mega-open){background:rgba(255,255,255,0);color:#fff}
.header{display:grid;grid-template-columns:4.4rem 1fr 4.4rem;align-items:center;height:7rem;padding:0 var(--gutter);position:relative}
@media (min-width:990px){.header{height:5.48rem;padding:1.4rem 3.2rem;grid-template-columns:1fr 44rem 1fr}}
.header__burger{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-left:-1.2rem;grid-column:1;justify-self:start;position:relative;z-index:6}
.header__burger .icon+.icon{display:none}
.menu-open .header__burger .icon:first-child{display:none}
.menu-open .header__burger .icon+.icon{display:block}
.header__left{display:none;grid-column:1;position:relative;z-index:6}
.header__right{grid-column:3;justify-self:end;position:relative;z-index:6}
.header__left a,.header__right .header__menu-item{text-underline-offset:.3rem}
.header__left a:hover,.header__right .header__menu-item:hover,.header__left a:focus-visible,.header__right a:focus-visible{text-decoration:underline}
@media (min-width:990px){.header__burger{display:none}.header__left{display:block}}
.header__logo{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:1.5rem}
.header__heading-link{display:inline-block;line-height:0;padding:.75rem;color:inherit}
.header__heading-logo-wrapper{position:absolute;top:-.8rem;left:0;right:0;margin:0 auto;width:9rem;display:inline-block;transition:width var(--duration-long) ease;line-height:0}
.header__heading-logo-wrapper .logo{width:100%;height:auto;overflow:visible;display:block}
.section-header:not(.scrolled-past-header):not(.menu-open) .header__heading-logo-wrapper{width:18rem}
@media (min-width:400px){.section-header:not(.scrolled-past-header):not(.menu-open) .header__heading-logo-wrapper{width:22rem}}
@media (min-width:750px){.section-header:not(.scrolled-past-header):not(.menu-open) .header__heading-logo-wrapper{width:29rem}}
.menu-open .header-wrapper .header__heading-logo-wrapper{transition:width var(--duration-default) ease}
.header__icon{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;color:inherit}
.header__icon .icon{width:2.4rem;height:2.4rem;pointer-events:none}
.header__icon--cart{position:relative;font-size:1.2rem;text-transform:uppercase}
.header__right .list-menu{gap:3.2rem}
@media (max-width:989px){
  .header__icon--cart{width:4.4rem;height:4.4rem;margin-right:-1rem}
  .header__right .list-menu{gap:0}
  .section-header:not(.scrolled-past-header):not(.menu-open) .header__burger,
  .section-header:not(.scrolled-past-header):not(.menu-open) .header__right{opacity:0;pointer-events:none}
}
.header__burger,.header__right{transition:opacity var(--duration-default) ease}
.header__count{position:absolute;top:.2rem;right:-.4rem;min-width:1.5rem;height:1.5rem;border-radius:.75rem;background:var(--charcoal);color:#fff;font-size:.9rem;line-height:1.5rem;text-align:center;padding:0 .3rem}
html.header--is-clear .header-wrapper:not(.menu-open):not(.mega-open) .header__count{background:#fff;color:var(--charcoal)}
@media (min-width:990px){.header__count{top:-.6rem;right:auto;left:1.6rem}}


.mega-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;color:var(--ink);z-index:10;border-top:1px solid var(--gris);border-bottom:1px solid var(--gris);padding:2rem 3.2rem}
.mega-menu.active{display:block}
@media (max-width:989px){.mega-menu.active{display:none!important}}
.mega-menu__content{display:grid;grid-template-columns:32rem 1fr 1fr;gap:3.2rem;width:100%;margin:0 auto}
.mega-menu__column--menu{padding:4rem 0}
.menu-label{margin-bottom:3.2rem;font-weight:400}
.mega-menu__menu li{padding-bottom:.8rem}
.mega-menu__column a{text-decoration:none;color:var(--ink)}
.mega-menu__column a:hover,.mega-menu__column a:focus-visible{text-decoration:underline}
.img-wrapp{height:32rem;max-height:32rem;overflow:hidden;background:var(--gris)}
.img-wrapp img{width:100%;height:100%;object-fit:cover}
.mega-menu__column p{font-size:1.2rem;margin-top:1rem}
.header-wrapper.mega-open .header__heading-logo-wrapper{width:9rem!important}


.menu-movil{position:fixed;inset:0;z-index:20;background:var(--charcoal);color:#fff;padding:11.5rem var(--gutter) var(--gutter);overflow:auto;transform:translateY(-100%);visibility:hidden;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--duration-long)}
.menu-open-body .menu-movil{transform:none;visibility:visible;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s}
.menu-movil__lista{display:flex;flex-direction:column;gap:2rem;font-size:1.2rem;text-transform:uppercase;line-height:1.4}
.menu-movil__lista a{display:inline-block;padding:0}
.menu-movil__busca{margin:3rem 0 0;padding:0;justify-content:flex-start;color:#fff}
.menu-movil__extra{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;gap:1.6rem;font-size:1.2rem;text-transform:uppercase}
@media (min-width:990px){.menu-movil{display:none}}
.menu-open.header-wrapper,.header-wrapper.menu-open{background:var(--charcoal);color:#fff}


main{display:block}
.hero-measurer{display:block;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;margin-top:calc(-1 * var(--header-height));pointer-events:none}
.hero{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:sticky;top:0;z-index:0;margin-top:calc(-1 * var(--header-height));height:100vh;height:100svh;background:#fff;color:#fff}
.hero__media-wrapper{grid-column:1/1;grid-row:1/1;position:relative;overflow:hidden;height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--gris)}
.hero__media-wrapper::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,0);transition:background var(--duration-default) ease-in-out;pointer-events:none}
html:not(.header--is-clear) .hero__media-wrapper::after{background:#fff}
.hero__media{width:100%;height:100%;object-fit:cover;object-position:center}
.hero__image--mobile{display:none;grid-column:1/-1;grid-row:1}
.hero__image--izq{grid-column:1;grid-row:1}
.hero__image--der{grid-column:2;grid-row:1}
@media (max-width:749px){
  .hero__image--izq,.hero__image--der{display:none}
  .hero__image--mobile{display:block}
}
.hero__text{align-self:center;box-sizing:content-box;padding:4.8rem var(--gutter);position:sticky;bottom:0;z-index:2;grid-column:1/1;grid-row:1/1;max-width:32rem;margin-left:auto;margin-right:2.3rem;text-align:right;pointer-events:none}
@media (max-width:989px){.hero__text{max-width:none}}
.hero__text>*{pointer-events:auto}
.hero__text p{font-family:Baskervville,Georgia,"Times New Roman",serif;font-size:2.6rem;line-height:1.4;text-transform:uppercase;margin:0 0 .8rem;color:inherit}
.hero__text a{display:inline-block;font-size:1.6rem;line-height:1.4;text-transform:none;color:inherit}
.hero__text a:hover,.hero__text a:focus-visible{text-decoration:underline;text-underline-offset:.3rem}
@media (max-width:749px){.hero__text{margin-right:2.3rem}}

main>section,main>div:not(.hero-measurer){position:relative}
main>section:not(.hero){background:#fff}


.featured-products{position:relative;padding-top:4.8rem;padding-bottom:4.8rem;color:var(--ink)}
.featured-products__title{padding:0 var(--gutter) var(--gutter)}
.featured-products_grid{padding:0}
.slider{display:flex;column-gap:.8rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);padding:0 0 0 var(--gutter);margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.slider::-webkit-scrollbar{display:none}
.slider::after{content:"";flex:0 0 var(--gutter);width:0}
.slider__slide{flex:1 0 auto;min-width:16rem;width:16rem;scroll-snap-align:start;padding-bottom:0}
.card{display:grid;gap:.8rem}
.card__media{position:relative;display:block;aspect-ratio:.6/1;width:100%;background:var(--gris)}
.media{height:100%;background:var(--gris)}
.media img{width:100%;height:100%;object-fit:cover}
.card__content{display:flex;flex-direction:column;gap:.8rem}
.card__heading{display:flex;flex-wrap:wrap;align-items:center;color:var(--ink);font-size:1.4rem;line-height:1.2;text-transform:uppercase;font-weight:400}
.card__heading .cta{text-decoration:none;padding-right:.5rem}
.card__heading .caption__wash{flex-basis:100%;font-size:1.2rem;text-transform:none}
.card__heading .cta:hover,.card__heading .cta:focus-visible{text-decoration:underline}
@media (min-width:750px){
  .featured-products{padding-top:8rem;padding-bottom:8rem}
  .featured-products__title{padding:0 3.2rem 3.2rem}
  .featured-products_grid{padding-left:3.2rem;padding-right:3.2rem}
  .slider{display:grid;column-gap:3.2rem;overflow:visible;padding:0;margin:0;scroll-snap-type:none}
  .slider::after{display:none}
  .slider.cols-4{grid-template-columns:repeat(4,1fr)}
  .slider.cols-3{grid-template-columns:repeat(3,1fr)}
  .slider__slide{min-width:0;width:auto}
  .card__content{gap:.4rem}
  .card__heading .caption__wash{flex-basis:auto;font-size:1.2rem}
  .card__heading .cta{font-size:1.2rem}
}
@media (min-width:750px) and (max-width:989px){
  .slider.cols-4,.slider.cols-3{display:flex;overflow-x:auto;column-gap:.8rem;padding-left:0}
  .slider__slide{min-width:22rem;width:22rem}
  .card__heading .caption__wash{flex-basis:100%}
}
.fp-last{padding-top:0;padding-bottom:2.8rem}
@media (max-width:749px){.fp-last{padding-bottom:3.8rem}}
.price{font-size:1.2rem;line-height:1.4;text-transform:none;color:var(--ink)}
.card__heading .caption__wash{color:var(--ink)}


.shopify-section-inset-images{padding-top:2.6rem}
@media (min-width:990px){.shopify-section-inset-images{padding-top:4.4rem}}
.inset-images{background:#fff;display:grid;gap:3.2rem;overflow:hidden;padding-inline:var(--gutter);position:relative}
@media (min-width:990px){.inset-images{display:flex;justify-content:center;gap:3.2rem}.inset-image-wrapper{flex:1 1 0;min-width:0}}
@media (max-width:989px){.inset-image-wrapper{margin:0 auto;width:100%}}
.inset-image-link{display:block;background:var(--gris)}
.inset-image{width:100%;aspect-ratio:3/4;object-fit:cover;height:auto}
.inset-image-cta{margin:.8rem 0 0}
@media (min-width:990px){.inset-image-cta{margin-top:1.6rem}}
.inset-image-wrapper a:hover{text-decoration:none}
.inset-image-cta .cta:hover{text-decoration-color:currentColor}


.editorial-image-products{position:relative;padding:1.7rem 0 1.2rem;color:#fff}
@media (min-width:990px){.editorial-image-products{padding:2.8rem 0 2rem}}
.editorial{position:relative}
.editorial__image-wrapper{position:relative;padding-bottom:125%;background:var(--gris)}
.editorial__image-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.editorial__image-wrapper::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(26,26,34,.38),rgba(26,26,34,0) 30%)}
@media (min-width:990px){.editorial__image-wrapper{padding-bottom:0;aspect-ratio:1440/1060}}
.editorial__products{display:grid;gap:2.4rem;position:absolute;bottom:4.8rem;left:var(--gutter)}
@media (min-width:990px){.editorial__products{bottom:5.6rem}}
.editorial__products .cta{color:inherit}


.footer{background:#fff;color:var(--ink);position:relative}
.footer__top{box-sizing:content-box;margin:0 auto;padding:3.2rem var(--gutter) 0;max-width:44rem}
@media (min-width:750px){.footer__top{padding-top:4.8rem}}
.footer__icon{margin:3.2rem auto;width:3.7rem;color:var(--ink)}
@media (min-width:750px){.footer__icon{margin:8rem auto 10rem}}
.footer__icon svg{display:block}
.footer-block__newsletter{margin:8rem 0}
@media (min-width:750px){.footer-block__newsletter{margin:10rem 0 12.4rem}}
.news-form{display:flex;align-items:flex-end;margin-top:var(--v-gutter);border-bottom:1px solid var(--charcoal)}
.news-form input{flex:1 1 auto;min-width:0;border:0;background:none;padding:0;height:1.9rem;font-size:1.2rem;border-radius:0}
.news-form input::placeholder{color:var(--ink-tint);opacity:1;transition:opacity var(--duration-short)}
.news-form input:focus::placeholder{opacity:0}
.news-form input:focus-visible{outline:0}
.news-form:focus-within{border-bottom-width:2px;margin-bottom:-1px}
@media (max-width:749px){.news-form input{font-size:1.6rem;height:2.4rem}}
.news-form__btn{display:grid;place-items:center;height:1.9rem;padding:0 0 0 1rem}
.news-msg{min-height:1.6rem;margin-top:.8rem;position:absolute}
.footer__newsletter{position:relative}
.footer__links{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.footer__links a{color:currentColor;text-decoration:none}
.footer__links a:hover,.footer__links a:focus-visible{text-decoration:underline}
.footer-block__details-content{display:grid;gap:1.2rem 0;text-transform:uppercase;font-size:1.2rem}
.footer__logo{margin:4rem 0}
@media (min-width:750px){.footer__logo{margin:6.4rem 0 8rem}}
.footer__logo .logo{width:29rem;max-width:100%;height:auto;margin:-2% auto 0;display:block}
@media (max-width:749px){.footer__logo .logo{width:21rem}}
.footer__sello{display:flex;flex-direction:column;align-items:center;gap:1.2rem;color:var(--ink);padding-top:3rem;margin-bottom:6rem;text-align:center}
.footer__sello svg{display:block}
.arco-t{font-family:Archivo,sans-serif;font-size:6.4px;letter-spacing:.06em;fill:currentColor}
.footer__sello p{text-transform:uppercase}
@media (max-width:749px){.footer__sello{padding-top:1rem;margin-bottom:4rem}}
.footer__bottom{margin:var(--v-gutter) 0 0;padding:0 var(--gutter) 4.8rem}
@media (min-width:750px){.footer__bottom{display:flex;align-items:center;justify-content:center}}
.footer__links--bottom{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem 1.2rem;font-size:1.1rem}
.aviso-muestra{display:inline-block}
.aviso-muestra a{text-decoration:underline;text-underline-offset:.2rem}


.velo{position:fixed;inset:0;z-index:60;background:rgba(26,26,34,.35);opacity:0;transition:opacity var(--duration-long) ease}
.velo.on{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(42rem,100%);background:#fff;color:var(--ink);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--duration-long);box-shadow:0 0 4rem rgba(0,0,0,.08)}
.drawer.on{transform:none;visibility:visible;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.6rem var(--gutter);min-height:6rem}
.drawer__head h2{font-size:1.2rem;font-weight:400;text-transform:uppercase}
.drawer__close{display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-right:-1.2rem}
.drawer__close .icon{width:2.4rem;height:2.4rem}
.drawer__body{flex:1 1 auto;overflow:auto;padding:0 var(--gutter) var(--gutter)}
.drawer__foot{padding:1.6rem var(--gutter) 2.4rem;border-top:1px solid var(--gris)}
.ficha__img{aspect-ratio:.6/1;background:var(--gris);max-height:52vh;margin:0 auto 1.6rem}
.ficha__img img{width:100%;height:100%;object-fit:cover}
.ficha h3{font-size:1.4rem;font-weight:400;text-transform:uppercase;line-height:1.4}
.ficha h3 i{font-size:1.2rem;text-transform:none;margin-left:.6rem}
.ficha__tela{margin-top:.4rem}
.ficha__desc{margin-top:1.2rem;max-width:34rem}
.tallas{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 0;border:0;padding:0}
.tallas legend{font-size:1.2rem;text-transform:uppercase;margin-bottom:1rem;padding:0}
.tallas label{cursor:pointer}
.tallas input{position:absolute;opacity:0;pointer-events:none}
.tallas span{display:grid;place-items:center;min-width:4.2rem;height:3.5rem;border:1px solid var(--gris);font-size:1.2rem;text-transform:uppercase;transition:border-color var(--duration-default),background var(--duration-default)}
.tallas label:hover span{border-color:var(--ink)}
.tallas input:checked+span{border-color:var(--charcoal);background:var(--charcoal);color:#fff}
.tallas input:focus-visible+span{outline:1px solid currentColor;outline-offset:3px}
.btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:20.3rem;min-height:3.5rem;padding:.8rem 1.2rem;border:1px solid var(--charcoal);border-radius:.1rem;font-size:1.2rem;line-height:1.4;text-transform:uppercase;background:transparent;color:var(--charcoal);transition:background var(--duration-default),color var(--duration-default)}
.btn--dark{background:var(--charcoal);color:#fff}
.btn--dark:hover,.btn--dark:focus-visible{background:#fff;color:var(--charcoal)}
.btn[disabled]{opacity:.4;cursor:default}
.btn--bloque{width:100%}
.nota{margin-top:1.2rem;min-height:1.7rem}
.bolsa__vacia{padding-top:2.4rem}
.bolsa__vacia p{margin-bottom:2rem}
.bolsa__item{display:grid;grid-template-columns:6.4rem 1fr auto;gap:1.6rem;padding:1.6rem 0;border-bottom:1px solid var(--gris);align-items:start}
.bolsa__item img{width:6.4rem;aspect-ratio:.6/1;object-fit:cover;background:var(--gris)}
.bolsa__item h3{font-size:1.2rem;font-weight:400;text-transform:uppercase}
.bolsa__item p{margin-top:.2rem}
.bolsa__quita{text-decoration:underline;text-underline-offset:.3rem;font-size:1.2rem;text-transform:uppercase}


.busca{position:fixed;top:0;left:0;right:0;z-index:80;background:#fff;color:var(--ink);padding:1.6rem var(--gutter) 2.4rem;transform:translateY(-102%);visibility:hidden;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--duration-long);box-shadow:0 2rem 4rem rgba(0,0,0,.06)}
.busca.on{transform:none;visibility:visible;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s}
.busca__form{display:flex;align-items:center;gap:1.6rem;border-bottom:1px solid var(--charcoal);padding-bottom:.8rem;max-width:80rem;margin:0 auto}
.busca__form input::-webkit-search-cancel-button,.busca__form input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.busca__form input{flex:1;border:0;background:none;font-size:1.6rem;height:4rem;padding:0;-webkit-appearance:none;appearance:none}
.busca__form input:focus-visible{outline:0}
.busca__cierra{display:grid;place-items:center;width:4rem;height:4rem}
.busca__cierra .icon{width:2.4rem;height:2.4rem}
.busca__lista{max-width:80rem;margin:1.6rem auto 0;display:grid;gap:0;max-height:55vh;overflow:auto}
.busca__lista button{display:grid;grid-template-columns:4.8rem 1fr;gap:1.6rem;align-items:center;width:100%;text-align:left;padding:.8rem 0;border-bottom:1px solid var(--gris)}
.busca__lista img{width:4.8rem;aspect-ratio:.6/1;object-fit:cover;background:var(--gris)}
.busca__lista strong{font-weight:400;text-transform:uppercase;font-size:1.2rem}
.busca__lista em{font-size:1.2rem;margin-left:.6rem}
.busca__nada{padding:1rem 0;color:var(--ink-tint)}


.flyout{position:fixed;left:0;right:0;bottom:0;z-index:50;pointer-events:none}
.flyout__tab{pointer-events:auto;position:absolute;left:2rem;bottom:0;height:5rem;padding:0 1.4rem;background:#fff;border:1px solid var(--ink);border-bottom:0;border-radius:.6rem .6rem 0 0;font-size:1.2rem;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 2rem rgba(0,0,0,.08);transition:transform var(--duration-long) ease}
.flyout.open .flyout__tab{transform:translateY(110%)}
.flyout__panel{pointer-events:auto;position:absolute;left:50%;bottom:0;width:60rem;max-width:calc(100% - 6.4rem);background:#fff;color:var(--ink);padding:2.6rem 2.4rem 2.2rem;text-align:center;box-shadow:0 0 4rem rgba(0,0,0,.14);transform:translate(-50%,110%);visibility:hidden;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--duration-long)}
.flyout.open .flyout__panel{transform:translate(-50%,0);visibility:visible;transition:transform var(--duration-long) cubic-bezier(.4,0,.2,1),visibility 0s}
.flyout__cierra{position:absolute;top:1rem;right:1rem;width:3.2rem;height:3.2rem;display:grid;place-items:center}
.flyout__cierra .icon{width:2rem;height:2rem}
.flyout__titulo{font-size:1.2rem;text-transform:uppercase}
.flyout__texto{font-size:1.1rem;margin-top:1.2rem}
.flyout__form{display:grid;gap:.8rem;margin-top:1.6rem}
.flyout__form input{height:3.2rem;border:1px solid var(--charcoal);border-radius:.1rem;padding:0 1rem;font-size:1.2rem;background:#fff}
.flyout__form input:focus-visible{outline:1px solid var(--charcoal);outline-offset:2px}
.flyout__form .btn{width:100%;min-height:3.2rem;font-size:1.1rem}
.flyout__msg{min-height:1.6rem;margin-top:.8rem}
@media (max-width:749px){
  .flyout__panel{left:3.2rem;right:3.2rem;width:auto;max-width:none;bottom:2rem;padding:1.5rem 1.4rem 1.4rem;transform:translate(0,130%)}
  .flyout.open .flyout__panel{transform:none}
  .flyout__titulo{font-size:1rem}
  .flyout__texto{font-size:.9rem;margin-top:.8rem}
  .flyout__form{gap:.6rem;margin-top:1rem}
  .flyout__form input{height:2.2rem;font-size:1rem;padding:0 .8rem}
  .flyout__form .btn{min-height:2.4rem;font-size:1rem;padding:.2rem .8rem}
  .flyout__cierra{top:.4rem;right:.4rem}
  .flyout__msg{font-size:.9rem;min-height:1.2rem;margin-top:.4rem}
}


.screensaver{position:fixed;inset:0;z-index:9999;opacity:0;pointer-events:none;background:var(--anil);color:#fff}
.screensaver.active{cursor:none;pointer-events:auto;opacity:1;transition:opacity var(--duration-long)}
.screensaver .logo-lockup{position:absolute;left:0;top:0;width:7.2rem;height:7.2rem;display:block;will-change:transform}
.toast{position:fixed;left:50%;bottom:2.4rem;z-index:200;transform:translate(-50%,2rem);background:var(--charcoal);color:#fff;padding:1rem 1.6rem;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity var(--duration-default),transform var(--duration-default);max-width:calc(100% - 3.2rem);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}


@keyframes fadeIn{0%{opacity:.01}100%{opacity:1}}
.js .fade:not(.in){opacity:.01}
.js .fade.in{opacity:1;animation:fadeIn .6s var(--ease-out-slow)}
.js.rm .fade,.js.rm .fade.in{opacity:1;animation:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .js .fade{opacity:1}
}