:root{--image-height: calc((100vh) * 0.6)}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}*{box-sizing:border-box;font-family:"Didact Gothic",sans-serif;letter-spacing:1px}a{text-decoration:none;color:inherit}a:visited,a:hover,a:focus{text-decoration:none}html,body{position:relative;margin:0;padding:0;width:100%;background-color:#fff;font-family:"Brutal Type",sans-serif}html{height:100%;font-size:62.5%}body{min-height:100vh}.loader{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100vw;height:100vh}.loader .logo-image{display:flex;justify-content:center;align-items:center;width:8.33rem;height:8.33rem;background:#fff;margin:0 auto;border:1px solid #a5a5a5;border-radius:4.165rem;padding:.7rem;cursor:pointer;animation:spin 4s linear infinite}.loader .logo-image svg{height:100%;fill:#000045}.loader .error{font-size:1.6rem;color:#a5a5a5;margin-top:2rem}.menu-wrapper{position:absolute;z-index:1;grid-column:1;grid-row:1;width:100%;padding:0 1.4rem}@media screen and (min-width: 1024px){.menu-wrapper{position:relative;grid-column:1/span 2;padding:0 1.4rem 0 1.4rem;width:100%}}.menu-background{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0);height:100%;width:21rem;margin:0 0 0 1.4rem;transition-property:height;transition-duration:.5s}@media screen and (min-width: 1024px){.menu-background{width:22rem;padding:2.7rem 0 0 0}}.menu-background.closed{height:calc(1.8rem + 1.8rem + 1.5rem)}.menu-background .menu-background-inner{height:100%;width:100%;background-color:#ff0}.menu{position:sticky;display:grid;grid-template:calc(1.8rem + 1.45rem) 2.4rem 1fr/21rem 1fr;grid-auto-flow:row;height:auto;align-items:start;justify-items:start;padding:1.8rem 0 0 0;align-self:start;margin:0;z-index:2;background-color:rgba(0,0,0,0)}@media screen and (min-width: 1024px){.menu{grid-template:1fr .53px auto/22rem 1fr;padding:2.7rem 0 0 0}}.menu.closed .menu-entry{display:none}.menu.closed .menu-entry.info{display:flex}.menu .logo-label{font-size:1.45rem;font-weight:bold;line-height:1;margin-left:1.8rem;align-self:flex-end}.menu .logo{grid-column:1;grid-row:1/span 3;justify-self:flex-start;margin-left:2rem;display:flex;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;border:1px solid #000045;border-radius:2.2rem;cursor:pointer}@media screen and (min-width: 1024px){.menu .logo{grid-column:2;grid-row:3/span 3;justify-self:flex-end;margin-top:1rem;align-self:flex-start}}.menu .logo svg{height:3.2rem;width:3.2rem;fill:#000045}.menu .instagram{grid-column:2;grid-row:2;align-self:flex-start;justify-self:flex-end;margin-top:.5rem;width:1.7rem;height:1.7rem}.menu .instagram svg{stroke:#000045;stroke-width:3px;fill:rgba(0,0,0,0)}@media screen and (min-width: 1024px){.menu .instagram{width:1.4rem;height:1.4rem;margin:0 0 3px 0;align-self:flex-end}}.menu .menu-line{height:1px;width:calc(100% - 1.8rem);background-color:#000045;grid-column:2;grid-row:2;margin-left:1.8rem}@media screen and (min-width: 1024px){.menu .menu-line{grid-column:span 2;grid-row:2}}.menu .menu-entry{grid-column:1;display:flex;flex-flow:column;width:100%}.menu .menu-entry-label{align-self:flex-start;color:#868788;font-size:1.45rem;font-weight:400;text-transform:uppercase;margin:1rem 0 0 0}.menu .menu-entry-label.active{text-decoration:underline}.menu .menu-entry-groups{align-self:flex-start;display:flex;flex-flow:row wrap;width:calc(100% - 1.8rem);margin-left:1.8rem;line-height:1;font-size:1.45rem}.menu .menu-entry-groups a{align-self:flex-start;display:block;font-weight:400;font-size:1.45rem;color:#000045;margin-top:.5rem}.menu .menu-entry-groups a.active{text-decoration:underline}.menu .menu-entry.info{grid-column:2;grid-row:1;justify-self:flex-end;align-self:flex-end;align-items:flex-end;padding:0;display:flex;flex-flow:row;justify-content:flex-end}.menu .menu-entry.info .menu-entry-label{align-self:flex-end;font-size:1.45rem;font-weight:400;margin:0 0 3px 0;line-height:1;padding:0;color:#000045;text-transform:none}.menu .info-pipe{margin:0 .7rem 2px .7rem}@media screen and (min-width: 1024px){.menu .info-pipe{font-size:1.4rem}}.pipe{font-weight:300;font-size:1.45rem;margin:.5rem 0 0 0;line-height:1}.start{display:grid;grid-template:auto 1fr/1fr;width:100vw;height:100vh;background-color:#ff0}@media screen and (min-width: 1024px){.start{grid-template:auto 1fr/22rem 1fr;background-color:rgba(0,0,0,0)}}.start .image-start{grid-column:1;grid-row:2;height:100%;width:100%;background:center center url(https://data.palavara.com/img/0.jpg) no-repeat;background-size:cover}@media screen and (min-width: 1024px){.start .image-start{grid-column:2}}.start .menu-wrapper{z-index:0;width:100%;background-color:#ff0}.start .menu-background{padding:1.8rem 0 calc(1.8rem + .3rem) 0}@media screen and (min-width: 1024px){.start .menu-background{padding:1.8rem 0 0 1.4rem;margin:0}}.start .menu-background-inner{background-color:#fff}@media screen and (min-width: 1024px){.start .menu-background-inner{background-color:rgba(0,0,0,0)}}.start .menu{position:sticky;grid-template:calc(1.8rem + 1.45rem) 2.4rem/21rem 1fr;padding-bottom:1.8rem}@media screen and (min-width: 1024px){.start .menu{grid-template:1fr .53px auto/22rem 1fr;padding-bottom:0}}.start .menu .menu-line{grid-column:1/span 2}.layout{display:grid;grid-template:auto 1fr/1fr;padding:0;position:relative;width:100vw;height:100vh}@media screen and (min-width: 1024px){.layout{display:grid;grid-template:auto 1fr/1fr auto;margin:0}}.layout .logo{align-self:center}@media screen and (min-width: 1024px){.layout .logo{align-self:flex-start}}.slider-window{display:grid;height:100vh;justify-self:flex-end;width:100%;overflow:hidden}@media screen and (min-width: 1024px){.slider-window{grid-row:2/span 2;grid-column:1;grid-template-rows:70% auto;grid-template-columns:100%;height:auto;justify-self:initial;width:100%;margin:0;overflow:hidden;align-self:start;padding:5.2rem 2rem 5.2rem 0}}.image{display:flex;width:100%;min-height:100%;max-height:100%;justify-content:center;padding:0 1rem;background-color:#fff;cursor:pointer;opacity:0;transition-property:min-height,opacity;transition-duration:1s,.3s}@media screen and (min-width: 1024px){.image{display:flex;width:100%;background-color:#fff;align-self:center;justify-self:center;padding:0;height:18rem;min-height:initial}}.image img{width:100%;max-height:100%;object-fit:contain;margin-top:auto;margin-bottom:0}@media screen and (min-width: 1024px){.image img{align-self:center;justify-self:center;margin:0 auto;width:90%;height:100%;max-height:25rem}}.image.active-image{min-height:1rem;opacity:1}.image.active-image.active-image img{margin-top:0;margin-bottom:0}.image.active-image+.image{min-height:100%}.image.active-image+.image img{margin-top:0;margin-bottom:auto}@media screen and (min-width: 1024px){.image.active-image+.image{min-height:initial}.image.active-image+.image img{margin:0}}@media screen and (min-width: 1024px){.image .active-image-button{width:100%;height:5rem;stroke:#ccc}}@media screen and (min-width: 1024px){.image .active-image-button.active{stroke:#000;cursor:pointer}}.image-group{position:relative;flex:1 0 100%;width:100%;display:grid;grid-template:var(--image-height)/100%;grid-auto-rows:var(--image-height);grid-auto-flow:row;grid-row-gap:2rem;align-items:center;justify-items:center;transition:top .2s ease 0s}.image-group:active .image{opacity:1}@media screen and (min-width: 1024px){.image-group{grid-row:2;position:initial;width:100%;display:grid;grid-template:15rem/repeat(auto-fill, minmax(8vw, 1fr));grid-auto-rows:15rem;grid-auto-columns:10vw;grid-auto-flow:dense;grid-column-gap:1vw;grid-row-gap:1vw;overflow:auto;padding:1.8rem}.image-group .image{opacity:1;transition:none}}.main-image{grid-row:1/span 2;grid-column:2;display:grid;grid-template:1fr/7% 1fr 7%;justify-items:center;align-items:center;height:100vh;padding:1.8rem 1.4rem;background-color:#f5f6f6;transition:width .5s ease 0s,padding .5s ease 0s}.main-image.off{width:0;padding:0}.main-image.on{width:calc(100vw - 22rem - 2*1.4rem)}.main-image img{max-width:100%;max-height:80%;object-fit:contain}.main-image .prev,.main-image .next{cursor:pointer}.main-image .prev svg,.main-image .next svg{width:4rem;height:4rem;stroke:#000045;stroke-width:1px}.main-image .prev.inactive,.main-image .next.inactive{cursor:default}.main-image .prev.inactive svg,.main-image .next.inactive svg{stroke:#868788}.layout-info{display:grid;grid-template:10rem auto 1fr/1fr;position:relative;width:100vw;height:100vh;background-color:#ff0;overflow:hidden}@media screen and (min-width: 1024px){.layout-info{grid-template:6rem auto 1fr/1fr;padding:0;position:relative}.layout-info .menu-wrapper{grid-column:1/span 3;grid-row:1/span 2}.layout-info .menu-background{padding-left:1.4rem;padding-right:1.4rem;width:100%;margin:0}.layout-info .menu-background .menu-background-inner{background-color:#fff}.layout-info .menu{position:relative;column-gap:0}}.layout-info .info-wrapper{background-color:#fff;grid-row:2;margin:0 2.7rem 0 2.7rem;height:100%;overflow:hidden}@media screen and (min-width: 1024px){.layout-info .info-wrapper{grid-column:2;grid-row:2/span 2;display:grid;grid-template:1fr/1fr auto;background-color:rgba(0,0,0,0);z-index:2}}.layout-info .info-text{font-size:1.6rem;overflow-wrap:anywhere;word-break:break-word;height:85%;overflow:auto;padding:1rem 1rem 2rem 1rem}@media screen and (min-width: 1024px){.layout-info .info-text{z-index:1;grid-column:1;grid-row:1;margin:0;padding:0;font-size:1.6rem;max-width:40rem}}.layout-info .info-image{width:10rem;margin-left:auto}.layout-info .info-image img{width:100%}@media screen and (min-width: 1024px){.layout-info .info-image{z-index:1;margin-left:5rem;width:17rem}}
