
@font-face{font-family:"eb-garamond";src:url(garamond.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"courier-prime";src:url(mono.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{--fondo:#f0ece6;--tinta:#343636;--pardo:#704e32;--arena:#e0d4c4;--piedra:#a69481;--gris:#959c9c;--serif:"eb-garamond","EB Garamond",Garamond,Georgia,serif;--mono:"courier-prime",courier,"Courier New",monospace;--curva:ease-in-out}

*,*::before,*::after{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
ol,ul{list-style:none}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,html{font-family:var(--serif);font-weight:400;font-style:normal;line-height:1.25;font-size:16px;color:var(--tinta);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--fondo)}
body{overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
b,strong{font-weight:400}
a,a:active,a:focus,a:hover{color:var(--tinta);text-decoration:none}
::selection{color:var(--fondo);background:var(--tinta)}
:focus{outline:0}
:focus-visible{outline:2px solid var(--pardo);outline-offset:3px}
img,svg{max-width:100%;max-height:100%}
img{width:100%;height:auto;display:block}
.skip{position:absolute;left:12px;top:-80px;z-index:10000;background:var(--tinta);color:var(--fondo)!important;padding:8px 12px;font-family:var(--mono);font-size:12px;text-transform:uppercase}
.skip:focus{top:12px}


.list-inline>li{display:inline-block}
.list-inline>li+li{margin-left:30px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:40px}
.p-relative{position:relative}
.w-100{width:100%}
.d-block{display:block!important}
.d-inline{display:inline!important}
.d-flex{display:flex!important}
.d-inline-block{display:inline-block!important}
.d-none{display:none!important}
.flex-wrap{flex-wrap:wrap}
.flex-column{flex-direction:column}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.align-items-center{align-items:center}
.text-center{text-align:center}
.container{padding-right:40px;padding-left:40px}
.strate{margin-top:100px}
.mini-cap{font-family:var(--mono);text-transform:uppercase;line-height:1.375;font-size:12px}
.mini-cap+.title{margin-top:18px}
.title--page{font-size:45px}
.title--small{font-size:24px}
.title--page+.title--small{margin-top:18px}
.title--page+.title--small+.cta{margin-top:30px}
.title+.cta--inline{margin-top:18px}
.block-width-xs{max-width:106px}
.block-width-sm{max-width:210px}
@media (min-width:768px){
  .d-sm-block{display:block!important}
  .d-sm-none{display:none!important}
  .block-width-sm-md{max-width:275px}
  .block-width-md{max-width:380px}
  .block-width-lg{max-width:485px}
  .block-width-xl{max-width:800px}
}
@media (min-width:1024px){
  .d-md-block{display:block!important}
  .d-md-flex{display:flex!important}
  .d-md-none{display:none!important}
}
@media (max-width:1023px){
  .container{padding-right:18px;padding-left:18px}
  .grid{grid-column-gap:18px}
  .strate{margin-top:70px}
  .title--page+.title--small+.cta{margin-top:18px}
}
@media (max-width:767px){
  .title--page{font-size:34px}
}


.cta{font-family:var(--serif);font-weight:400;font-style:normal;line-height:1.25;font-size:24px;display:inline-block;box-sizing:border-box;cursor:pointer;transition:all .1s var(--curva)}
.cta--inline{color:var(--pardo)}
.cta--inline:hover{color:var(--pardo)}
.cta--inline::after{content:"";display:inline-block;width:23px;height:9px;position:relative;left:0;top:-1px;margin-left:8px;background:no-repeat 0 0/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 8.6'><path d='m16.1 8.6c-.2 0-.2-.1-.2-.2s0 0 0 0c.2-.5.4-1 .7-1.4s.5-.8.8-1.2.6-.7.8-1h-17.9c-.1 0-.2 0-.3-.1 0 0 0-.1 0-.2s0-.3.1-.4.2-.2.3-.3.2-.1.4-.1h17.4c-.3-.3-.5-.6-.8-.9s-.5-.7-.8-1.1-.5-.7-.6-1.1c-.1-.2-.1-.4-.1-.4 0-.2.1-.2.2-.2s.2 0 .4.1c.1 0 .2.1.3.2.3.4.7.7 1 1 .4.3.7.7 1.1 1s.8.6 1.2.9.8.6 1.3.8c.2.1.3.2.3.3v.1s-.1.1-.3.2c-.5.2-.9.5-1.3.8s-.8.6-1.2.9-.7.7-1.1 1-.7.7-1 1c-.1.1-.2.1-.3.2-.2.1-.3.1-.4.1z' fill='%23704e32'/></svg>");transition:all .1s var(--curva)}
.cta--inline:hover::after{left:2px}


.image-container{display:block;position:relative;height:0;padding-bottom:150%;background:var(--arena)}
.image-container--square{padding-bottom:100%}
.image-container--landscape{padding-bottom:66.66667%}
.image-container--cinema{padding-bottom:56.25%}
.image-container--5-4{padding-bottom:125%}
.image-container--full-bg{padding-bottom:0;height:100%}
.image-container--with-overlay::after{content:"";display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.25);pointer-events:none}
.image-container img,.image-container picture{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.image-container picture img{position:static}
.image-container .caption{position:absolute;transform:rotate(-90deg);transform-origin:bottom left;bottom:0;width:max-content;left:-8px;color:var(--gris)}
.js .image-container img{opacity:0;transition:opacity .9s ease}
.js .image-container img.ok,.listo .image-container img{opacity:1}


.header{position:relative;background:var(--fondo);z-index:9999;transition:all .1s var(--curva)}
.header__container{padding:13px 0 15px}
@media (min-width:1024px){
  .header__container{border-bottom:1px solid var(--tinta)}
  .header .logo{opacity:0;visibility:hidden}
  .header__navigation,.header__contacto{position:relative;top:1px}
  .header__contacto{width:238px;text-align:right}
}
.logo{display:inline-block;font-size:0;color:#1b1b1b}
.logo svg{display:block;width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-linejoin:round}
.logo--inline{width:238px;height:22px}
.logo--big{width:460px;height:136px}
@media (max-width:767px){.logo--inline{width:210px;height:20px}.logo--big{width:260px;height:78px}}
.header__navigation a,.header__contacto a{transition:all .1s var(--curva)}
.header__navigation a:hover{color:var(--gris)}
.header__contacto a{color:var(--gris)}
.header__contacto a:hover{color:var(--tinta)}
.header__navigation .mini-cap{align-items:center}
@media (max-width:1279px){.header__navigation .list-inline>li+li{margin-left:18px}}

.burger-menu{cursor:pointer;position:relative;width:36px;height:26px;z-index:10}
.burger-menu>*{position:absolute;top:0;left:0}
.burger-menu button{display:block;background:none;cursor:pointer;color:var(--tinta);font-size:0}
.burger-menu .burger-open{width:36px;height:26px;background:no-repeat 0 0/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.019 25.929'><g fill='%23343636'><path d='m0 0h36.019v1.441h-36.019z'/><path d='m0 12.244h36.019v1.441h-36.019z'/><path d='m0 24.488h36.019v1.441h-36.019z'/></g></svg>")}
.burger-menu .burger-close{width:26px;height:26px;left:5px;visibility:hidden;opacity:0;background:no-repeat 0 0/100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.49 26.489'><g fill='%23343636'><path d='m0 0h36.019v1.442h-36.019z' transform='matrix(.70710678 .70710678 -.70710678 .70710678 1.019 0)'/><path d='m0 0h36.019v1.44h-36.019z' transform='matrix(.70710678 -.70710678 .70710678 .70710678 .002 25.47)'/></g></svg>")}
.burger-menu-active .burger-open{visibility:hidden;opacity:0}
.burger-menu-active .burger-close{visibility:visible;opacity:1}

@media (max-width:1023px){
  .header__container{padding:20px 0}
  .header__container::after{content:"";display:block;width:36px}
  .header .burger-menu,.header .logo{vertical-align:top}
  .header__navigation,.header__contacto{width:100%;order:5;text-align:center;display:none}
  .header__navigation .list-inline>li{width:100%}
  .header__navigation .list-inline>li+li{margin-left:0;margin-top:8px}
  .burger-menu-active .header{height:100vh;height:100dvh;position:sticky;display:block;top:0;overflow:auto}
  .burger-menu-active .header__container{display:flex}
  .burger-menu-active .header .logo--inline{display:none}
  .burger-menu-active .header__navigation,.burger-menu-active .header__contacto{display:block}
  .header__navigation{padding-top:180px}
  .header__navigation .logo-menu{display:block;margin:0 auto 35px;width:260px;height:78px;color:#1b1b1b}
  .header__contacto{padding:30px 0}
}
.logo-menu{display:none}
.logo-menu svg{display:block;width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-linejoin:round}
@media (min-width:1024px){.header__navigation .logo-menu{display:none}}


.header .big-cta{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--pardo);color:var(--fondo);border-radius:100%;position:fixed;top:90px;right:30px;margin-top:18px;cursor:pointer;transition:all .1s var(--curva);transform:rotate(-20deg);animation:bigCtaAnim .4s var(--curva) 1s backwards;font-size:24px;line-height:1.25;font-family:var(--serif)}
.header .big-cta:hover{transform:rotate(0)}
.header .big-cta:focus-visible{outline-color:var(--tinta);outline-offset:4px}
.header .big-cta,.header .big-cta:hover,.header .big-cta:focus{color:var(--fondo)}
.header--scrolled .big-cta{top:20px}
@media (max-width:767px){.header .big-cta{width:100px;height:100px;top:30px;right:10px}}
.burger-menu-active .header .big-cta{top:30px}
@keyframes bigCtaAnim{0%{opacity:0;transform:rotate(0)}50%{opacity:1;transform:rotate(0)}100%{transform:rotate(-20deg)}}


.home__top{padding-top:50px;padding-bottom:50px}
.home__top::after{content:"";width:100%;display:block}
@media (min-width:768px){.home__top::after{max-width:210px}}
@media (max-width:1023px){.home__top::after{display:none}}
.baseline{display:block}

.hero{overflow:hidden}
.hero,.hero a{color:#fff}
.hero__content{position:absolute;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:flex-end;top:0;z-index:2;padding-top:50px;padding-bottom:50px}
.hero__content__suptitle{position:relative;top:-10px;margin-right:18px}
@media (max-width:767px){
  .hero__content{padding-top:30px;padding-bottom:30px}
  .hero__content__suptitle{top:-7px;margin-right:8px}
  .hero{height:150vw}
  .hero__bg{padding-bottom:0;height:100%}
}
.hero .title{text-shadow:0 0 22px rgba(0,0,0,.18)}


.home__intro__image{grid-column:4/span 2}
.home__intro__image>div{margin-left:auto}
.home__intro__text{grid-column:span 4}
@media (max-width:1023px){.home__intro__image{grid-column:span 4}.home__intro__text{grid-column:span 6}}
@media (max-width:767px){.home__intro__image{grid-column:2/span 4}.home__intro__text{grid-column:span 12}}


.home__edito__text{grid-column:span 5}
.home__edito--v1 .home__edito__wrapper{border-top:1px solid var(--tinta);padding-top:100px}
.home__edito--v1 .home__edito__image--small{grid-column:span 3;align-self:flex-end}
.home__edito--v1 .home__edito__image--big{grid-column:span 4}
.home__edito--v2 .home__edito__text__image{margin-top:100px;margin-left:auto}
.home__edito--v2 .home__edito__image{grid-column:7/span 5}
@media (min-width:1024px){
  .home__edito--v1 .home__edito__image--big{margin-bottom:100px}
  .home__edito--v2 .home__edito__image{margin-top:70px}
}
@media (max-width:1023px){
  .home__edito__text{grid-column:span 12}
  .home__edito--v1 .home__edito__wrapper{padding-top:50px}
  .home__edito--v1 .home__edito__image--small,.home__edito--v1 .home__edito__image--big{grid-column:span 12}
  .home__edito--v2 .home__edito__text__image{margin-top:40px;width:80%}
  .home__edito--v2 .home__edito__image{grid-column:span 12;margin-top:70px}
}


.home__full__content{padding-top:70px;padding-bottom:70px}
.home__full--v1 .home__full__content{background:var(--arena)}
.home__full--v2 .home__full__content{background:var(--piedra)}
.home__full--v2 .home__full__content,.home__full--v2 .home__full__content a{color:var(--arena)}
.home__full--v2 .cta--inline::after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.6 8.6'><path d='m16.1 8.6c-.2 0-.2-.1-.2-.2s0 0 0 0c.2-.5.4-1 .7-1.4s.5-.8.8-1.2.6-.7.8-1h-17.9c-.1 0-.2 0-.3-.1 0 0 0-.1 0-.2s0-.3.1-.4.2-.2.3-.3.2-.1.4-.1h17.4c-.3-.3-.5-.6-.8-.9s-.5-.7-.8-1.1-.5-.7-.6-1.1c-.1-.2-.1-.4-.1-.4 0-.2.1-.2.2-.2s.2 0 .4.1c.1 0 .2.1.3.2.3.4.7.7 1 1 .4.3.7.7 1.1 1s.8.6 1.2.9.8.6 1.3.8c.2.1.3.2.3.3v.1s-.1.1-.3.2c-.5.2-.9.5-1.3.8s-.8.6-1.2.9-.7.7-1.1 1-.7.7-1 1c-.1.1-.2.1-.3.2-.2.1-.3.1-.4.1z' fill='%23e0d4c4'/></svg>")}
.home__full--v2 .home__full__content :focus-visible{outline-color:var(--arena)}
@media (min-width:1024px){
  .home__full{min-height:100vh}
  .home__full>*{width:50%;box-sizing:border-box}
  .home__full--v2 .home__full__content{order:-1}
}
@media (max-width:1023px){
  .home__full__bg{height:100vw}
  .home__full__content{padding-top:40px;padding-bottom:40px}
}


.footer{background:var(--tinta);padding-top:30px;padding-bottom:30px;height:100vh;max-height:850px;margin-top:0}
@media (min-width:1024px){.footer{min-height:500px}.footer::before{content:"";display:block;height:40px}}
@media (max-width:1023px){.footer{height:auto}}
.footer a{transition:all .1s var(--curva)}
.footer__main{padding-top:50px;padding-bottom:50px}
@media (max-width:1023px){.footer__main{padding-top:30px;padding-bottom:30px}}
.footer__main .logo--big{margin:30px 0;color:var(--arena)}
@media (min-width:768px){.footer__main .logo--big{width:380px;height:112px}}
.footer__main p+p{margin-top:8px}
.footer__bottom__nav,.footer__bottom__nav a,.footer__main,.footer__main a{color:var(--fondo)}
.footer__bottom__nav a:hover,.footer__main a:hover{color:rgba(240,236,230,.5)}
.footer__bottom__copyright,.footer__bottom__copyright a,.footer__bottom__credits,.footer__bottom__credits a{color:rgba(240,236,230,.5)}
.footer__bottom__copyright a:hover,.footer__bottom__credits a:hover{color:var(--fondo)}
.footer :focus-visible{outline-color:var(--arena)}
.footer__bottom{align-items:flex-end}
@media (max-width:1023px){
  .footer__bottom{padding-bottom:30px}
  .footer__bottom__copyright,.footer__bottom__credits{width:100%;text-align:center}
  .footer__bottom__credits{margin-bottom:8px;order:-1}
}
@media (min-width:1024px){.footer__bottom__credits{text-align:right;width:220px}}
.footer__bottom__nav{padding:0}

.footer__bottom__credits li{text-transform:none;font-variant-caps:all-small-caps;font-size:17px;line-height:16.5px;letter-spacing:0;position:relative;top:-1px}


#aviso{position:fixed;left:50%;bottom:24px;z-index:20000;transform:translate(-50%,14px);background:var(--tinta);color:var(--fondo);font-family:var(--mono);text-transform:uppercase;font-size:12px;line-height:1.375;padding:12px 18px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}
#aviso.on{opacity:1;transform:translate(-50%,0)}


.rm *,.rm *::before,.rm *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.rm .image-container img{opacity:1}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .image-container img{opacity:1!important}
}
html:not(.rm){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
