/* Código criado com amor por Camila Lins, camilalins.co */

@charset "utf-8";

/* Reset */
*, *:before, *:after {box-sizing:border-box; -moz-box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;}
img, object, embed, video, iframe {max-width:100%;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold; vertical-align:bottom;}
td {font-weight:normal; vertical-align:middle;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:10px 0; padding:0;}
input, select {vertical-align:middle;}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom; vertical-align:baseline;}
input:focus, textarea:focus, button:focus, select:focus {outline:0;}
a:hover, a:active {outline:0;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor:pointer;}
body, select, input, textarea {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
button, input, select, textarea {margin:0; resize:none; color:inherit; font:inherit; border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
button {width:auto; overflow:visible;}
textarea {overflow:auto;}
ins {background:#FDD900; color:#000; text-decoration:none;}
mark {background:#FDD900; color:#000; font-style:italic; font-weight:bold;}
audio, canvas, iframe, img, svg, video {vertical-align:middle;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}

::-moz-selection{background:#000; color:#FFF; text-shadow:none;}
::selection {background:#000; color:#FFF; text-shadow:none;}

::-webkit-input-placeholder {color:#000; opacity:.6;}
::-moz-placeholder {color:#000; opacity:.6;}
::placeholder {color:#000; opacity:.6;}

*::-webkit-media-controls-start-playback-button {display:none !important; -webkit-appearance:none;}

/* Toolbox */
.hidden {display:none !important;}
.flex {display:flex;}

/* Variáveis */
:root {
    --padding:50px;
}

/* Page style */
html {overscroll-behavior:none; background:#FFF; min-height:100vh;}
body {font:500 16px 'Barlow', sans-serif; color:#000; min-height:100vh;}

a {color:#000; text-decoration:none; -webkit-tap-highlight-color:transparent; /*transition:all 250ms ease-out;*/}

.mobile-check {display:none;}

#wrap {overflow-x:hidden; position:relative; z-index:500; width:100%; min-height:100vh; display:flex; justify-content:space-between; flex-direction:column; align-items:center; justify-content:space-between; padding:calc(var(--padding) * 3) var(--padding); gap:35px;}

.logo-wrapper {width:100%;}
#logo {display:block; text-indent:-99999px; background:url(logo.svg) no-repeat center / 100%; width:100%; height:0; padding-bottom:34.58%;}

.meta {
    width:100%;
    max-width:1440px;
    display:flex;
    justify-content:space-between;
    gap:99px;
    
    font-size:33px;
    line-height:48px;

    font-size: clamp(1.25rem, 0.5331rem + 1.2745vw, 2.0625rem);
    line-height: clamp(1.8125rem, 0.7647rem + 1.8627vw, 3rem);

    h1 {font-weight:600;}
    h2 {font-weight:500;}
    h3 {font-weight:400;}

    a:hover {
        text-decoration:underline;
    }
}

.links {
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:35px;


    a {
        text-transform:uppercase;
        font:600 70px/70px 'Barlow Condensed', sans-serif;

        &::after {
            content:'Clique para baixar';
            display:inline-block;
            width:60px;
            text-indent:-99999px;
            background:url(download.svg) no-repeat center / 24px;
        }
    }
}

@media screen and (max-width:1080px) {
    .meta {
        flex-direction:column;
        gap:35px;
        text-align:center;

        h1 {
            display:none;
        }
    }

    .links a {
        font-size:clamp(2.1875rem, 0.9511rem + 5.0725vw, 4.375rem);
        line-height:clamp(2.1875rem, 0.9511rem + 5.0725vw, 4.375rem);

        &::after {
            width:56px;
        }
    }
}

@media screen and (max-width:580px) {
    .links a::after {display:none;}
}