/* normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-xs { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-1 { margin-left: 8.333%; } .col-xs-offset-2 { margin-left: 16.667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333%; } .col-xs-offset-5 { margin-left: 41.667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333%; } .col-xs-offset-8 { margin-left: 66.667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333%; } .col-xs-offset-11 { margin-left: 91.667%; } .start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-sm { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-md { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-lg { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } .glide { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .glide * { -webkit-box-sizing: inherit; box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-touch-action: pan-Y; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__slide { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide--rtl { direction: rtl; } .glide--swipeable { cursor: grab; cursor: -webkit-grab; } .glide--dragging { cursor: grabbing; cursor: -webkit-grabbing; } /* Variáveis */ /* Fontes */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvgUE.ttf) format('truetype'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format('truetype'); } @font-face { font-family: 'Piazzolla'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/piazzolla/v7/N0b72SlTPu5rIkWIZjVgI-TckS03oGpPETyEJ88Rbvi0_TzOzKcQhZqx3gU.ttf) format('truetype'); } @font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/piazzolla/v7/N0b52SlTPu5rIkWIZjVKKtYtfxYqZ4RJBFzFfYUjkSDdlqZgy7LYxnLy.ttf) format('truetype'); } @font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/piazzolla/v7/N0b52SlTPu5rIkWIZjVKKtYtfxYqZ4RJBFzFfYUjkSDdlqZgy7I_wXLy.ttf) format('truetype'); } @font-face { font-family: 'Piazzolla'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/piazzolla/v7/N0b52SlTPu5rIkWIZjVKKtYtfxYqZ4RJBFzFfYUjkSDdlqZgy7JxwXLy.ttf) format('truetype'); } @font-face { font-family: 'GothicJoker'; src: url('../assets/fonts/GothicJoker.eot'); src: url('../assets/fonts/GothicJoker.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/GothicJoker.woff2') format('woff2'), url('../assets/fonts/GothicJoker.woff') format('woff'), url('../assets/fonts/GothicJoker.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } /* Framework */ /* Funções */ /* Auxiliares */ /* Tamanho da fonte */ /* Animacoes */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Responsive */ .block { display: block; } .inline-block { display: inline-block; } @media only screen and (min-width: 48em) { .invisible-sm { display: none; } .block-sm { display: block; } .inline-block-sm { display: inline-block; } } @media only screen and (min-width: 62em) { .invisible-md { display: none; } .block-md { display: block; } .inline-block-md { display: inline-block; } } @media only screen and (min-width: 75em) { .block-lg { display: block; } .inline-block-lg { display: inline-block; } } @media only screen and (max-width: 48em) { .visible-sm { display: none !important; } .visible-md { display: none !important; } } @media only screen and (max-width: 62em) { .visible-md { display: none !important; } } @media only screen and (max-width: 75em) { .visible-lg { display: none !important; } } /* Estrutura */ * { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } html, body { font-size: 100%; min-height: 100%; scroll-behavior: smooth; } ::-webkit-scrollbar { width: 8px; background: #240d0a; } ::-webkit-scrollbar-track { border-radius: 8px; } ::-webkit-scrollbar-thumb { border-radius: 8px; background: #FF8855; } ::-webkit-scrollbar-thumb:window-inactive { background: #FF8855; } .wrap { margin: 0 auto; } .container-fluid { padding-right: 1rem; padding-left: 1rem; } @media (min-width: 48em) { .container-fluid { padding-right: 2rem; padding-left: 2rem; } } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .sticky { position: -webkit-sticky; position: sticky; } .block { display: block; } .inline-block { display: inline-block; } .table { display: table; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .oh { overflow: hidden; } .vh { visibility: hidden; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .shrink { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 48em) { .flex-row-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-sm { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 62em) { .flex-row-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 75em) { .flex-row-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-column-lg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .center-block { display: block; text-align: center; margin: 0 auto; } .centro-vertical > * { vertical-align: middle; } .wt100 { width: 100%; } .wt50 { width: 50%; } .ht100 { height: 100%; } .ht50 { height: 50%; } .z0 { z-index: 0; } .z1 { z-index: 9; } .z2 { z-index: 99; } .z3 { z-index: 999; } .z4 { z-index: 9999; } .z5 { z-index: 99999; } .z6 { z-index: 999999; } /* ELEMENTOS */ img, iframe, svg { max-width: 100%; margin: 0 auto; } ul { padding: 0px; } li { list-style: none; } figure { margin: 0px auto; } figure .table img { display: block; } figure figcaption { margin-top: 5px; } button, input[type="submit"] { border: none; background-color: transparent; outline: none; border-radius: 0px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } fieldset { margin: 0px; padding: 0px; border: none; } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="date"], textarea { display: block; background: white; width: 100%; border: 1px solid #FF8855; outline: none; border-radius: 0px; color: #FF8855; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #FF8855; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder { color: #FF8855; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #FF8855; } input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #FF8855; } input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="date"]::placeholder, textarea::placeholder { color: #FF8855; } select { background: none; border: none; outline: none; padding: 0; cursor: pointer; } a { text-decoration: none; color: inherit; cursor: pointer; } hr { height: 2px; background-color: #FF8855; margin: 0px; border: none; } :focus { outline: none; } /* Paddings */ .p5 { padding: 5rem; } @media only screen and (min-width: 48em) { .p5-sm { padding: 5rem; } } @media only screen and (min-width: 62em) { .p5-md { padding: 5rem; } } .p4 { padding: 4rem; } @media only screen and (min-width: 48em) { .p4-sm { padding: 4rem; } } @media only screen and (min-width: 62em) { .p4-md { padding: 4rem; } } .p3 { padding: 3rem; } @media only screen and (min-width: 48em) { .p3-sm { padding: 3rem; } } @media only screen and (min-width: 62em) { .p3-md { padding: 3rem; } } .p2 { padding: 2rem; } @media only screen and (min-width: 48em) { .p2-sm { padding: 2rem; } } @media only screen and (min-width: 62em) { .p2-md { padding: 2rem; } } .p1 { padding: 1rem; } @media only screen and (min-width: 48em) { .p1-sm { padding: 1rem; } } @media only screen and (min-width: 62em) { .p1-md { padding: 1rem; } } .p0 { padding: 0rem; } @media only screen and (min-width: 48em) { .p0-sm { padding: 0rem; } } @media only screen and (min-width: 62em) { .p0-md { padding: 0rem; } } .pt5 { padding-top: 5rem; } @media only screen and (min-width: 48em) { .pt5-sm { padding-top: 5rem; } } @media only screen and (min-width: 62em) { .pt5-md { padding-top: 5rem; } } .pt4 { padding-top: 4rem; } @media only screen and (min-width: 48em) { .pt4-sm { padding-top: 4rem; } } @media only screen and (min-width: 62em) { .pt4-md { padding-top: 4rem; } } .pt3 { padding-top: 3rem; } @media only screen and (min-width: 48em) { .pt3-sm { padding-top: 3rem; } } @media only screen and (min-width: 62em) { .pt3-md { padding-top: 3rem; } } .pt2 { padding-top: 2rem; } @media only screen and (min-width: 48em) { .pt2-sm { padding-top: 2rem; } } @media only screen and (min-width: 62em) { .pt2-md { padding-top: 2rem; } } .pt1 { padding-top: 1rem; } @media only screen and (min-width: 48em) { .pt1-sm { padding-top: 1rem; } } @media only screen and (min-width: 62em) { .pt1-md { padding-top: 1rem; } } .pt0 { padding-top: 0rem; } @media only screen and (min-width: 48em) { .pt0-sm { padding-top: 0rem; } } @media only screen and (min-width: 62em) { .pt0-md { padding-top: 0rem; } } .pr5 { padding-right: 5rem; } @media only screen and (min-width: 48em) { .pr5-sm { padding-right: 5rem; } } @media only screen and (min-width: 62em) { .pr5-md { padding-right: 5rem; } } .pr4 { padding-right: 4rem; } @media only screen and (min-width: 48em) { .pr4-sm { padding-right: 4rem; } } @media only screen and (min-width: 62em) { .pr4-md { padding-right: 4rem; } } .pr3 { padding-right: 3rem; } @media only screen and (min-width: 48em) { .pr3-sm { padding-right: 3rem; } } @media only screen and (min-width: 62em) { .pr3-md { padding-right: 3rem; } } .pr2 { padding-right: 2rem; } @media only screen and (min-width: 48em) { .pr2-sm { padding-right: 2rem; } } @media only screen and (min-width: 62em) { .pr2-md { padding-right: 2rem; } } .pr1 { padding-right: 1rem; } @media only screen and (min-width: 48em) { .pr1-sm { padding-right: 1rem; } } @media only screen and (min-width: 62em) { .pr1-md { padding-right: 1rem; } } .pr0 { padding-right: 0rem; } @media only screen and (min-width: 48em) { .pr0-sm { padding-right: 0rem; } } @media only screen and (min-width: 62em) { .pr0-md { padding-right: 0rem; } } .pb5 { padding-bottom: 5rem; } @media only screen and (min-width: 48em) { .pb5-sm { padding-bottom: 5rem; } } @media only screen and (min-width: 62em) { .pb5-md { padding-bottom: 5rem; } } .pb4 { padding-bottom: 4rem; } @media only screen and (min-width: 48em) { .pb4-sm { padding-bottom: 4rem; } } @media only screen and (min-width: 62em) { .pb4-md { padding-bottom: 4rem; } } .pb3 { padding-bottom: 3rem; } @media only screen and (min-width: 48em) { .pb3-sm { padding-bottom: 3rem; } } @media only screen and (min-width: 62em) { .pb3-md { padding-bottom: 3rem; } } .pb2 { padding-bottom: 2rem; } @media only screen and (min-width: 48em) { .pb2-sm { padding-bottom: 2rem; } } @media only screen and (min-width: 62em) { .pb2-md { padding-bottom: 2rem; } } .pb1 { padding-bottom: 1rem; } @media only screen and (min-width: 48em) { .pb1-sm { padding-bottom: 1rem; } } @media only screen and (min-width: 62em) { .pb1-md { padding-bottom: 1rem; } } .pb0 { padding-bottom: 0rem; } @media only screen and (min-width: 48em) { .pb0-sm { padding-bottom: 0rem; } } @media only screen and (min-width: 62em) { .pb0-md { padding-bottom: 0rem; } } .pl5 { padding-left: 5rem; } @media only screen and (min-width: 48em) { .pl5-sm { padding-left: 5rem; } } @media only screen and (min-width: 62em) { .pl5-md { padding-left: 5rem; } } .pl4 { padding-left: 4rem; } @media only screen and (min-width: 48em) { .pl4-sm { padding-left: 4rem; } } @media only screen and (min-width: 62em) { .pl4-md { padding-left: 4rem; } } .pl3 { padding-left: 3rem; } @media only screen and (min-width: 48em) { .pl3-sm { padding-left: 3rem; } } @media only screen and (min-width: 62em) { .pl3-md { padding-left: 3rem; } } .pl2 { padding-left: 2rem; } @media only screen and (min-width: 48em) { .pl2-sm { padding-left: 2rem; } } @media only screen and (min-width: 62em) { .pl2-md { padding-left: 2rem; } } .pl1 { padding-left: 1rem; } @media only screen and (min-width: 48em) { .pl1-sm { padding-left: 1rem; } } @media only screen and (min-width: 62em) { .pl1-md { padding-left: 1rem; } } .pl0 { padding-left: 0rem; } @media only screen and (min-width: 48em) { .pl0-sm { padding-left: 0rem; } } @media only screen and (min-width: 62em) { .pl0-md { padding-left: 0rem; } } .p05 { padding: 0.5rem; } .pt05 { padding-top: 0.5rem; } .pr05 { padding-right: 0.5rem; } .pb05 { padding-bottom: 0.5rem; } .pl05 { padding-left: 0.5rem; } @media only screen and (min-width: 48em) { .p05-sm { padding: 0.5rem; } .pt05-sm { padding-top: 0.5rem; } .pr05-sm { padding-right: 0.5rem; } .pb05-sm { padding-bottom: 0.5rem; } .pl05-sm { padding-left: 0.5rem; } } @media only screen and (min-width: 62em) { .p05-md { padding: 0.5rem; } .pt05-md { padding-top: 0.5rem; } .pr05-md { padding-right: 0.5rem; } .pb05-md { padding-bottom: 0.5rem; } .pl05-md { padding-left: 0.5rem; } } /* Margens */ .m5 { margin: 5rem; } @media only screen and (min-width: 48em) { .m5-sm { margin: 5rem; } } @media only screen and (min-width: 62em) { .m5-md { margin: 5rem; } } .m4 { margin: 4rem; } @media only screen and (min-width: 48em) { .m4-sm { margin: 4rem; } } @media only screen and (min-width: 62em) { .m4-md { margin: 4rem; } } .m3 { margin: 3rem; } @media only screen and (min-width: 48em) { .m3-sm { margin: 3rem; } } @media only screen and (min-width: 62em) { .m3-md { margin: 3rem; } } .m2 { margin: 2rem; } @media only screen and (min-width: 48em) { .m2-sm { margin: 2rem; } } @media only screen and (min-width: 62em) { .m2-md { margin: 2rem; } } .m1 { margin: 1rem; } @media only screen and (min-width: 48em) { .m1-sm { margin: 1rem; } } @media only screen and (min-width: 62em) { .m1-md { margin: 1rem; } } .m0 { margin: 0rem; } @media only screen and (min-width: 48em) { .m0-sm { margin: 0rem; } } @media only screen and (min-width: 62em) { .m0-md { margin: 0rem; } } .mt5 { margin-top: 5rem; } @media only screen and (min-width: 48em) { .mt5-sm { margin-top: 5rem; } } @media only screen and (min-width: 62em) { .mt5-md { margin-top: 5rem; } } .mt4 { margin-top: 4rem; } @media only screen and (min-width: 48em) { .mt4-sm { margin-top: 4rem; } } @media only screen and (min-width: 62em) { .mt4-md { margin-top: 4rem; } } .mt3 { margin-top: 3rem; } @media only screen and (min-width: 48em) { .mt3-sm { margin-top: 3rem; } } @media only screen and (min-width: 62em) { .mt3-md { margin-top: 3rem; } } .mt2 { margin-top: 2rem; } @media only screen and (min-width: 48em) { .mt2-sm { margin-top: 2rem; } } @media only screen and (min-width: 62em) { .mt2-md { margin-top: 2rem; } } .mt1 { margin-top: 1rem; } @media only screen and (min-width: 48em) { .mt1-sm { margin-top: 1rem; } } @media only screen and (min-width: 62em) { .mt1-md { margin-top: 1rem; } } .mt0 { margin-top: 0rem; } @media only screen and (min-width: 48em) { .mt0-sm { margin-top: 0rem; } } @media only screen and (min-width: 62em) { .mt0-md { margin-top: 0rem; } } .mr5 { margin-right: 5rem; } @media only screen and (min-width: 48em) { .mr5-sm { margin-right: 5rem; } } @media only screen and (min-width: 62em) { .mr5-md { margin-right: 5rem; } } .mr4 { margin-right: 4rem; } @media only screen and (min-width: 48em) { .mr4-sm { margin-right: 4rem; } } @media only screen and (min-width: 62em) { .mr4-md { margin-right: 4rem; } } .mr3 { margin-right: 3rem; } @media only screen and (min-width: 48em) { .mr3-sm { margin-right: 3rem; } } @media only screen and (min-width: 62em) { .mr3-md { margin-right: 3rem; } } .mr2 { margin-right: 2rem; } @media only screen and (min-width: 48em) { .mr2-sm { margin-right: 2rem; } } @media only screen and (min-width: 62em) { .mr2-md { margin-right: 2rem; } } .mr1 { margin-right: 1rem; } @media only screen and (min-width: 48em) { .mr1-sm { margin-right: 1rem; } } @media only screen and (min-width: 62em) { .mr1-md { margin-right: 1rem; } } .mr0 { margin-right: 0rem; } @media only screen and (min-width: 48em) { .mr0-sm { margin-right: 0rem; } } @media only screen and (min-width: 62em) { .mr0-md { margin-right: 0rem; } } .mb5 { margin-bottom: 5rem; } @media only screen and (min-width: 48em) { .mb5-sm { margin-bottom: 5rem; } } @media only screen and (min-width: 62em) { .mb5-md { margin-bottom: 5rem; } } .mb4 { margin-bottom: 4rem; } @media only screen and (min-width: 48em) { .mb4-sm { margin-bottom: 4rem; } } @media only screen and (min-width: 62em) { .mb4-md { margin-bottom: 4rem; } } .mb3 { margin-bottom: 3rem; } @media only screen and (min-width: 48em) { .mb3-sm { margin-bottom: 3rem; } } @media only screen and (min-width: 62em) { .mb3-md { margin-bottom: 3rem; } } .mb2 { margin-bottom: 2rem; } @media only screen and (min-width: 48em) { .mb2-sm { margin-bottom: 2rem; } } @media only screen and (min-width: 62em) { .mb2-md { margin-bottom: 2rem; } } .mb1 { margin-bottom: 1rem; } @media only screen and (min-width: 48em) { .mb1-sm { margin-bottom: 1rem; } } @media only screen and (min-width: 62em) { .mb1-md { margin-bottom: 1rem; } } .mb0 { margin-bottom: 0rem; } @media only screen and (min-width: 48em) { .mb0-sm { margin-bottom: 0rem; } } @media only screen and (min-width: 62em) { .mb0-md { margin-bottom: 0rem; } } .ml5 { margin-left: 5rem; } @media only screen and (min-width: 48em) { .ml5-sm { margin-left: 5rem; } } @media only screen and (min-width: 62em) { .ml5-md { margin-left: 5rem; } } .ml4 { margin-left: 4rem; } @media only screen and (min-width: 48em) { .ml4-sm { margin-left: 4rem; } } @media only screen and (min-width: 62em) { .ml4-md { margin-left: 4rem; } } .ml3 { margin-left: 3rem; } @media only screen and (min-width: 48em) { .ml3-sm { margin-left: 3rem; } } @media only screen and (min-width: 62em) { .ml3-md { margin-left: 3rem; } } .ml2 { margin-left: 2rem; } @media only screen and (min-width: 48em) { .ml2-sm { margin-left: 2rem; } } @media only screen and (min-width: 62em) { .ml2-md { margin-left: 2rem; } } .ml1 { margin-left: 1rem; } @media only screen and (min-width: 48em) { .ml1-sm { margin-left: 1rem; } } @media only screen and (min-width: 62em) { .ml1-md { margin-left: 1rem; } } .ml0 { margin-left: 0rem; } @media only screen and (min-width: 48em) { .ml0-sm { margin-left: 0rem; } } @media only screen and (min-width: 62em) { .ml0-md { margin-left: 0rem; } } .m05 { margin: 0.5rem; } .mt05 { margin-top: 0.5rem; } .mr05 { margin-right: 0.5rem; } .mb05 { margin-bottom: 0.5rem; } .ml05 { margin-left: 0.5rem; } @media only screen and (min-width: 48em) { .m05-sm { margin: 0.5rem; } .mt05-sm { margin-top: 0.5rem; } .mr05-sm { margin-right: 0.5rem; } .mb05-sm { margin-bottom: 0.5rem; } .ml05-sm { margin-left: 0.5rem; } } @media only screen and (min-width: 62em) { .m05-md { margin: 0.5rem; } .mt05-md { margin-top: 0.5rem; } .mr05-md { margin-right: 0.5rem; } .mb05-md { margin-bottom: 0.5rem; } .ml05-md { margin-left: 0.5rem; } } /* Tipografia */ h1, h2, h3, h4, h5, h6, p { margin: 0rem; } p { margin-bottom: 1rem; } b, strong { font-weight: 700; } .nowrap { white-space: nowrap; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .uc { text-transform: uppercase; } @media only screen and (min-width: 48em) { .tc-sm { text-align: center; } .tr-sm { text-align: right; } .tl-sm { text-align: left; } } @media only screen and (min-width: 62em) { .tc-md { text-align: center; } .tr-md { text-align: right; } .tl-md { text-align: left; } } .w100 { font-weight: 100; } .w200 { font-weight: 200; } .w300 { font-weight: 300; } .w400 { font-weight: 400; } .w500 { font-weight: 500; } .w600 { font-weight: 600; } .w700 { font-weight: 700; } .w800 { font-weight: 800; } .w900 { font-weight: 900; } .lh0-50 { line-height: 0.5; } .lh0-75 { line-height: 0.75; } .lh1 { line-height: 1; } .lh1-25 { line-height: 1.25; } .lh1-50 { line-height: 1.5; } .lh1-75 { line-height: 1.75; } .lh2 { line-height: 2; } /* Formulário */ .radio { padding-left: 60px; display: inline-block; } .radio input { display: none; } .radio input:checked ~ span:before { background: #FF8855; } .radio input:checked ~ span:after { -webkit-transform: scale(0.5) rotate(-45deg) translate(0%, -50%); transform: scale(0.5) rotate(-45deg) translate(0%, -50%); } .radio span { position: relative; cursor: pointer; } .radio span:before, .radio span::after { content: ""; width: 20px; height: 20px; background: white; border: 2px solid #FF8855; border-radius: 50%; position: absolute; left: -60px; top: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .radio span:after { border-radius: 0; background: transparent; border-width: 0px 0px 5px 5px; border-style: solid; border-color: white; height: 12px; width: 20px; -webkit-transform: scale(0) rotate(-45deg) translate(0%, -50%); transform: scale(0) rotate(-45deg) translate(0%, -50%); top: calc(50% - 5px); left: -58px; } select, input.input-dropdown { display: inline-block; background: none; text-align: center; border: 2px solid #FF8855; border-radius: 5px; outline: none; padding: 0.5rem 2rem 0.5rem 0.5rem; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-position: 97% center; background-repeat: no-repeat; background-size: 25px 25px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input.input-dropdown:focus { background-image: url('data:image/svg+xml;utf8,'); } input.input-dropdown:focus ~ .input-dropdown-conteudo { visibility: visible; opacity: 1; top: 125%; } .input-dropdown-conteudo { visibility: hidden; text-align: center; opacity: 0; position: absolute; width: 100%; left: 0px; top: 100%; border: 2px solid #FF8855; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999; } .input-dropdown-conteudo > li { background-color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .input-dropdown-conteudo > li:hover, .input-dropdown-conteudo > li:focus { background-color: #FF8855; color: white; } /* Efeitos */ /* Sombra */ .sombra { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } /* Sombra interativa */ .sombra-interativa { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sombra-interativa:hover, .sombra-interativa:focus { -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } /* Estrutura */ html { font-size: 16px; -ms-scroll-chaining: none; overscroll-behavior: none; } body { font-size: 16px; -ms-scroll-chaining: none; overscroll-behavior: none; font-family: 'Oswald', sans-serif; font-weight: 400; overflow-x: hidden; scroll-behavior: smooth; } body.blocked { overflow-y: hidden; } .wrap { max-width: 1280px; } /* Tipografia */ .ff1 { font-family: 'Oswald', sans-serif; } .ff2 { font-family: 'Piazzolla', serif; } .ff3 { font-family: 'GothicJoker', sans-serif; } .t88 { font-size: 3em; } @media screen and (min-width: 31.25em) { .t88 { font-size: calc(3em + 2.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t88 { font-size: 5.5em; } } .t64 { font-size: 3em; } @media screen and (min-width: 31.25em) { .t64 { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t64 { font-size: 4em; } } .t44 { font-size: 1.5em; } @media screen and (min-width: 31.25em) { .t44 { font-size: calc(1.5em + 1.25 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t44 { font-size: 2.75em; } } .t32 { font-size: 1.5em; } @media screen and (min-width: 31.25em) { .t32 { font-size: calc(1.5em + 0.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t32 { font-size: 2em; } } .t24 { font-size: 1.125em; } @media screen and (min-width: 31.25em) { .t24 { font-size: calc(1.125em + 0.375 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t24 { font-size: 1.5em; } } .t20 { font-size: 1.125em; } @media screen and (min-width: 31.25em) { .t20 { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t20 { font-size: 1.25em; } } .t18 { font-size: 1em; } @media screen and (min-width: 31.25em) { .t18 { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t18 { font-size: 1.125em; } } .t16 { font-size: 0.875em; } @media screen and (min-width: 31.25em) { .t16 { font-size: calc(0.875em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t16 { font-size: 1em; } } .t14 { font-size: 0.8125em; } @media screen and (min-width: 31.25em) { .t14 { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .t14 { font-size: 0.875em; } } .tcb { color: white; } .tcc { color: #555555; } .tcp { color: #111111; } .tco { color: #E1DBD4; } .tcla { color: #FF8855; } .tcbec { color: #F0EBE4; } .tcbe { color: #D5B99B; } .tcbee { color: #D5A47C; } .tcmac { color: #886546; } .tcma { color: #3B1E1A; } .tcmae { color: #29110E; } /* Componentes */ #preloader { -webkit-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; overflow: hidden; } #preloader.out { pointer-events: none; height: 0 !important; } .link { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .link:hover, .link:focus { color: #FF8855; } .bgb { background-color: white; } .bgc { background-color: #555555; } .bgp { background-color: #111111; } .bgo { background-color: #E1DBD4; } .bgla { background-color: #FF8855; } .bgbec { background-color: #F0EBE4; } .bgbe { background-color: #D5B99B; } .bgbee { background-color: #D5A47C; } .bgmac { background-color: #886546; } .bgma { background-color: #3B1E1A; } .bgmae { background-color: #29110E; } .bgmas { background-color: #240d0a; } .btn-menu { height: 16px; width: 30px; position: relative; display: inline-block; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999; } .btn-menu:before, .btn-menu:after { content: ""; position: absolute; width: 75%; left: 50%; } .btn-menu:before { top: 50%; height: calc(100% - 4px); border-style: solid; border-width: 0px; border-top-width: 2px; border-bottom-width: 2px; border-color: #FF8855; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: menubeforevolta 0.6s forwards; animation: menubeforevolta 0.6s forwards; } .btn-menu:after { top: 50%; height: 0px; border-style: solid; border-width: 0px; border-top-width: 2px; border-color: #FF8855; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-menu:hover, .btn-menu:focus { -webkit-transform: scale(1.1); transform: scale(1.1); } @media only screen and (min-width: 992px) { .btn-menu { display: none; } } .btn { font-size: 0.8125em; color: #FF8855; text-transform: uppercase; font-family: 'Oswald', sans-serif; padding: 0rem; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (min-width: 31.25em) { .btn { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .btn { font-size: 0.875em; } } .btn svg { display: inline-block; height: 24px; width: 24px; } .btn svg > * { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn:hover, .btn:focus { color: white; } .btn:hover .icone path, .btn:focus .icone path, .btn:hover .icone polygon, .btn:focus .icone polygon, .btn:hover .icone circle, .btn:focus .icone circle, .btn:hover .icone rect, .btn:focus .icone rect, .btn:hover .icone line, .btn:focus .icone line, .btn:hover .icone polyline, .btn:focus .icone polyline { stroke: white; } .btn:hover .icone path.fill, .btn:focus .icone path.fill, .btn:hover .icone polygon.fill, .btn:focus .icone polygon.fill, .btn:hover .icone circle.fill, .btn:focus .icone circle.fill, .btn:hover .icone rect.fill, .btn:focus .icone rect.fill, .btn:hover .icone line.fill, .btn:focus .icone line.fill, .btn:hover .icone polyline.fill, .btn:focus .icone polyline.fill { fill: white; stroke-width: 0px; } .btn.btn-icone-esq svg { margin-right: 0.5rem; } .btn.btn-icone-dir svg { margin-left: 0.5rem; } .btn-nav { height: 24px; width: 24px; padding: 0rem; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-nav svg { display: inline-block; height: 100%; width: 100%; } .btn-nav svg > * { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-nav.disabled { opacity: 0.25; pointer-events: none; cursor: default; } .btn-nav:hover .icone path, .btn-nav:focus .icone path, .btn-nav:hover .icone polygon, .btn-nav:focus .icone polygon, .btn-nav:hover .icone circle, .btn-nav:focus .icone circle, .btn-nav:hover .icone rect, .btn-nav:focus .icone rect, .btn-nav:hover .icone line, .btn-nav:focus .icone line, .btn-nav:hover .icone polyline, .btn-nav:focus .icone polyline { stroke: white; } .btn-nav:hover .icone path.fill, .btn-nav:focus .icone path.fill, .btn-nav:hover .icone polygon.fill, .btn-nav:focus .icone polygon.fill, .btn-nav:hover .icone circle.fill, .btn-nav:focus .icone circle.fill, .btn-nav:hover .icone rect.fill, .btn-nav:focus .icone rect.fill, .btn-nav:hover .icone line.fill, .btn-nav:focus .icone line.fill, .btn-nav:hover .icone polyline.fill, .btn-nav:focus .icone polyline.fill { fill: white; stroke-width: 0px; } .buscar { position: relative; display: inline-block; } .buscar input { background-color: transparent; border-width: 0px 0px 1px 0px; padding: 0.2rem 1.7rem 0.2rem 0.5rem; height: 32px; width: 225px; font-family: 'Piazzolla', serif; font-size: 1.125em; font-weight: 300; color: white; } @media screen and (min-width: 31.25em) { .buscar input { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .buscar input { font-size: 1.25em; } } .buscar input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .buscar input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .buscar input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .buscar input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .buscar input::placeholder { color: rgba(255, 255, 255, 0.5); } .buscar input::-webkit-calendar-picker-indicator { display: none; } .buscar .icone { width: 24px; height: 24px; position: absolute; right: 0px; top: 4px; } .buscar .icone > * { stroke-width: 1px; } .drop-selector { position: relative; display: inline-block; } .drop-selector legend { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; padding: 0.2rem 1.7rem 0.2rem 0.5rem; width: 180px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-width: 1px; border-style: solid; border-color: #FF8855; height: 32px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; line-height: 24px; font-size: 0.875em; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 500; color: #D5B99B; } @media screen and (min-width: 31.25em) { .drop-selector legend { font-size: calc(0.875em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .drop-selector legend { font-size: 1em; } } .drop-selector legend:after { content: ""; background-image: url('data:image/svg+xml;utf8, '); background-position: center center; background-repeat: no-repeat; height: 15px; width: 15px; display: inline-block; position: absolute; -webkit-transition: all 0.2s; transition: all 0.2s; right: 0.5rem; -webkit-transform: rotate(179deg) translate(0px, -2px); transform: rotate(179deg) translate(0px, -2px); } .drop-selector legend:hover:after, .drop-selector legendfocus:after { -webkit-transform: rotate(179deg) translate(0, 0px); transform: rotate(179deg) translate(0, 0px); } @media only screen and (max-width: 991px) { .drop-selector legend { font-size: 11px; } } .drop-selector > input { display: none; } .drop-selector > input:checked ~ label legend { background-color: #FF8855; color: #3B1E1A; } .drop-selector > input:checked ~ label legend:after { -webkit-transform: rotate(0deg) translate(0px, 2px); transform: rotate(0deg) translate(0px, 2px); background-image: url('data:image/svg+xml;utf8, '); } .drop-selector > input:checked ~ label legend:hover:after, .drop-selector > input:checked ~ label legend:focus:after { -webkit-transform: rotate(0deg) translate(0px, 4px); transform: rotate(0deg) translate(0px, 4px); } .drop-selector > input:checked ~ .drop-list { bottom: calc(100% + 0.5rem); opacity: 1; visibility: visible; } .drop-selector .drop-list { position: absolute; margin: 0rem; width: 100%; z-index: 99; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-height: calc(100vh - 10rem); overflow: auto; opacity: 0; visibility: hidden; left: 0%; bottom: 0%; } .drop-selector .drop-list input { display: none; } .drop-selector .drop-list input:checked ~ span, .drop-selector .drop-list input:focus ~ span { background-color: rgba(255, 136, 85, 0.9); color: #3B1E1A; } .drop-selector .drop-list label span { width: 100%; font-size: 0.8125em; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #D5B99B; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(59, 30, 26, 0.95); padding: 0.25rem 0.5rem; border-bottom: 1px solid rgba(255, 136, 85, 0.1); } @media screen and (min-width: 31.25em) { .drop-selector .drop-list label span { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .drop-selector .drop-list label span { font-size: 0.875em; } } .drop-selector .drop-list label:hover span, .drop-selector .drop-list label:focus span { background-color: rgba(255, 136, 85, 0.9); color: #3B1E1A; } @media only screen and (min-width: 1200px) { .drop-selector legend { width: 225px; } } .icone, .info { display: inherit; } .icone path, .info path, .icone polygon, .info polygon, .icone circle, .info circle, .icone rect, .info rect, .icone line, .info line, .icone polyline, .info polyline { fill: none; stroke-width: 2px; stroke-miterlimit: 10; stroke: #FF8855; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icone path.fill, .info path.fill, .icone polygon.fill, .info polygon.fill, .icone circle.fill, .info circle.fill, .icone rect.fill, .info rect.fill, .icone line.fill, .info line.fill, .icone polyline.fill, .info polyline.fill { fill-rule: evenodd; fill: #FF8855; stroke-width: 0px; } .info { margin-left: 0.5rem; display: inline-block; height: 15px; width: 15px; vertical-align: middle; margin-top: -3px; } .info path, .info polygon, .info circle, .info rect, .info line, .info polyline { stroke-width: 1.5px; } .glide__bullets { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .glide__bullets .glide__bullet { height: 8px; width: 8px; border: 1px solid white; display: block; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0rem; margin: 0.75rem; } .glide__bullets .glide__bullet.glide__bullet--active { background-color: white; } .hidden-input { display: none; } .hidden-patterns { opacity: 0; position: absolute; left: -10000px; top: 0px; } .player { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 2rem; } .player .play { height: 24px; width: 24px; display: inline-block; margin-right: 0.5rem; cursor: pointer; } .player .play input { display: none; } .player .play input:checked ~ svg .start { opacity: 0; } .player .play input:checked ~ svg .stop { opacity: 1; } .player .play svg .start, .player .play svg .stop { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .player .play svg .stop { opacity: 0; } .player audio { position: absolute; left: -5000px; opacity: 0; } .player figcaption { display: inline-block; font-family: 'Piazzolla', serif; font-weight: 400; font-size: 0.8125em; color: #3B1E1A; margin: 0rem; line-height: 1.25; font-style: italic; } @media screen and (min-width: 31.25em) { .player figcaption { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .player figcaption { font-size: 0.875em; } } .scrollTo { width: 2px; height: 45px; position: relative; } .scrollTo span { background-color: #FF8855; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-animation: scrollTo 2s; animation: scrollTo 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .nav-slider { text-align: center; margin-top: 2.5rem; margin-bottom: 2rem; } .vitima { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .vitima .ilustracao, .vitima .nome, .vitima .extra { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .vitima .ilustracao { width: 90%; max-height: 100%; } .vitima .ilustracao img { max-height: 100%; display: block; } .vitima .nome { margin-top: -25%; padding: 0rem 0.5rem; width: 100%; position: relative; z-index: 99; } .vitima .extra { opacity: 0; height: 1rem; } .vitima .extra .local { font-size: 1em; font-weight: 400; font-family: 'Oswald', sans-serif; color: white; } @media screen and (min-width: 31.25em) { .vitima .extra .local { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .vitima .extra .local { font-size: 1.125em; } } .vitima:after { content: ""; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 90%; width: calc(100% + 1rem); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: -1; opacity: 0; } .vitima:hover, .vitima:focus { -webkit-transform: scale(1); transform: scale(1); } .vitima:hover .ilustracao, .vitima:focus .ilustracao { -webkit-transform: scale(1.1) translate(0%, -5%); transform: scale(1.1) translate(0%, -5%); } .vitima:hover .nome, .vitima:focus .nome { -webkit-transform: translate(0%, -20%); transform: translate(0%, -20%); -webkit-filter: brightness(10); filter: brightness(10); } .vitima:hover .extra, .vitima:focus .extra { -webkit-transform: translate(0%, -20%); transform: translate(0%, -20%); opacity: 1; } .vitima:hover:after, .vitima:focus:after { height: 100%; opacity: 1; } [data-categoria="0"] .vitima:after { background-image: url(../assets/images/bck-vitimas-ocre.svg); } [data-categoria="1"] .vitima:after { background-image: url(../assets/images/bck-vitimas-ocre.svg); } [data-categoria="2"] .vitima:after { background-image: url(../assets/images/bck-vitimas-verde.svg); } [data-categoria="3"] .vitima:after { background-image: url(../assets/images/bck-vitimas-azul.svg); } [data-categoria="4"] .vitima:after { background-image: url(../assets/images/bck-vitimas-vinho.svg); } [data-categoria="5"] .vitima:after { background-image: url(../assets/images/bck-vitimas-vermelho.svg); } [data-categoria="6"] .vitima:after { background-image: url(../assets/images/bck-vitimas-roxo.svg); } @media only screen and (max-width: 991px) { .vitima .extra { display: none; } } @media only screen and (min-width: 992px) { .vitima { padding-top: 1rem; padding-bottom: 1rem; } } /* Timeline */ .timeline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .timeline li { margin-left: 1.5rem; } .timeline li span { display: block; height: 14px; width: 14px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;utf8, '); position: relative; } .timeline li span:before { content: ""; height: 100%; position: absolute; right: calc(100% + 0.1rem); top: 0; width: 1.25rem; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;utf8, '); } .timeline li span:after { content: ""; width: 100%; position: absolute; height: 100%; left: 10%; bottom: 10%; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;utf8, '); opacity: 0; } .timeline li.ativo span { background-image: url('data:image/svg+xml;utf8, '); } .timeline li.ativo span:before { background-image: url('data:image/svg+xml;utf8, '); } .timeline li.ativo span:after { opacity: 1; } .timeline li:first-child { margin-left: 0rem; } .timeline li:first-child span:before { display: none; } @media only screen and (min-width: 768px) { .timeline li { margin-left: 2.5rem; } .timeline li span { height: 21px; width: 21px; } .timeline li span:before { right: calc(100% + 0.25rem); width: 2rem; } } /* Tooltip */ [data-titulo] { position: relative; cursor: pointer; } [data-titulo]:before { content: attr(data-titulo); position: absolute; bottom: 100%; left: 50%; max-width: 150px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); background-color: #D5B99B; font-size: 14px; font-family: 'Piazzolla', serif; font-weight: 400; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #29110E; text-transform: none !important; font-style: italic; padding: 0.5rem 0.75rem; opacity: 0; visibility: hidden; width: -webkit-max-content; width: -moz-max-content; width: max-content; } [data-titulo]:after { content: ""; position: absolute; background-color: #D5B99B; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 10px; width: 10px; -webkit-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); left: 50%; bottom: 100%; opacity: 0; visibility: hidden; } [data-titulo]:hover:before, [data-titulo]:focus:before, [data-titulo]:hover:after, [data-titulo]:focus:after { bottom: calc(100% + 0.75rem); opacity: 1; visibility: visible; } /* Animações */ @-webkit-keyframes menubeforeida { 0% { height: calc(100% - 4px); border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 45% { height: 0%; border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } } @keyframes menubeforeida { 0% { height: calc(100% - 4px); border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 45% { height: 0%; border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } } @-webkit-keyframes menubeforevolta { 0% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } 45% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { height: 0%; border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { height: calc(100% - 4px); border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } } @keyframes menubeforevolta { 0% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } 45% { height: 0%; border-bottom-width: 0px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 50% { height: 0%; border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } 100% { height: calc(100% - 4px); border-bottom-width: 2px; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } } @-webkit-keyframes opacidade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacidade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes scrollTo { 0% { top: 0%; height: 0%; } 50% { top: 0%; height: 100%; } 100% { top: 100%; height: 0%; } } @keyframes scrollTo { 0% { top: 0%; height: 0%; } 50% { top: 0%; height: 100%; } 100% { top: 100%; height: 0%; } } @-webkit-keyframes entraCima { 0% { -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @keyframes entraCima { 0% { -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @-webkit-keyframes entraBaixo { 0% { -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @keyframes entraBaixo { 0% { -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @-webkit-keyframes entraEsquerda { 0% { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @keyframes entraEsquerda { 0% { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @-webkit-keyframes entraDireita { 0% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @keyframes entraDireita { 0% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } /* Blocos */ .head-bar { position: fixed; width: 100%; padding-top: 1rem; padding-bottom: 1rem; z-index: 9999; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .head-bar .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .head-bar .logo { display: block; position: relative; width: 123px; height: 40px; } .head-bar .logo svg { display: block; width: 100%; height: 100%; } .head-bar .logo path, .head-bar .logo polygon, .head-bar .logo circle, .head-bar .logo rect, .head-bar .logo line, .head-bar .logo polyline { fill: #29110E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .head-bar nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .head-bar ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0rem; margin: 0rem; } .head-bar ul label { display: block; cursor: pointer; } .head-bar ul label svg { height: 22px; width: 22px; } .head-bar ul label svg * { stroke: #3B1E1A; } .head-bar ul label input:checked ~ svg *, .head-bar ul label input:focus ~ svg * { stroke: #FF8855; } .head-bar ul label:hover svg *, .head-bar ul label:focus svg * { stroke: #FF8855; } .head-bar .menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: absolute; height: 100vh; left: 0px; top: 0px; padding: 25% 0% 25%; background: url(../assets/images/cova-menu.svg), url(../assets/images/noise-light.png), #3B1E1A; background-size: 400px 400px, auto; background-position: center 10%, center center; background-repeat: no-repeat, repeat; z-index: -1; opacity: 0; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .head-bar .menu a, .head-bar .menu label { display: block; color: white; text-transform: uppercase; font-weight: 500; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 40px; } .head-bar .menu a:after, .head-bar .menu label:after { content: ""; display: block; position: absolute; top: 100%; left: 50%; height: 2px; width: 0%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); background-color: #FF8855; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .head-bar .menu a:hover, .head-bar .menu label:hover, .head-bar .menu a:focus, .head-bar .menu label:focus, .head-bar .menu a.ativo, .head-bar .menu label.ativo { color: #FF8855; } .head-bar .menu a:hover:after, .head-bar .menu label:hover:after, .head-bar .menu a:focus:after, .head-bar .menu label:focus:after, .head-bar .menu a.ativo:after, .head-bar .menu label.ativo:after { width: 75%; } .head-bar .menu a.ativo:after, .head-bar .menu label.ativo:after { width: 50%; } .head-bar .menu a.ativo:hover::after, .head-bar .menu label.ativo:hover::after, .head-bar .menu a.ativo:focus::after, .head-bar .menu label.ativo:focus::after { width: 75%; } .head-bar .menu a[for="audio"]:after, .head-bar .menu label[for="audio"]:after, .head-bar .menu a[for="compartilhar"]:after, .head-bar .menu label[for="compartilhar"]:after { display: none; } .head-bar .menu li:nth-child(7), .head-bar .menu li:nth-child(8) { display: none; } .head-bar .menu:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0%; top: 0%; background: url(../assets/images/mao-menu.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } .head-bar .menu-mobile li svg * { stroke: #FF8855 !important; } .head-bar .menu-mobile li:first-child { margin-right: 1rem; } .head-bar.claro .logo path, .head-bar.claro .logo polygon, .head-bar.claro .logo circle, .head-bar.claro .logo rect, .head-bar.claro .logo line, .head-bar.claro .logo polyline { fill: #F0EBE4; } .head-bar.claro ul li a, .head-bar.claro ul li label { color: #F0EBE4; } .head-bar.claro ul li label svg * { stroke: #F0EBE4; } .scrolled .head-bar { -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } .scrolled .head-bar:after { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .scrollup .head-bar { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .head-bar .hide { -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } .head-bar.fixo { -webkit-transform: translate(0%, 0%) !important; transform: translate(0%, 0%) !important; } .head-bar.fixo:after { display: none; } .head-bar:after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(40%, #000000), to(#000000)); -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 40%, #000000 100%); mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(40%, #000000), to(#000000)); mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 40%, #000000 100%); } @media only screen and (min-width: 992px) { .head-bar .logo { width: 144px; height: 48px; } .head-bar nav { max-width: calc(100% - 150px); min-width: 60%; } .head-bar .menu { position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; -webkit-transform: none; transform: none; opacity: 1; background: none; padding: 0rem; z-index: 9; } .head-bar .menu:after, .head-bar .menu::before { display: none; } .head-bar .menu li:nth-child(7), .head-bar .menu li:nth-child(8) { display: block; } .head-bar .menu a, .head-bar .menu label { color: #3B1E1A; font-size: 0.875em; } .head-bar .menu-mobile { display: none; } } @media only screen and (min-width: 992px) and screen and (min-width: 31.25em) { .head-bar .menu a, .head-bar .menu label { font-size: calc(0.875em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media only screen and (min-width: 992px) and screen and (min-width: 90em) { .head-bar .menu a, .head-bar .menu label { font-size: 1em; } } .foot-bar { position: relative; background-color: #29110E; z-index: 99; text-align: center; } .foot-bar > div:first-child { padding-top: 1rem; padding-bottom: 1rem; } .foot-bar > div:last-child { background-color: #240d0a; padding-top: 0.5rem; padding-bottom: 0.5rem; } .foot-bar .menu-compartilhamento p { font-size: 0.8125em; color: white; font-weight: 500; margin-bottom: 0.5rem; } @media screen and (min-width: 31.25em) { .foot-bar .menu-compartilhamento p { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .foot-bar .menu-compartilhamento p { font-size: 0.875em; } } .foot-bar .menu-compartilhamento ul { width: 100%; -ms-flex-pack: distribute; justify-content: space-around; } .foot-bar .menu-compartilhamento ul li { height: 24px; width: 24px; } .foot-bar .menu-compartilhamento ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; } .foot-bar .menu-compartilhamento ul li a svg { height: 100%; width: 100%; } .foot-bar .menu-compartilhamento ul li a path, .foot-bar .menu-compartilhamento ul li a polygon, .foot-bar .menu-compartilhamento ul li a circle, .foot-bar .menu-compartilhamento ul li a rect, .foot-bar .menu-compartilhamento ul li a line, .foot-bar .menu-compartilhamento ul li a polyline { stroke: white; } .foot-bar .menu-compartilhamento ul li a path.fill, .foot-bar .menu-compartilhamento ul li a polygon.fill, .foot-bar .menu-compartilhamento ul li a circle.fill, .foot-bar .menu-compartilhamento ul li a rect.fill, .foot-bar .menu-compartilhamento ul li a line.fill, .foot-bar .menu-compartilhamento ul li a polyline.fill { fill: white; } .foot-bar .menu-compartilhamento ul li a:hover path, .foot-bar .menu-compartilhamento ul li a:focus path, .foot-bar .menu-compartilhamento ul li a:hover polygon, .foot-bar .menu-compartilhamento ul li a:focus polygon, .foot-bar .menu-compartilhamento ul li a:hover circle, .foot-bar .menu-compartilhamento ul li a:focus circle, .foot-bar .menu-compartilhamento ul li a:hover rect, .foot-bar .menu-compartilhamento ul li a:focus rect, .foot-bar .menu-compartilhamento ul li a:hover line, .foot-bar .menu-compartilhamento ul li a:focus line, .foot-bar .menu-compartilhamento ul li a:hover polyline, .foot-bar .menu-compartilhamento ul li a:focus polyline { stroke: #FF8855; } .foot-bar .menu-compartilhamento ul li a:hover path.fill, .foot-bar .menu-compartilhamento ul li a:focus path.fill, .foot-bar .menu-compartilhamento ul li a:hover polygon.fill, .foot-bar .menu-compartilhamento ul li a:focus polygon.fill, .foot-bar .menu-compartilhamento ul li a:hover circle.fill, .foot-bar .menu-compartilhamento ul li a:focus circle.fill, .foot-bar .menu-compartilhamento ul li a:hover rect.fill, .foot-bar .menu-compartilhamento ul li a:focus rect.fill, .foot-bar .menu-compartilhamento ul li a:hover line.fill, .foot-bar .menu-compartilhamento ul li a:focus line.fill, .foot-bar .menu-compartilhamento ul li a:hover polyline.fill, .foot-bar .menu-compartilhamento ul li a:focus polyline.fill { fill: #FF8855 !important; } .foot-bar .rbr, .foot-bar .dgb { width: 75%; max-width: 200px; display: block; margin: 0rem auto 2rem; } .foot-bar .rbr path, .foot-bar .dgb path, .foot-bar .rbr polygon, .foot-bar .dgb polygon, .foot-bar .rbr circle, .foot-bar .dgb circle, .foot-bar .rbr rect, .foot-bar .dgb rect, .foot-bar .rbr line, .foot-bar .dgb line, .foot-bar .rbr polyline, .foot-bar .dgb polyline { fill: white; } @media only screen and (min-width: 992px) { .foot-bar { text-align: left; } .foot-bar .rbr, .foot-bar .dgb { width: 100%; max-width: none; margin: 0rem ; } } .menu-historias { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(#000000)); background: linear-gradient(90deg, rgba(0, 0, 0, 0.25) 0%, #000000 100%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .menu-historias .closehistorias, .menu-historias:after { content: ""; display: block; position: absolute; height: 100%; top: 0px; background-position: left center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu-historias:after { min-width: 1200px; width: 55%; right: -55%; top: 0px; background-image: url(../assets/images/menu-splash.svg); background-size: cover; z-index: 9; -webkit-transition-delay: 0s; transition-delay: 0s; pointer-events: none; } .menu-historias .closehistorias { width: 100%; background-image: url(../assets/images/noise.gif); background-repeat: repeat; opacity: 0.3; z-index: 99; -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(30%, transparent), to(black)); -webkit-mask-image: linear-gradient(to right, transparent 30%, black); } .menu-historias .btn { position: absolute; top: 1rem; right: 1rem; margin-right: -40%; -webkit-transition: margin-right 0.3s, color 0.3s; transition: margin-right 0.3s, color 0.3s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; z-index: 999; } .menu-historias .historias-wrap { height: 100%; width: 100%; margin-right: -40%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; } .menu-historias ul { margin: 0rem; height: 100%; padding-top: 2rem 1rem 0rem; overflow: auto; position: relative; z-index: 99; padding: 2rem 1rem 0rem; } .menu-historias .historia { text-align: center; padding: 2rem 0rem; } .menu-historias .historia .local { font-size: 1em; font-weight: 500; font-family: 'Oswald', sans-serif; margin: 0rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 31.25em) { .menu-historias .historia .local { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .menu-historias .historia .local { font-size: 1.125em; } } .menu-historias .historia .local span { margin-right: 0.5rem; } .menu-historias .historia .local svg { height: 22px; width: 22px; } .menu-historias .historia .intro { font-size: 1.5em; font-family: 'Piazzolla', serif; color: #D5B99B; font-weight: 400; margin: 0rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (min-width: 31.25em) { .menu-historias .historia .intro { font-size: calc(1.5em + 0.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .menu-historias .historia .intro { font-size: 2em; } } .menu-historias .historia:not(:last-child) { border-bottom: 3px solid #240d0a; } .menu-historias .historia[data-categoria="0"] .local { color: #D5A47C; } .menu-historias .historia[data-categoria="0"] .local svg .fill { fill: #D5A47C; } .menu-historias .historia[data-categoria="1"] .local { color: #856124; } .menu-historias .historia[data-categoria="1"] .local svg .fill { fill: #856124; } .menu-historias .historia[data-categoria="2"] .local { color: #69644C; } .menu-historias .historia[data-categoria="2"] .local svg .fill { fill: #69644C; } .menu-historias .historia[data-categoria="3"] .local { color: #545F66; } .menu-historias .historia[data-categoria="3"] .local svg .fill { fill: #545F66; } .menu-historias .historia[data-categoria="4"] .local { color: #8D3941; } .menu-historias .historia[data-categoria="4"] .local svg .fill { fill: #8D3941; } .menu-historias .historia[data-categoria="5"] .local { color: #94482B; } .menu-historias .historia[data-categoria="5"] .local svg .fill { fill: #94482B; } .menu-historias .historia[data-categoria="6"] .local { color: #564B6E; } .menu-historias .historia[data-categoria="6"] .local svg .fill { fill: #564B6E; } .menu-historias .historia:hover .intro, .menu-historias .historia:focus .intro { color: #FF8855; } .menu-historias ::-webkit-scrollbar { width: 4px; } .menu-historias ::-webkit-scrollbar-track { border-radius: 4px; } .menu-historias ::-webkit-scrollbar-thumb { border-radius: 4px; } @media only screen and (min-width: 992px) { .menu-historias:after { min-width: 790px; } .menu-historias .btn { right: 5rem; } .menu-historias .historias-wrap { width: 35%; min-width: 500px; } .menu-historias ul { height: calc(100% - 2rem); padding: 3rem 3rem 1rem 2rem; margin: 1rem 1rem 1rem 0rem; } } .menu-compartilhamento { text-align: center; } .menu-compartilhamento p { font-family: 'Piazzolla', serif; font-weight: 500; text-transform: uppercase; color: #FF8855; margin: 0rem; } .menu-compartilhamento ul { margin: 0rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -0.5rem; margin-right: -0.5rem; } .menu-compartilhamento ul li { display: block; width: 32px; height: 32px; margin: 0.5rem; } .menu-compartilhamento ul li a:hover .icone path, .menu-compartilhamento ul li a:focus .icone path, .menu-compartilhamento ul li a:hover .icone polygon, .menu-compartilhamento ul li a:focus .icone polygon, .menu-compartilhamento ul li a:hover .icone circle, .menu-compartilhamento ul li a:focus .icone circle, .menu-compartilhamento ul li a:hover .icone rect, .menu-compartilhamento ul li a:focus .icone rect, .menu-compartilhamento ul li a:hover .icone line, .menu-compartilhamento ul li a:focus .icone line, .menu-compartilhamento ul li a:hover .icone polyline, .menu-compartilhamento ul li a:focus .icone polyline { stroke: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu-compartilhamento ul li a:hover .icone path.fill, .menu-compartilhamento ul li a:focus .icone path.fill, .menu-compartilhamento ul li a:hover .icone polygon.fill, .menu-compartilhamento ul li a:focus .icone polygon.fill, .menu-compartilhamento ul li a:hover .icone circle.fill, .menu-compartilhamento ul li a:focus .icone circle.fill, .menu-compartilhamento ul li a:hover .icone rect.fill, .menu-compartilhamento ul li a:focus .icone rect.fill, .menu-compartilhamento ul li a:hover .icone line.fill, .menu-compartilhamento ul li a:focus .icone line.fill, .menu-compartilhamento ul li a:hover .icone polyline.fill, .menu-compartilhamento ul li a:focus .icone polyline.fill { fill: white; stroke-width: 0px; } .compartilhar { z-index: 99999; height: 100%; width: 100%; position: fixed; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; background: rgba(213, 185, 155, 0.9); left: 0px; top: 0px; } .compartilhar:after { content: ""; height: 100%; width: 100%; position: absolute; opacity: 0.1; left: 0px; top: 0px; background: url(../assets/images/noise.gif) center center repeat; } .compartilhar .wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 99; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .compartilhar .conteudo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 800px; max-width: 100%; height: 740px; max-height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url(../assets/images/splash.svg); background-size: 0%; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .compartilhar .conteudo > * { position: relative; z-index: 9; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; } .compartilhar .conteudo .btn { position: absolute; right: 1rem; top: 1rem; -webkit-transition: opacity 0.3s, color 0.3s; transition: opacity 0.3s, color 0.3s; -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .compartilhar .conteudo:after { content: ""; position: absolute; left: 50%; bottom: 0px; height: 75%; width: 75%; background-image: url(../assets/images/noise-centro-branco.gif); background-size: contain; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); opacity: 0.2; } .compartilhar .lettering { width: 70%; margin-bottom: 1rem; } .compartilhar .lettering path { fill: #F0EBE4; } .compartilhar .historia { text-align: center; margin-top: -2rem; } .compartilhar .historia .local { font-size: 1em; font-weight: 500; font-family: 'Oswald', sans-serif; margin: 0rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 31.25em) { .compartilhar .historia .local { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .compartilhar .historia .local { font-size: 1.125em; } } .compartilhar .historia .local span { margin-right: 0.5rem; } .compartilhar .historia .local svg { height: 22px; width: 22px; } .compartilhar .historia .intro { color: #F0EBE4; font-family: 'GothicJoker', sans-serif; font-size: 3em; margin: 0rem; line-height: 1; } @media screen and (min-width: 31.25em) { .compartilhar .historia .intro { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .compartilhar .historia .intro { font-size: 4em; } } .compartilhar .historia[data-categoria="0"] .local { color: #D5A47C; } .compartilhar .historia[data-categoria="0"] .local svg .fill { fill: #D5A47C; } .compartilhar .historia[data-categoria="1"] .local { color: #856124; } .compartilhar .historia[data-categoria="1"] .local svg .fill { fill: #856124; } .compartilhar .historia[data-categoria="2"] .local { color: #69644C; } .compartilhar .historia[data-categoria="2"] .local svg .fill { fill: #69644C; } .compartilhar .historia[data-categoria="3"] .local { color: #545F66; } .compartilhar .historia[data-categoria="3"] .local svg .fill { fill: #545F66; } .compartilhar .historia[data-categoria="4"] .local { color: #8D3941; } .compartilhar .historia[data-categoria="4"] .local svg .fill { fill: #8D3941; } .compartilhar .historia[data-categoria="5"] .local { color: #94482B; } .compartilhar .historia[data-categoria="5"] .local svg .fill { fill: #94482B; } .compartilhar .historia[data-categoria="6"] .local { color: #564B6E; } .compartilhar .historia[data-categoria="6"] .local svg .fill { fill: #564B6E; } .compartilhar .vitima { pointer-events: none; width: 80%; margin: 0 auto; } .compartilhar .vitima .nome { -webkit-filter: brightness(10); filter: brightness(10); } .compartilhar .menu-compartilhamento { margin-bottom: -2rem; } @media only screen and (min-width: 778px) { .compartilhar .btn { right: 7rem; top: 10rem; } .compartilhar .conteudo { padding: 0rem 10rem; } } .entrada { z-index: 99999; height: 100%; width: 100%; position: fixed; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; visibility: hidden; background: rgba(213, 185, 155, 0.9); left: 0px; top: 0px; } .entrada:after { content: ""; height: 100%; width: 100%; position: absolute; opacity: 0.1; left: 0px; top: 0px; background: url(../assets/images/noise.gif) center center repeat; } .entrada .wrap { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 99; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .entrada .conteudo { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 800px; max-width: 100%; height: 740px; max-height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url(../assets/images/splash-entrada.svg); background-size: 0%; background-position: center center; background-repeat: no-repeat; padding: 0rem 5rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .entrada .conteudo > * { position: relative; z-index: 9; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; } .entrada .conteudo:after { content: ""; position: absolute; left: 50%; bottom: 0px; height: 75%; width: 75%; background-image: url(../assets/images/noise-centro-branco.gif); background-size: contain; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); opacity: 0.2; } .entrada .lettering { width: 100%; margin-bottom: 1rem; } .entrada .lettering path { fill: #F0EBE4; } .entrada.ativo { opacity: 1; visibility: visible; } .entrada.ativo .conteudo { background-size: 100%; } .entrada.ativo .conteudo > * { opacity: 1; } @media only screen and (min-width: 992px) { .entrada .conteudo { padding: 0rem 10rem; } .entrada .lettering { width: 70%; } } /* Controladores */ #menu-mobile:checked ~ .head-bar { -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; } #menu-mobile:checked ~ * .btn-menu:before { -webkit-animation: menubeforeida 0.6s forwards; animation: menubeforeida 0.6s forwards; } #menu-mobile:checked ~ * .btn-menu:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #menu-mobile:checked ~ * .logo path, #menu-mobile:checked ~ * .logo polygon, #menu-mobile:checked ~ * .logo circle, #menu-mobile:checked ~ * .logo rect, #menu-mobile:checked ~ * .logo line, #menu-mobile:checked ~ * .logo polyline { fill: #F0EBE4; } #menu-mobile:checked ~ * .menu { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } #menu-historias { /*&:focus{ ~*{ .menu [for="menu-historias"]{ .tcla; &:after{ width: 75%; } } } }*/ } #menu-historias:checked ~ * .menu [for="menu-historias"] { color: #FF8855; } #menu-historias:checked ~ * .menu [for="menu-historias"]:after { width: 50%; } #menu-historias:checked ~ .menu-historias { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } #menu-historias:checked ~ .menu-historias .btn { -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; margin-right: 0%; } #menu-historias:checked ~ .menu-historias .historias-wrap { margin-right: 0%; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #menu-historias:checked ~ .menu-historias:after { right: 0%; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #audio ~ * .audio .on *, #audio ~ * .audio .off * { opacity: 0; } #audio ~ * .audio .on *:first-child { -webkit-animation: opacidade 0.2s forwards; animation: opacidade 0.2s forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } #audio ~ * .audio .on *:last-child { -webkit-animation: opacidade 0.2s forwards; animation: opacidade 0.2s forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #audio:focus ~ * .audio * { stroke: #FF8855; } #audio:checked ~ * .audio .on * { display: none; } #audio:checked ~ * .audio .off *:first-child { -webkit-animation: opacidade 0.2s forwards; animation: opacidade 0.2s forwards; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } #audio:checked ~ * .audio .off *:last-child { -webkit-animation: opacidade 0.2s forwards; animation: opacidade 0.2s forwards; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } #compartilhar:checked ~ #mainContent .compartilhar { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); } #compartilhar:checked ~ #mainContent .compartilhar .conteudo { background-size: 100%; -webkit-transition-delay: 0s; transition-delay: 0s; } #compartilhar:checked ~ #mainContent .compartilhar .conteudo > * { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } #compartilhar:checked ~ #mainContent .compartilhar .conteudo .btn { -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } /* Páginas */ .caso { background: url(../assets/images/pattern-terra-light.png), #F0EBE4; background-position: center center; background-repeat: repeat; overflow: hidden; } .caso .destaque { padding-top: 8rem; padding-bottom: 3rem; min-height: calc(100vh - 11rem); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .caso .destaque .local { font-size: 1em; font-weight: 500; font-family: 'Oswald', sans-serif; margin-bottom: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 31.25em) { .caso .destaque .local { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .destaque .local { font-size: 1.125em; } } .caso .destaque .local span { margin-right: 0.5rem; } .caso .destaque .local svg { height: 22px; width: 22px; } .caso .destaque .titulo { font-family: 'GothicJoker', sans-serif; font-weight: 400; font-size: 3em; text-transform: uppercase; margin-bottom: 1rem; line-height: 1; color: #3B1E1A; } @media screen and (min-width: 31.25em) { .caso .destaque .titulo { font-size: calc(3em + 2.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .destaque .titulo { font-size: 5.5em; } } .caso .destaque .autor { font-family: 'Piazzolla', serif; font-weight: 400; color: #3B1E1A; margin-bottom: 2rem; font-size: 0.8125em; font-style: italic; } @media screen and (min-width: 31.25em) { .caso .destaque .autor { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .destaque .autor { font-size: 0.875em; } } .caso .destaque .resumo { font-weight: 700; font-family: 'Piazzolla', serif; font-size: 1.125em; line-height: 1.25; } @media screen and (min-width: 31.25em) { .caso .destaque .resumo { font-size: calc(1.125em + 0.375 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .destaque .resumo { font-size: 1.5em; } } .caso .historia { padding-top: 2rem; padding-bottom: 5rem; } .caso .historia p, .caso .historia h5 { font-family: 'Piazzolla', serif; font-weight: 400; font-size: 1.125em; color: #3B1E1A; margin-bottom: 2rem; line-height: 1.5; } @media screen and (min-width: 31.25em) { .caso .historia p, .caso .historia h5 { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .historia p, .caso .historia h5 { font-size: 1.25em; } } .caso .historia p a, .caso .historia h5 a { color: #FF8855; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .caso .historia p a:hover, .caso .historia h5 a:hover, .caso .historia p a:focus, .caso .historia h5 a:focus { color: #D5B99B; text-decoration: underline; } .caso .historia p a:visited, .caso .historia h5 a:visited { color: #D5B99B; } .caso .historia span { font-family: 'Piazzolla', serif; font-weight: 400; font-size: 0.8125em; color: #3B1E1A; margin-bottom: 1rem; line-height: 1.25; font-style: italic; } @media screen and (min-width: 31.25em) { .caso .historia span { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .historia span { font-size: 0.875em; } } .caso .historia blockquote { position: relative; margin-top: 2rem; } .caso .historia blockquote p { font-size: 3em; font-family: 'GothicJoker', sans-serif; font-weight: 400; text-align: center; line-height: 1; position: relative; z-index: 9; padding-top: 3rem; padding-bottom: 2rem; } @media screen and (min-width: 31.25em) { .caso .historia blockquote p { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .historia blockquote p { font-size: 4em; } } .caso .historia blockquote p:before, .caso .historia blockquote p:after { content: ""; background-position: center center; background-size: contain; position: absolute; z-index: -1; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .caso .historia blockquote p:before { background-image: url('data:image/svg+xml;utf8, '); top: 0%; height: 80px; width: 68px; } .caso .historia blockquote p:after { background-image: url('data:image/svg+xml;utf8, '); bottom: 0%; height: 26px; width: 24px; } .caso .historia blockquote cite { display: block; font-family: 'Piazzolla', serif; font-weight: 400; font-size: 0.8125em; color: #3B1E1A; margin: 0rem; line-height: 1.25; text-align: center; margin-bottom: 3rem; font-style: italic; } @media screen and (min-width: 31.25em) { .caso .historia blockquote cite { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .historia blockquote cite { font-size: 0.875em; } } .caso .historia h4 { font-size: 3em; font-family: 'GothicJoker', sans-serif; font-weight: 400; text-align: center; line-height: 1; position: relative; z-index: 9; margin-top: 3rem; margin-bottom: 3rem; } @media screen and (min-width: 31.25em) { .caso .historia h4 { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .historia h4 { font-size: 4em; } } .caso .historia h5 { margin-top: 4rem; font-weight: 900; } .caso .lista-vitimas { position: fixed; width: 100%; z-index: 9; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); bottom: 0px; left: 0px; } .caso .lista-vitimas .wrap { position: relative; z-index: 9; } .caso .lista-vitimas .mapa { position: absolute; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: 0px; bottom: 0px; } .caso .lista-vitimas .mapa img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .caso .lista-vitimas .vitima .nome svg { max-height: 45px; } .caso .lista-vitimas .vitimas-slider { width: 50%; margin: 0 auto; } .caso .lista-vitimas .glide__slides { margin: 0rem auto; } .scrolled .caso .lista-vitimas .mapa { height: 60%; } .scrolled .caso .lista-vitimas .vitima { -webkit-transform: scale(0.9); transform: scale(0.9); } .scrollend .caso .lista-vitimas { -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); } .caso .lista-vitimas:hover .mapa, .caso .lista-vitimas:focus .mapa { height: 100%; } .caso .lista-vitimas:hover .vitima, .caso .lista-vitimas:focus .vitima { -webkit-transform: scale(1); transform: scale(1); } .caso .proximo { position: relative; padding-top: 3rem; padding-bottom: 3rem; z-index: 99; } .caso .proximo .local, .caso .proximo .titulo, .caso .proximo .btn { position: relative; z-index: 9; } .caso .proximo .local { font-size: 1em; font-weight: 500; font-family: 'Oswald', sans-serif; margin-bottom: 1rem; color: white; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 31.25em) { .caso .proximo .local { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .proximo .local { font-size: 1.125em; } } .caso .proximo .local span { margin-right: 0.5rem; } .caso .proximo .local svg { height: 22px; width: 22px; } .caso .proximo .local svg * { fill: white; } .caso .proximo .titulo { font-family: 'GothicJoker', sans-serif; font-weight: 400; font-size: 3em; text-transform: uppercase; margin-bottom: 1rem; line-height: 1; color: #D5B99B; } @media screen and (min-width: 31.25em) { .caso .proximo .titulo { font-size: calc(3em + 2.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .caso .proximo .titulo { font-size: 5.5em; } } .caso .proximo .mapa { position: absolute; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left: 0px; bottom: 0px; } .caso .proximo .mapa img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .caso .holder { position: relative; } .caso [data-categoria="0"] .tcdin, .caso [data-categoria="0"] blockquote p, .caso [data-categoria="0"] h4 { color: #D5A47C; } .caso [data-categoria="0"] .destaque .local svg .fill { fill: #D5A47C; } .caso [data-categoria="1"] .tcdin, .caso [data-categoria="1"] blockquote p, .caso [data-categoria="1"] h4 { color: #856124; } .caso [data-categoria="1"] .destaque .local svg .fill { fill: #856124; } .caso [data-categoria="2"] .tcdin, .caso [data-categoria="2"] blockquote p, .caso [data-categoria="2"] h4 { color: #69644C; } .caso [data-categoria="2"] .destaque .local svg .fill { fill: #69644C; } .caso [data-categoria="3"] .tcdin, .caso [data-categoria="3"] blockquote p, .caso [data-categoria="3"] h4 { color: #545F66; } .caso [data-categoria="3"] .destaque .local svg .fill { fill: #545F66; } .caso [data-categoria="4"] .tcdin, .caso [data-categoria="4"] blockquote p, .caso [data-categoria="4"] h4 { color: #8D3941; } .caso [data-categoria="4"] .destaque .local svg .fill { fill: #8D3941; } .caso [data-categoria="5"] .tcdin, .caso [data-categoria="5"] blockquote p, .caso [data-categoria="5"] h4 { color: #94482B; } .caso [data-categoria="5"] .destaque .local svg .fill { fill: #94482B; } .caso [data-categoria="6"] .tcdin, .caso [data-categoria="6"] blockquote p, .caso [data-categoria="6"] h4 { color: #564B6E; } .caso [data-categoria="6"] .destaque .local svg .fill { fill: #564B6E; } @media only screen and (min-width: 768px) { .caso .lista-vitimas .vitimas-slider { width: 33.3%; } } @media only screen and (min-width: 992px) { .caso .glide__bullets { display: none; } .caso .lista-vitimas .vitimas-slider { width: 100%; } } .expediente { background-color: #3B1E1A; position: relative; } .expediente:after { content: ""; height: 100%; width: 100%; position: absolute; opacity: 0.2; left: 0px; top: 0px; background: url(../assets/images/noise.gif) center center repeat; } .expediente .abertura { position: relative; padding-top: 6rem; padding-bottom: 2rem; } @media only screen and (min-width: 992px) { .expediente .abertura { padding-top: 10rem; } } .expediente .creditos { position: relative; padding-top: 3rem; } .expediente .creditos .lista-creditos { font-family: 'Piazzolla', serif; font-weight: 400; font-size: 1em; } @media screen and (min-width: 31.25em) { .expediente .creditos .lista-creditos { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .expediente .creditos .lista-creditos { font-size: 1.125em; } } .expediente .creditos .lista-creditos dt { margin: 0rem; color: #D5B99B; } .expediente .creditos .lista-creditos dd { margin: 0rem; margin-bottom: 0.5rem; color: #F0EBE4; } .expediente .creditos .dgb { padding-top: 8rem; padding-bottom: 8rem; background-image: url(../assets/images/splash.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; } .expediente .creditos .dgb svg { width: 50%; margin: 2rem auto; } .expediente .creditos .dgb svg path, .expediente .creditos .dgb svg polygon, .expediente .creditos .dgb svg circle, .expediente .creditos .dgb svg rect, .expediente .creditos .dgb svg line, .expediente .creditos .dgb svg polyline { fill: white; stroke-width: 0px; } .expediente .creditos .dgb svg path:last-child { fill: #BD1A1A; } .expediente .creditos > * { position: relative; z-index: 9; } .home { position: relative; } .home:before { content: ""; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-image: url(../assets/images/pattern-terra-light.png); background-position: center center; z-index: 9; } .home .guarda-clara { position: fixed; width: 60%; height: 100%; left: 0px; top: 0px; background-image: url(../assets/images/guarda-clara.svg); background-position: center right; background-size: cover; -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; } .home .guarda-escura { position: fixed; height: 100%; width: 60%; min-width: 1280px; right: 40%; top: 0px; background-image: url(../assets/images/guarda-escura.svg); background-position: right center; background-size: contain; background-repeat: no-repeat; -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; } .home .fundonomes { position: fixed; width: 100%; height: 500vh; right: 0; top: 0; background-image: url(../assets/images/fundonomes.gif); background-position: center top; background-repeat: no-repeat; background-size: cover; } .home > .btn { position: fixed; z-index: 999; left: 50%; bottom: 1rem; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .holder { position: relative; z-index: 99; } .home .partes { margin: 0 auto; max-width: 1280px; position: relative; z-index: 99; } .home .partes article { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100vh; padding-bottom: 2rem; padding-top: 5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .home .partes article .dados { height: 100%; padding: 0rem 2rem; width: 100%; } .home .partes article .dados .destaque { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50%; } .home .partes article .dados .destaque .valor { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 1rem; width: 100px; overflow: visible; } .home .partes article .dados .destaque .valor svg { height: 110px; max-width: none; } .home .partes article .dados .destaque .descricao { margin-top: 3rem; font-family: 'Piazzolla', serif; color: white; font-weight: 700; line-height: 1; font-size: 1.5em; } @media screen and (min-width: 31.25em) { .home .partes article .dados .destaque .descricao { font-size: calc(1.5em + 1.25 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .home .partes article .dados .destaque .descricao { font-size: 2.75em; } } .home .partes article .citacao { width: 35%; padding: 0rem 2rem; display: none; } .home .partes article .citacao blockquote { position: relative; padding-top: 2.5rem; padding-bottom: 1rem; margin: 0rem; margin-top: 2rem; } .home .partes article .citacao blockquote p { font-size: 3em; font-family: 'GothicJoker', sans-serif; font-weight: 400; text-align: center; color: #3B1E1A; line-height: 1; position: relative; z-index: 99; letter-spacing: -0.021em; } @media screen and (min-width: 31.25em) { .home .partes article .citacao blockquote p { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .home .partes article .citacao blockquote p { font-size: 4em; } } .home .partes article .citacao blockquote:before, .home .partes article .citacao blockquote:after { content: ""; background-position: center center; background-size: contain; position: absolute; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .partes article .citacao blockquote:before { background-image: url('data:image/svg+xml;utf8, '); top: 0%; height: 80px; width: 68px; } .home .partes article .citacao blockquote:after { background-image: url('data:image/svg+xml;utf8, '); bottom: 0%; height: 26px; width: 24px; } .home .partes article .avancar { width: 100%; max-width: 600px; margin: 0 auto; text-align: center; } .home .partes article .avancar .avancar-wrap { position: relative; } .home .partes article .avancar .avancar-wrap::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 110%; padding-bottom: 100%; background-image: url(../assets/images/splash-entrada.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .home .partes article .avancar .lettering { width: 50%; margin: 0 auto 1rem; } .home .partes article .avancar .lettering path { fill: #F0EBE4; } .home .marcadores { position: fixed; height: 100%; width: 100%; z-index: 9; left: 0px; top: 0px; padding-top: 5rem; padding-bottom: 2rem; pointer-events: none; } .home .marcadores .wrap { height: 100%; position: relative; } .home .marcadores .marcadores-vitimas { position: absolute; z-index: 99; top: 50%; width: calc(100% - 4rem); left: 2rem; height: 40%; } .home .marcadores .legendas { position: absolute; top: 50%; width: calc(100% - 4rem); left: 2rem; height: 40%; pointer-events: none; } .home .marcadores .legendas article { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 9; height: 100%; width: 100%; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .marcadores .legendas article:before { content: ""; position: absolute; z-index: -1; background-position: center center; background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home .marcadores .legendas article .categoria { padding: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50%; width: 20%; } .home .marcadores .legendas article .categoria .legenda { font-size: 1em; font-family: 'Oswald', sans-serif; font-weight: 500; color: #3B1E1A; text-align: center; line-height: 1; margin: 0rem; letter-spacing: -0.0188em; min-height: 36px; } @media screen and (min-width: 31.25em) { .home .marcadores .legendas article .categoria .legenda { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .home .marcadores .legendas article .categoria .legenda { font-size: 1.125em; } } .home .marcadores .legendas article .scrollTo { position: fixed; left: 50%; bottom: 1rem; z-index: 999; -webkit-transition: all 0.5s; transition: all 0.5s; } .home .marcadores .legendas article .scrollTo.fora { bottom: -2rem; opacity: 0; } .home .marcadores .legendas article.parte-1:before { width: 70%; height: 60%; left: 50%; top: 25%; background-image: url(../assets/images/intro-destaque_1.svg); } .home .marcadores .legendas article.parte-2:before { width: 40%; height: 70%; left: 18%; -webkit-transform: translate(-50%) rotate(90deg); transform: translate(-50%) rotate(90deg); top: 0%; background-image: url(../assets/images/intro-destaque_2e4.svg); } .home .marcadores .legendas article.parte-3:before { width: 50%; height: 70%; left: 20%; top: -15%; background-image: url(../assets/images/intro-destaque_3.svg); } .home .marcadores .legendas article.parte-4:before { width: 35%; height: 50%; left: 17%; top: -10%; background-image: url(../assets/images/intro-destaque_2e4.svg); } .home .marcadores .legendas article.parte-5:before { width: 35%; height: 50%; left: 50%; top: -10%; background-image: url(../assets/images/intro-destaque_5.svg); } .home .marcadores .legendas article.parte-4, .home .marcadores .legendas article.parte-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .marcadores .legendas article.parte-4 .categoria, .home .marcadores .legendas article.parte-5 .categoria { width: 33.33%; } .home .marcadores .legendas article.parte-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .home .marcadores .legendas article.parte-6:before { width: 70%; height: 100%; right: -40%; top: 10%; background-image: url(../assets/images/intro-destaque_6.svg); } .home .marcadores .legendas article.parte-6 .categoria { width: 10%; } .home [data-vitima] { pointer-events: all; width: 3%; padding-bottom: 3%; left: 0px; top: 0px; display: block; position: absolute; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .home [data-vitima]:nth-child(10n+1) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+2) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+3) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+4) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+5) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+6) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+7) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+8) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+9) { background-image: url('data:image/svg+xml;utf8, '); } .home [data-vitima]:nth-child(10n+10) { background-image: url('data:image/svg+xml;utf8, '); } .home[data-parte="1"] .marcadores .legendas article.parte-1 { visibility: visible; opacity: 1; } .home[data-parte="1"] [data-vitima] { left: 50%; top: 50%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="1"] [data-vitima][data-vitima="11"] { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .home[data-parte="1"] [data-vitima][data-vitima="21"] { -webkit-transform: translate(-30%, -175%); transform: translate(-30%, -175%); } .home[data-parte="1"] [data-vitima][data-vitima="31"] { -webkit-transform: translate(-30%, 75%); transform: translate(-30%, 75%); } .home[data-parte="1"] [data-vitima][data-vitima="32"] { -webkit-transform: translate(-150%, -40%); transform: translate(-150%, -40%); } .home[data-parte="1"] [data-vitima][data-vitima="33"] { -webkit-transform: translate(-155%, -164%); transform: translate(-155%, -164%); } .home[data-parte="1"] [data-vitima][data-vitima="41"] { -webkit-transform: translate(-160%, 100%); transform: translate(-160%, 100%); } .home[data-parte="1"] [data-vitima][data-vitima="51"] { -webkit-transform: translate(100%, -65%); transform: translate(100%, -65%); } .home[data-parte="1"] [data-vitima][data-vitima="52"] { -webkit-transform: translate(100%, -200%); transform: translate(100%, -200%); } .home[data-parte="1"] [data-vitima][data-vitima="53"] { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } .home[data-parte="1"] [data-vitima][data-vitima="61"] { -webkit-transform: translate(-75%, -275%); transform: translate(-75%, -275%); } .home[data-parte="1"] [data-vitima][data-vitima="62"] { -webkit-transform: translate(-150%, 225%); transform: translate(-150%, 225%); } .home[data-parte="1"] [data-vitima][data-vitima="63"] { -webkit-transform: translate(-190%, -320%); transform: translate(-190%, -320%); } .home[data-parte="1"] [data-vitima][data-vitima="64"] { -webkit-transform: translate(-290%, 100%); transform: translate(-290%, 100%); } .home[data-parte="1"] [data-vitima][data-vitima="65"] { -webkit-transform: translate(-365%, -130%); transform: translate(-365%, -130%); } .home[data-parte="1"] [data-vitima][data-vitima="66"] { -webkit-transform: translate(-260%, -200%); transform: translate(-260%, -200%); } .home[data-parte="1"] [data-vitima][data-vitima="71"] { -webkit-transform: translate(-320%, -285%); transform: translate(-320%, -285%); } .home[data-parte="1"] [data-vitima][data-vitima="72"] { -webkit-transform: translate(-385%, 25%); transform: translate(-385%, 25%); } .home[data-parte="1"] [data-vitima][data-vitima="81"] { -webkit-transform: translate(-265%, -60%); transform: translate(-265%, -60%); } .home[data-parte="1"] [data-vitima][data-vitima="91"] { -webkit-transform: translate(50%, -300%); transform: translate(50%, -300%); } .home[data-parte="1"] [data-vitima][data-vitima="101"] { -webkit-transform: translate(20%, 210%); transform: translate(20%, 210%); } .home[data-parte="1"] [data-vitima][data-vitima="111"] { -webkit-transform: translate(210%, -20%); transform: translate(210%, -20%); } .home[data-parte="1"] [data-vitima][data-vitima="121"] { -webkit-transform: translate(235%, -135%); transform: translate(235%, -135%); } .home[data-parte="1"] [data-vitima][data-vitima="131"] { -webkit-transform: translate(200%, -275%); transform: translate(200%, -275%); } .home[data-parte="1"] [data-vitima][data-vitima="141"] { -webkit-transform: translate(140%, 230%); transform: translate(140%, 230%); } .home[data-parte="1"] [data-vitima][data-vitima="151"] { -webkit-transform: translate(225%, 110%); transform: translate(225%, 110%); } .home[data-parte="1"] [data-vitima][data-vitima="161"] { -webkit-transform: translate(10%, -400%); transform: translate(10%, -400%); } .home[data-parte="1"] [data-vitima][data-vitima="171"] { -webkit-transform: translate(-260%, 260%); transform: translate(-260%, 260%); } .home[data-parte="1"] [data-vitima][data-vitima="181"] { -webkit-transform: translate(-115%, -400%); transform: translate(-115%, -400%); } .home[data-parte="1"] [data-vitima][data-vitima="191"] { -webkit-transform: translate(-360%, 210%); transform: translate(-360%, 210%); } .home[data-parte="1"] [data-vitima][data-vitima="192"] { -webkit-transform: translate(-60%, 290%); transform: translate(-60%, 290%); } .home[data-parte="1"] [data-vitima][data-vitima="201"] { -webkit-transform: translate(150%, -370%); transform: translate(150%, -370%); } .home[data-parte="2"] .marcadores .legendas article.parte-2 { visibility: visible; opacity: 1; } .home[data-parte="2"] [data-status] { top: 35%; } .home[data-parte="2"] [data-status="5"] { left: 10%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="2"] [data-status="4"] { left: 30%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="2"] [data-status="3"] { left: 50%; } .home[data-parte="2"] [data-status="2"] { left: 70%; } .home[data-parte="2"] [data-status="1"] { left: 90%; } .home[data-parte="2"] [data-vitima="11"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="2"] [data-vitima="31"] { -webkit-transform: translate(-130%, 5%); transform: translate(-130%, 5%); } .home[data-parte="2"] [data-vitima="71"] { -webkit-transform: translate(130%, -5%); transform: translate(130%, -5%); } .home[data-parte="2"] [data-vitima="72"] { -webkit-transform: translate(55%, 120%); transform: translate(55%, 120%); } .home[data-parte="2"] [data-vitima="91"] { -webkit-transform: translate(0%, -130%); transform: translate(0%, -130%); } .home[data-parte="2"] [data-vitima="151"] { -webkit-transform: translate(-100%, -110%); transform: translate(-100%, -110%); } .home[data-parte="2"] [data-vitima="191"] { -webkit-transform: translate(105%, -105%); transform: translate(105%, -105%); } .home[data-parte="2"] [data-vitima="192"] { -webkit-transform: translate(-50%, 120%); transform: translate(-50%, 120%); } .home[data-parte="2"] [data-vitima="21"] { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .home[data-parte="2"] [data-vitima="33"] { -webkit-transform: translate(-30%, -175%); transform: translate(-30%, -175%); } .home[data-parte="2"] [data-vitima="51"] { -webkit-transform: translate(-30%, 75%); transform: translate(-30%, 75%); } .home[data-parte="2"] [data-vitima="52"] { -webkit-transform: translate(-150%, -40%); transform: translate(-150%, -40%); } .home[data-parte="2"] [data-vitima="53"] { -webkit-transform: translate(-155%, -164%); transform: translate(-155%, -164%); } .home[data-parte="2"] [data-vitima="101"] { -webkit-transform: translate(-160%, 100%); transform: translate(-160%, 100%); } .home[data-parte="2"] [data-vitima="131"] { -webkit-transform: translate(100%, -65%); transform: translate(100%, -65%); } .home[data-parte="2"] [data-vitima="141"] { -webkit-transform: translate(100%, -200%); transform: translate(100%, -200%); } .home[data-parte="2"] [data-vitima="32"] { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } .home[data-parte="2"] [data-vitima="171"] { -webkit-transform: translate(-75%, -275%); transform: translate(-75%, -275%); } .home[data-parte="2"] [data-vitima="201"] { -webkit-transform: translate(-80%, 195%); transform: translate(-80%, 195%); } .home[data-parte="2"] [data-vitima="181"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="2"] [data-vitima="41"] { -webkit-transform: translate(-35%, 30%); transform: translate(-35%, 30%); } .home[data-parte="2"] [data-vitima="61"] { -webkit-transform: translate(-160%, 5%); transform: translate(-160%, 5%); } .home[data-parte="2"] [data-vitima="62"] { -webkit-transform: translate(160%, -5%); transform: translate(160%, -5%); } .home[data-parte="2"] [data-vitima="63"] { -webkit-transform: translate(5%, 160%); transform: translate(5%, 160%); } .home[data-parte="2"] [data-vitima="64"] { -webkit-transform: translate(0%, -160%); transform: translate(0%, -160%); } .home[data-parte="2"] [data-vitima="65"] { -webkit-transform: translate(-110%, -130%); transform: translate(-110%, -130%); } .home[data-parte="2"] [data-vitima="66"] { -webkit-transform: translate(135%, -135%); transform: translate(135%, -135%); } .home[data-parte="2"] [data-vitima="81"] { -webkit-transform: translate(-130%, 130%); transform: translate(-130%, 130%); } .home[data-parte="2"] [data-vitima="111"] { -webkit-transform: translate(120%, 122%); transform: translate(120%, 122%); } .home[data-parte="2"] [data-vitima="161"] { -webkit-transform: translate(45%, -45%); transform: translate(45%, -45%); } .home[data-parte="2"] [data-vitima="121"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="3"] .marcadores .legendas article.parte-3 { visibility: visible; opacity: 1; } .home[data-parte="3"] [data-idade] { top: 35%; } .home[data-parte="3"] [data-idade="1"] { left: 10%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="3"] [data-idade="2"] { left: 30%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="3"] [data-idade="3"] { left: 50%; } .home[data-parte="3"] [data-idade="4"] { left: 70%; } .home[data-parte="3"] [data-idade="desconhecida"] { left: 90%; } .home[data-parte="3"] [data-vitima="181"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="3"] [data-vitima="11"] { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } .home[data-parte="3"] [data-vitima="21"] { -webkit-transform: translate(-30%, -175%); transform: translate(-30%, -175%); } .home[data-parte="3"] [data-vitima="31"] { -webkit-transform: translate(-30%, 75%); transform: translate(-30%, 75%); } .home[data-parte="3"] [data-vitima="32"] { -webkit-transform: translate(-150%, -40%); transform: translate(-150%, -40%); } .home[data-parte="3"] [data-vitima="52"] { -webkit-transform: translate(-155%, -164%); transform: translate(-155%, -164%); } .home[data-parte="3"] [data-vitima="53"] { -webkit-transform: translate(-160%, 100%); transform: translate(-160%, 100%); } .home[data-parte="3"] [data-vitima="61"] { -webkit-transform: translate(100%, -65%); transform: translate(100%, -65%); } .home[data-parte="3"] [data-vitima="64"] { -webkit-transform: translate(100%, -200%); transform: translate(100%, -200%); } .home[data-parte="3"] [data-vitima="72"] { -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } .home[data-parte="3"] [data-vitima="91"] { -webkit-transform: translate(-75%, -275%); transform: translate(-75%, -275%); } .home[data-parte="3"] [data-vitima="131"] { -webkit-transform: translate(-80%, 195%); transform: translate(-80%, 195%); } .home[data-parte="3"] [data-vitima="141"] { -webkit-transform: translate(-190%, -320%); transform: translate(-190%, -320%); } .home[data-parte="3"] [data-vitima="161"] { -webkit-transform: translate(-290%, 100%); transform: translate(-290%, 100%); } .home[data-parte="3"] [data-vitima="171"] { -webkit-transform: translate(-285%, -70%); transform: translate(-285%, -70%); } .home[data-parte="3"] [data-vitima="192"] { -webkit-transform: translate(-260%, -200%); transform: translate(-260%, -200%); } .home[data-parte="3"] [data-vitima="33"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="3"] [data-vitima="41"] { -webkit-transform: translate(-130%, 5%); transform: translate(-130%, 5%); } .home[data-parte="3"] [data-vitima="51"] { -webkit-transform: translate(130%, -5%); transform: translate(130%, -5%); } .home[data-parte="3"] [data-vitima="62"] { -webkit-transform: translate(5%, 130%); transform: translate(5%, 130%); } .home[data-parte="3"] [data-vitima="71"] { -webkit-transform: translate(0%, -130%); transform: translate(0%, -130%); } .home[data-parte="3"] [data-vitima="81"] { -webkit-transform: translate(-100%, -110%); transform: translate(-100%, -110%); } .home[data-parte="3"] [data-vitima="101"] { -webkit-transform: translate(105%, -105%); transform: translate(105%, -105%); } .home[data-parte="3"] [data-vitima="151"] { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .home[data-parte="3"] [data-vitima="191"] { -webkit-transform: translate(110%, 112%); transform: translate(110%, 112%); } .home[data-parte="3"] [data-vitima="111"] { -webkit-transform: translate(-60%, -60%); transform: translate(-60%, -60%); } .home[data-parte="3"] [data-vitima="121"] { -webkit-transform: translate(60%, -60%); transform: translate(60%, -60%); } .home[data-parte="3"] [data-vitima="201"] { -webkit-transform: translate(0%, 60%); transform: translate(0%, 60%); } .home[data-parte="3"] [data-vitima="63"] { -webkit-transform: translate(-50%, 70%); transform: translate(-50%, 70%); } .home[data-parte="3"] [data-vitima="65"] { -webkit-transform: translate(70%, 65%); transform: translate(70%, 65%); } .home[data-parte="3"] [data-vitima="66"] { -webkit-transform: translate(-5%, -55%); transform: translate(-5%, -55%); } .home[data-parte="4"] [data-motivacao="5"], .home[data-parte="5"] [data-motivacao="5"] { left: 16.66%; top: 15%; } .home[data-parte="4"] [data-motivacao="3"], .home[data-parte="5"] [data-motivacao="3"] { left: 49.99%; top: 15%; } .home[data-parte="4"] [data-motivacao="2"], .home[data-parte="5"] [data-motivacao="2"] { left: 83.32%; top: 15%; } .home[data-parte="4"] [data-motivacao="6"], .home[data-parte="5"] [data-motivacao="6"] { left: 16.66%; top: 65%; } .home[data-parte="4"] [data-motivacao="4"], .home[data-parte="5"] [data-motivacao="4"] { left: 49.99%; top: 65%; } .home[data-parte="4"] [data-motivacao="1"], .home[data-parte="5"] [data-motivacao="1"] { left: 83.32%; top: 65%; } .home[data-parte="4"] [data-vitima="11"], .home[data-parte="5"] [data-vitima="11"] { -webkit-transform: translate(-60%, -40%); transform: translate(-60%, -40%); } .home[data-parte="4"] [data-vitima="21"], .home[data-parte="5"] [data-vitima="21"] { -webkit-transform: translate(60%, -45%); transform: translate(60%, -45%); } .home[data-parte="4"] [data-vitima="31"], .home[data-parte="5"] [data-vitima="31"] { -webkit-transform: translate(0%, 60%); transform: translate(0%, 60%); } .home[data-parte="4"] [data-vitima="32"], .home[data-parte="5"] [data-vitima="32"] { -webkit-transform: translate(-70%, 160%); transform: translate(-70%, 160%); } .home[data-parte="4"] [data-vitima="33"], .home[data-parte="5"] [data-vitima="33"] { -webkit-transform: translate(70%, 165%); transform: translate(70%, 165%); } .home[data-parte="4"] [data-vitima="71"], .home[data-parte="5"] [data-vitima="71"] { -webkit-transform: translate(5%, -160%); transform: translate(5%, -160%); } .home[data-parte="4"] [data-vitima="72"], .home[data-parte="5"] [data-vitima="72"] { -webkit-transform: translate(-165%, 0%); transform: translate(-165%, 0%); } .home[data-parte="4"] [data-vitima="91"], .home[data-parte="5"] [data-vitima="91"] { -webkit-transform: translate(150%, 75%); transform: translate(150%, 75%); } .home[data-parte="4"] [data-vitima="101"], .home[data-parte="5"] [data-vitima="101"] { -webkit-transform: translate(-145%, -155%); transform: translate(-145%, -155%); } .home[data-parte="4"] [data-vitima="131"], .home[data-parte="5"] [data-vitima="131"] { -webkit-transform: translate(140%, -170%); transform: translate(140%, -170%); } .home[data-parte="4"] [data-vitima="141"], .home[data-parte="5"] [data-vitima="141"] { -webkit-transform: translate(185%, -45%); transform: translate(185%, -45%); } .home[data-parte="4"] [data-vitima="151"], .home[data-parte="5"] [data-vitima="151"] { -webkit-transform: translate(-175%, 135%); transform: translate(-175%, 135%); } .home[data-parte="4"] [data-vitima="51"], .home[data-parte="5"] [data-vitima="51"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="4"] [data-vitima="52"], .home[data-parte="5"] [data-vitima="52"] { -webkit-transform: translate(-130%, 5%); transform: translate(-130%, 5%); } .home[data-parte="4"] [data-vitima="53"], .home[data-parte="5"] [data-vitima="53"] { -webkit-transform: translate(130%, -5%); transform: translate(130%, -5%); } .home[data-parte="4"] [data-vitima="121"], .home[data-parte="5"] [data-vitima="121"] { -webkit-transform: translate(5%, 130%); transform: translate(5%, 130%); } .home[data-parte="4"] [data-vitima="161"], .home[data-parte="5"] [data-vitima="161"] { -webkit-transform: translate(0%, -130%); transform: translate(0%, -130%); } .home[data-parte="4"] [data-vitima="171"], .home[data-parte="5"] [data-vitima="171"] { -webkit-transform: translate(-100%, -110%); transform: translate(-100%, -110%); } .home[data-parte="4"] [data-vitima="181"], .home[data-parte="5"] [data-vitima="181"] { -webkit-transform: translate(105%, -105%); transform: translate(105%, -105%); } .home[data-parte="4"] [data-vitima="191"], .home[data-parte="5"] [data-vitima="191"] { -webkit-transform: translate(-100%, 100%); transform: translate(-100%, 100%); } .home[data-parte="4"] [data-vitima="192"], .home[data-parte="5"] [data-vitima="192"] { -webkit-transform: translate(110%, 112%); transform: translate(110%, 112%); } .home[data-parte="4"] [data-vitima="41"], .home[data-parte="5"] [data-vitima="41"] { -webkit-transform: translate(0%, -150%); transform: translate(0%, -150%); } .home[data-parte="4"] [data-vitima="61"], .home[data-parte="5"] [data-vitima="61"] { -webkit-transform: translate(110%, -80%); transform: translate(110%, -80%); } .home[data-parte="4"] [data-vitima="62"], .home[data-parte="5"] [data-vitima="62"] { -webkit-transform: translate(65%, 50%); transform: translate(65%, 50%); } .home[data-parte="4"] [data-vitima="64"], .home[data-parte="5"] [data-vitima="64"] { -webkit-transform: translate(-55%, 55%); transform: translate(-55%, 55%); } .home[data-parte="4"] [data-vitima="81"], .home[data-parte="5"] [data-vitima="81"] { -webkit-transform: translate(-110%, -80%); transform: translate(-110%, -80%); } .home[data-parte="4"] [data-vitima="63"], .home[data-parte="5"] [data-vitima="63"] { -webkit-transform: translate(-60%, -60%); transform: translate(-60%, -60%); } .home[data-parte="4"] [data-vitima="65"], .home[data-parte="5"] [data-vitima="65"] { -webkit-transform: translate(60%, -60%); transform: translate(60%, -60%); } .home[data-parte="4"] [data-vitima="66"], .home[data-parte="5"] [data-vitima="66"] { -webkit-transform: translate(0%, 60%); transform: translate(0%, 60%); } .home[data-parte="4"] [data-vitima="201"], .home[data-parte="5"] [data-vitima="201"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="4"] [data-vitima="111"], .home[data-parte="5"] [data-vitima="111"] { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .home[data-parte="4"] .marcadores .legendas article.parte-4 { visibility: visible; opacity: 1; } .home[data-parte="4"] [data-motivacao="5"] { -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="5"] .marcadores .legendas article.parte-5 { visibility: visible; opacity: 1; } .home[data-parte="5"] [data-motivacao="3"] { -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] .marcadores .legendas article.parte-6 { visibility: visible; opacity: 1; } .home[data-parte="6"] [data-local] { bottom: 3rem; top: unset; } .home[data-parte="6"] [data-local="BA"] { left: 5%; } .home[data-parte="6"] [data-local="PE"] { left: 15%; } .home[data-parte="6"] [data-local="PR"] { left: 25%; } .home[data-parte="6"] [data-local="SP"] { left: 35%; } .home[data-parte="6"] [data-local="AP"] { left: 45%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-local="RO"] { left: 55%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-local="MT"] { left: 65%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-local="MA"] { left: 75%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-local="AM"] { left: 85%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-local="PA"] { left: 95%; -webkit-filter: brightness(1); filter: brightness(1); } .home[data-parte="6"] [data-vitima][data-vitima="41"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="91"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="181"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="111"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="121"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="21"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="11"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="131"] { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } .home[data-parte="6"] [data-vitima][data-vitima="81"] { -webkit-transform: translate(-50%, -240%); transform: translate(-50%, -240%); } .home[data-parte="6"] [data-vitima][data-vitima="161"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="191"] { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } .home[data-parte="6"] [data-vitima][data-vitima="192"] { -webkit-transform: translate(-50%, -240%); transform: translate(-50%, -240%); } .home[data-parte="6"] [data-vitima][data-vitima="201"] { -webkit-transform: translate(-50%, -360%); transform: translate(-50%, -360%); } .home[data-parte="6"] [data-vitima][data-vitima="51"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="52"] { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } .home[data-parte="6"] [data-vitima][data-vitima="53"] { -webkit-transform: translate(-50%, -240%); transform: translate(-50%, -240%); } .home[data-parte="6"] [data-vitima][data-vitima="71"] { -webkit-transform: translate(-50%, -360%); transform: translate(-50%, -360%); } .home[data-parte="6"] [data-vitima][data-vitima="72"] { -webkit-transform: translate(-50%, -480%); transform: translate(-50%, -480%); } .home[data-parte="6"] [data-vitima][data-vitima="171"] { -webkit-transform: translate(-50%, -600%); transform: translate(-50%, -600%); } .home[data-parte="6"] [data-vitima][data-vitima="31"] { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .home[data-parte="6"] [data-vitima][data-vitima="32"] { -webkit-transform: translate(-50%, -120%); transform: translate(-50%, -120%); } .home[data-parte="6"] [data-vitima][data-vitima="33"] { -webkit-transform: translate(-50%, -240%); transform: translate(-50%, -240%); } .home[data-parte="6"] [data-vitima][data-vitima="61"] { -webkit-transform: translate(-50%, -360%); transform: translate(-50%, -360%); } .home[data-parte="6"] [data-vitima][data-vitima="62"] { -webkit-transform: translate(-50%, -480%); transform: translate(-50%, -480%); } .home[data-parte="6"] [data-vitima][data-vitima="63"] { -webkit-transform: translate(-50%, -600%); transform: translate(-50%, -600%); } .home[data-parte="6"] [data-vitima][data-vitima="64"] { -webkit-transform: translate(-50%, -720%); transform: translate(-50%, -720%); } .home[data-parte="6"] [data-vitima][data-vitima="65"] { -webkit-transform: translate(-50%, -840%); transform: translate(-50%, -840%); } .home[data-parte="6"] [data-vitima][data-vitima="66"] { -webkit-transform: translate(-50%, -960%); transform: translate(-50%, -960%); } .home[data-parte="6"] [data-vitima][data-vitima="101"] { -webkit-transform: translate(-50%, -1080%); transform: translate(-50%, -1080%); } .home[data-parte="6"] [data-vitima][data-vitima="141"] { -webkit-transform: translate(-50%, -1200%); transform: translate(-50%, -1200%); } .home[data-parte="6"] [data-vitima][data-vitima="151"] { -webkit-transform: translate(-50%, -1320%); transform: translate(-50%, -1320%); } .home[data-parte="7"] [data-vitima] { left: -5000%; bottom: 3rem; top: auto; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 0; } .home[data-parte="7"] .guarda-clara, .home[data-parte="7"] .guarda-escura { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } @media only screen and (min-width: 992px) { .home .partes article { padding-top: 8rem; } .home .partes article .dados { width: 50%; } .home .partes article .dados .destaque .valor { width: 180px; } .home .partes article .dados .destaque .valor svg { height: 200px; } .home .partes article .dados .destaque .descricao { margin-top: 5rem; } .home .partes article .dados .distribuicao .categoria { width: 20%; } .home .partes article .citacao { display: block; } .home .partes article.parte-1 .dados .distribuicao:before { left: 50%; top: 25%; } .home .partes article.parte-2 .dados .distribuicao:before { left: 10%; top: -5%; } .home .partes article.parte-3 .dados .distribuicao:before { left: 15%; top: -15%; } .home .partes article.parte-4 .dados .distribuicao:before { left: 16%; top: -5%; } .home .partes article.parte-5 .dados .distribuicao:before { left: 50%; top: -15%; } .home .partes article.parte-4 .dados .distribuicao, .home .partes article.parte-5 .dados .distribuicao { -ms-flex-wrap: wrap; flex-wrap: wrap; } .home .partes article.parte-4 .dados .distribuicao .categoria, .home .partes article.parte-5 .dados .distribuicao .categoria { width: 33.33%; } .home .partes article.parte-6 .dados .distribuicao:before { right: -8%; top: 0rem; } .home .marcadores { padding-top: 8rem; } .home .marcadores .marcadores-vitimas, .home .marcadores .legendas { width: calc(50% - 4rem); } } .c_home ~ .foot-bar { display: none; } .introducao { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; overflow-y: scroll; overflow-x: hidden; } .introducao .veu { position: fixed; left: 0px; top: 0px; width: 100%; height: 100vh; overflow: hidden; pointer-events: none; -webkit-perspective: 1000px; perspective: 1000px; z-index: 99999; } .introducao .veu .titulo { position: absolute; font-family: 'Piazzolla', serif; color: white; font-weight: 500; margin: 0rem; text-align: center; padding-left: 1rem; padding-right: 1rem; z-index: 999; width: 100%; font-size: 1.5em; bottom: 6rem; left: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; } @media screen and (min-width: 31.25em) { .introducao .veu .titulo { font-size: calc(1.5em + 0.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .introducao .veu .titulo { font-size: 2em; } } .introducao .veu .titulo.fora { bottom: -2rem; opacity: 0; } .introducao .veu .mascara { position: relative; z-index: 99; height: 100%; width: 100%; } .introducao .veu .mascara svg { position: absolute; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.01); transform: translate(-50%, -50%) scale(1.01); max-width: none; } .introducao .veu .mascara svg .noise > * { fill: url(#pattern-noise); fill-opacity: 0.2; } .introducao .veu .terra { width: 100%; position: absolute; z-index: 9; left: 0px; top: 0; height: 100%; } .introducao .veu .terra svg { max-width: none; min-height: 100vh; min-width: 100%; width: 1200px; } .introducao .veu .terra svg g:first-child > * { fill: #D5A47C; } .introducao .veu .terra svg g:last-child > * { fill: url(#pattern-noise); fill-opacity: 0.2; } @media only screen and (min-width: 800px) { .introducao .veu .mascara svg { height: 150%; } } @media only screen and (min-width: 1980px) { .introducao .veu .mascara svg { width: 100%; height: auto; } } .introducao .logo { position: fixed; left: 50%; top: 1rem; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); width: 150px; z-index: 999; } .introducao .logo * { fill: #F0EBE4; -webkit-transition: fill 0.5s; transition: fill 0.5s; } .introducao .logo.escuro * { fill: #29110E; } .introducao .scrollTo { position: fixed; left: 50%; bottom: 1rem; z-index: 999999; -webkit-transition: all 0.5s; transition: all 0.5s; } .introducao .scrollTo.fora { bottom: -2rem; opacity: 0; } .introducao .iniciar { min-height: 80vh; text-align: center; font-size: 1em; margin-bottom: 3rem; pointer-events: all; } @media screen and (min-width: 31.25em) { .introducao .iniciar { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .introducao .iniciar { font-size: 1.125em; } } .introducao .iniciar .iniciar-wrap { position: relative; } .introducao .iniciar .iniciar-wrap::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 140%; padding-bottom: 70%; background-image: url(../assets/images/splash_intro.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: -1; } .introducao .fundonomes { position: fixed; width: 100%; height: 400vh; right: 0; top: 0; background-image: url(../assets/images/fundonomes.gif); background-position: center top; background-repeat: no-repeat; background-size: cover; } .introducao .holder { width: 100%; position: relative; z-index: 9999; -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; } .introducao section { position: relative; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; width: 600px; max-width: 100%; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .introducao:before { content: ""; width: 100%; height: 100%; position: fixed; z-index: 99; left: 0px; top: 0px; background-image: url(../assets/images/pattern-terra-light.png); background-position: center center; } .introducao ~ .foot-bar { display: none; } .introducao:not(.ready) + main { display: none !important; } .introducao.ready { display: none; } .podcasts .podcasts-hero { padding-top: 10rem; padding-bottom: 10rem; position: relative; background: url(../assets/images/fundonomes.gif), #D5B99B; } .podcasts .podcasts-hero:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-image: url(../assets/images/pattern-terra-light.png); background-position: center center; } .podcasts .podcasts-hero .cova-bckgnd { position: absolute; width: 100%; left: 50%; top: 110%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .podcasts .podcasts-hero .cova-bckgnd text { -webkit-transform: translate(50.3px, 164.4px); transform: translate(50.3px, 164.4px); font-size: 200px; font-family: 'GothicJoker', sans-serif; } .podcasts .podcasts-hero .cova-bckgnd text.pattern { fill: url(#pattern-terra); } .podcasts .podcasts-hero .cova-bckgnd text.color { fill: #F0EBE4; } .podcasts .podcasts-hero .cova-bckgnd .ls0 { letter-spacing: 0em; } .podcasts .podcasts-hero .cova-bckgnd .ls001 { letter-spacing: -0.01em; } .podcasts .podcasts-hero .cova-bckgnd .ls002 { letter-spacing: -0.02em; } .podcasts .podcasts-hero .cova-bckgnd .ls003 { letter-spacing: -0.03em; } .podcasts .podcasts-hero .cova-bckgnd .ls005 { letter-spacing: -0.05em; } .podcasts .podcasts-hero h2 { position: relative; z-index: 9; } .podcasts .podcasts-conteudo { background: url(../assets/images/pattern-terra-light.png), #F0EBE4; background-position: center center; background-repeat: repeat; padding-top: 1rem; padding-bottom: 4rem; position: relative; } .podcasts .podcasts-conteudo:before { content: ""; position: absolute; width: 100%; left: 0px; bottom: 99%; background-image: url(../assets/images/podcast-topo.svg); background-position: center top; background-size: cover; height: 12vw; } .podcasts .podcasts-conteudo:after { content: ""; position: absolute; width: 100%; left: 0px; bottom: 99%; background-image: url(../assets/images/pattern-terra-light.png); background-position: center top; background-size: cover; height: 12vw; -webkit-mask-image: url(../assets/images/podcast-topo.svg); mask-image: url(../assets/images/podcast-topo.svg); -webkit-mask-position: center top; mask-position: center top; -webkit-mask-size: cover; mask-size: cover; } .podcasts .podcasts-conteudo > .wrap { position: relative; z-index: 9; } .podcasts .podcasts-conteudo .ornamento-topo { position: absolute; width: 100%; left: 0px; bottom: 100%; } .podcasts .podcasts-conteudo .ornamento-topo svg { display: block; } .podcasts .podcasts-conteudo .ornamento-topo svg:first-child * { fill: #F0EBE4; } .podcasts .podcasts-conteudo .ornamento-topo svg:last-child { position: absolute; left: 0px; bottom: 0px; } .podcasts .podcasts-conteudo .ornamento-topo svg:last-child * { fill: url(#pattern-terra); } .podcasts .podcasts-conteudo .podcasts-players { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 2rem); margin-left: -1rem; margin-right: -1rem; margin-bottom: 4rem; } .podcasts .podcasts-conteudo .podcasts-players li { display: block; margin: 0.5rem; min-width: calc(33.33% - 1rem); } .podcasts .podcasts-conteudo .podcasts-players li a { display: block; } .podcasts .podcasts-conteudo .podcasts-players li a[href*=castbox] svg { max-height: 28px; } .podcasts .podcasts-conteudo .podcasts-players svg { max-height: 24px; } .podcasts .podcasts-conteudo .podcasts-players svg path, .podcasts .podcasts-conteudo .podcasts-players svg polygon, .podcasts .podcasts-conteudo .podcasts-players svg circle, .podcasts .podcasts-conteudo .podcasts-players svg rect, .podcasts .podcasts-conteudo .podcasts-players svg line, .podcasts .podcasts-conteudo .podcasts-players svg polyline { fill: #3B1E1A; } .podcasts .podcasts-conteudo .podcasts-lista { background-color: white; position: relative; margin-top: calc(5vw + 2rem); margin-bottom: calc(10vw + 1rem); padding: 1rem; } .podcasts .podcasts-conteudo .podcasts-lista li { display: block; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; text-align: center; } .podcasts .podcasts-conteudo .podcasts-lista li p { font-family: 'Piazzolla', serif; line-height: 1; color: #29110E; margin: 0rem; margin-bottom: 0.5rem; } .podcasts .podcasts-conteudo .podcasts-lista li .numero { font-weight: 500; text-transform: uppercase; font-size: 0.8125em; } @media screen and (min-width: 31.25em) { .podcasts .podcasts-conteudo .podcasts-lista li .numero { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .podcasts .podcasts-conteudo .podcasts-lista li .numero { font-size: 0.875em; } } .podcasts .podcasts-conteudo .podcasts-lista li .titulo { font-weight: 900; font-size: 1.125em; } @media screen and (min-width: 31.25em) { .podcasts .podcasts-conteudo .podcasts-lista li .titulo { font-size: calc(1.125em + 0.375 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .podcasts .podcasts-conteudo .podcasts-lista li .titulo { font-size: 1.5em; } } .podcasts .podcasts-conteudo .podcasts-lista li .data { font-weight: 500; font-size: 1.125em; color: #FF8855; } @media screen and (min-width: 31.25em) { .podcasts .podcasts-conteudo .podcasts-lista li .data { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .podcasts .podcasts-conteudo .podcasts-lista li .data { font-size: 1.25em; } } .podcasts .podcasts-conteudo .podcasts-lista li iframe { width: 100%; height: 90px; margin-top: 1rem; margin-bottom: 1rem; } .podcasts .podcasts-conteudo .podcasts-lista:before, .podcasts .podcasts-conteudo .podcasts-lista:after { content: ""; position: absolute; width: 100%; left: 0px; background-size: cover; background-repeat: no-repeat; } .podcasts .podcasts-conteudo .podcasts-lista:before { background-position: top center; background-image: url('data:image/svg+xml;utf8, '); bottom: 100%; height: 5vw; } .podcasts .podcasts-conteudo .podcasts-lista:after { background-position: bottom center; background-image: url('data:image/svg+xml;utf8, '); top: 100%; height: 10vw; } .podcasts .lista-creditos { font-family: 'Piazzolla', serif; font-weight: 400; font-size: 1.125em; } @media screen and (min-width: 31.25em) { .podcasts .lista-creditos { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .podcasts .lista-creditos { font-size: 1.25em; } } .podcasts .lista-creditos dt { margin: 0rem; color: #D5B99B; } .podcasts .lista-creditos dd { margin: 0rem; margin-bottom: 1rem; } .podcasts .lista-creditos .link { color: #FF8855; } @media only screen and (min-width: 992px) { .podcasts .podcasts-hero .cova-bckgnd { width: 75%; top: 65%; } .podcasts .podcasts-conteudo .podcasts-players li { margin: 1rem; min-width: calc(20% - 2rem); } .podcasts .podcasts-conteudo .podcasts-lista { padding-left: 2rem; padding-right: 2rem; } } .reportagens { background-image: url(../assets/images/background-splashs.jpg); background-position: center center; background-size: cover; background-attachment: fixed; position: relative; overflow: hidden; padding-top: 5rem; } .reportagens > * { position: relative; z-index: 9; } .reportagens:before, .reportagens:after { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; } .reportagens:before { opacity: 0.5; background-image: url(../assets/images/noise-canto.gif); background-position: top right; background-repeat: no-repeat; } .reportagens:after { opacity: 0.2; background-image: url(../assets/images/noise.gif); background-position: center center; background-repeat: repeat; } .reportagens .glide__slides { overflow: visible; } .reportagens .nav-slider { display: none; } @media only screen and (max-width: 991px) { .reportagens .glide__slides { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 992px) { .reportagens { padding-top: 8rem; min-height: calc(100vh - 10rem); } .reportagens .nav-slider { display: block; } .reportagens .reportagens-slider { width: 85%; margin: 0 auto; } } .reportagem { display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .reportagem figure { overflow: hidden; position: relative; } .reportagem figure:before { content: ""; width: 100%; display: block; padding-bottom: 56.5%; } .reportagem figure img { position: absolute; height: 100%; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 0px; left: 0px; -o-object-fit: cover; object-fit: cover; } .reportagem .conteudo { padding: 1rem; position: relative; z-index: 99; min-height: 220px; margin-top: -3rem; } .reportagem .conteudo h2 { font-size: 3em; font-family: 'GothicJoker', sans-serif; font-weight: 400; text-transform: uppercase; color: #F0EBE4; line-height: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } @media screen and (min-width: 31.25em) { .reportagem .conteudo h2 { font-size: calc(3em + 2.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .reportagem .conteudo h2 { font-size: 5.5em; } } .reportagem .conteudo p { font-size: 1.125em; font-family: 'Piazzolla', serif; color: #F0EBE4; font-weight: 400; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } @media screen and (min-width: 31.25em) { .reportagem .conteudo p { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .reportagem .conteudo p { font-size: 1.25em; } } .reportagem .conteudo .btn { opacity: 0; } .reportagem .conteudo:after { content: ""; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: calc(100% + 1.5rem); top: -8rem; left: -0.75rem; background-image: url(../assets/images/bck-reportagem-mobile.svg); background-size: contain; background-repeat: no-repeat; background-position: center top; padding-bottom: 90%; z-index: -1; opacity: 0; } .reportagem:hover, .reportagem:focus { -webkit-transform: translate(0%, -2rem); transform: translate(0%, -2rem); } .reportagem:hover figure img, .reportagem:focus figure img { -webkit-transform: scale(1.1); transform: scale(1.1); } .reportagem:hover .conteudo .btn, .reportagem:focus .conteudo .btn { opacity: 1; } .reportagem:hover .conteudo:after, .reportagem:focus .conteudo:after { top: -5rem; opacity: 1; } @media only screen and (min-width: 540px) { .reportagem:hover .conteudo:after, .reportagem:focus .conteudo:after { top: -12rem; } } @media only screen and (min-width: 992px) { .reportagem .conteudo { min-height: 300px; } .reportagem .conteudo h2 { -webkit-line-clamp: 2; overflow: hidden; } .reportagem .conteudo p { -webkit-line-clamp: 5; overflow: hidden; } .reportagem:after { background-image: url(../assets/images/bck-reportagem.svg); padding-bottom: 109%; } .reportagem:hover .conteudo:after, .reportagem:focus .conteudo:after { top: -3rem; } } .vitimas { background-image: url(../assets/images/background-splashs.jpg); background-position: center center; background-size: cover; background-attachment: fixed; background-color: #3B1E1A; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 2rem; min-height: 100vh; } .vitimas > * { position: relative; z-index: 9; } .vitimas:before, .vitimas:after { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; } .vitimas:before { opacity: 0.5; background-image: url(../assets/images/noise-canto.gif); background-position: top right; background-repeat: no-repeat; } .vitimas:after { opacity: 0.2; background-image: url(../assets/images/noise.gif); background-position: center center; background-repeat: repeat; } .vitimas .ornamentos { position: absolute; left: 0px; bottom: 0px; } .vitimas .menu-vitimas { overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem; padding-bottom: 1rem; width: 100%; cursor: -webkit-grab; cursor: grab; } .vitimas .menu-vitimas:before, .vitimas .menu-vitimas:after { content: ""; height: 100%; display: block; width: calc((100vw - 1280px)/2); } .vitimas .menu-vitimas > li { height: auto; width: 50%; max-width: 375px; padding: 0.5rem; display: inline-block; } .vitimas .menu-vitimas > li:nth-child(3n+1) { margin-bottom: 2rem; } .vitimas .menu-vitimas > li:nth-child(3n+2) { margin-bottom: 0.5rem; } .vitimas .menu-vitimas > li:nth-child(3n+3) { margin-bottom: -1rem; } .vitimas .menu-vitimas > li:nth-child(3n+4) { margin-bottom: 3rem; } .vitimas .menu-vitimas > li:nth-child(3n+5) { margin-bottom: 1rem; } .vitimas .menu-vitimas::-webkit-scrollbar, .vitimas .menu-vitimas::-webkit-scrollbar-thumb { height: 0px; width: 0px; } .vitimas [for="filtrar"] { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-height: 100px; } .vitimas > [for="filtrar"] { position: fixed; width: 100%; left: 0px; bottom: 0px; } .vitimas .filtro { background-color: #29110E; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: fixed; -webkit-transform: translate(0px, 100%); transform: translate(0px, 100%); left: 0px; bottom: 0px; width: 100%; } .vitimas .filtro > * { padding-top: 1rem; padding-bottom: 1rem; } .vitimas .filtro .col-xs-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vitimas .filtro .col-xs-12 > * { margin: 0.25rem 0rem; } .vitimas .filtro .botoes { margin-top: 1rem; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vitimas .filtro .botoes .btn { margin-left: 0.5rem; margin-right: 0.5rem; } .vitimas .filtro .buscar { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .vitimas #filtrar:checked ~ .filtro { -webkit-transform: translate(0px, 0%); transform: translate(0px, 0%); } @media only screen and (min-width: 992px) { .vitimas { padding-top: 5rem; } .vitimas .menu-vitimas { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100vh - 11rem); width: calc(16 * 30vw); } .vitimas .menu-vitimas > li { height: 50%; width: 30vw; padding: 1rem; } .vitimas .menu-vitimas > li:nth-child(3n+1), .vitimas .menu-vitimas > li:nth-child(3n+2), .vitimas .menu-vitimas > li:nth-child(3n+3), .vitimas .menu-vitimas > li:nth-child(3n+4), .vitimas .menu-vitimas > li:nth-child(3n+5) { margin-bottom: 0rem; } .vitimas > article { overflow-x: auto; } .vitimas > article::-webkit-scrollbar { width: 0px; height: 0px; } .vitimas > [for="filtrar"] { position: relative; } .vitimas .filtro .col-xs-12 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .vitimas .filtro .col-xs-12 > * { margin: 0rem; } .vitimas .filtro .col-xs-12 .botoes { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .vitimas .filtro .col-xs-12 .botoes .btn { margin: 0rem; } .vitimas .filtro .col-xs-12 .botoes .btn:last-child { display: none; } .vitimas .filtro .col-xs-12 .buscar { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .c_vitimas ~ .foot-bar { display: none; } .perfil { z-index: 999; -webkit-transition: background 0.3s, visibility 0.3s; transition: background 0.3s, visibility 0.3s; } .perfil .fechar { display: block; height: 0px; width: 40px; position: -webkit-sticky; position: sticky; left: calc((100vw - 1280px)/2); top: 6rem; z-index: 999; } .perfil .fechar svg { height: 40px; width: 40px; margin-left: 2rem; } .perfil .mapa { position: fixed; top: 0px; left: 0px; z-index: 1; width: 100%; -webkit-animation: entraEsquerda 0.7s 0.7s both; animation: entraEsquerda 0.7s 0.7s both; } .perfil .mapa img { width: 100%; height: 60vh; -o-object-fit: cover; object-fit: cover; -o-object-position: left center; object-position: left center; } .perfil .veu { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .perfil .veu .terra { position: fixed; z-index: -1; left: 0; top: 35%; width: 100%; height: 120vh; background: url(../assets/images/perfil-veu-mobile.svg) left center; background-repeat: no-repeat; background-size: cover; -webkit-animation: entraDireita 0.7s 0.7s both; animation: entraDireita 0.7s 0.7s both; } .perfil .veu .splash { position: absolute; right: 0px; width: 50%; top: 100vh; -webkit-transform: translate(0%, -99%); transform: translate(0%, -99%); } .perfil .veu:before { content: ""; position: absolute; width: 100%; height: 100vh; left: 0px; top: 0px; background: url(../assets/images/noise.gif) center center repeat; opacity: 0.2; } .perfil .quadro { position: fixed; overflow: hidden; top: 15%; width: 100%; z-index: 2; -webkit-animation: entraBaixo 1s 0.7s both; animation: entraBaixo 1s 0.7s both; } .perfil .quadro .ilustracao { width: 80%; max-width: 640px; display: block; margin: 0 auto; } .perfil .quadro .nome { width: 80%; max-width: 640px; margin: 0 auto; height: 0px; overflow: visible; } .perfil .quadro .nome img { position: relative; -webkit-transform: translate(0%, -100%); transform: translate(0%, -100%); } .perfil .quadro .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Piazzolla', serif; font-weight: 900; color: white; font-size: 1.125em; margin-bottom: 0rem; } @media screen and (min-width: 31.25em) { .perfil .quadro .data { font-size: calc(1.125em + 0.375 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .quadro .data { font-size: 1.5em; } } .perfil .quadro .data svg { height: 30px; width: 20px; margin-right: 1rem; margin-left: 0rem; } .perfil .quadro .data svg path { fill: white; } .perfil .abertura { height: 140vh; width: 100%; } .perfil .abertura > .wrap { height: 100vh; position: relative; top: 75vh; padding-bottom: 2rem; overflow-x: hidden; } .perfil .abertura > .wrap > .row { height: 100%; } .perfil .abertura > .wrap > .row > *:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .perfil .abertura .local { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .perfil .abertura .local svg { height: 80px; width: 80px; } .perfil .abertura .local p { font-family: 'Oswald', sans-serif; font-size: 1em; font-weight: 500; color: #D5B99B; margin-left: 0.5rem; margin-bottom: 0rem; text-align: center; } @media screen and (min-width: 31.25em) { .perfil .abertura .local p { font-size: calc(1em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .abertura .local p { font-size: 1.125em; } } .perfil .abertura .nome { font-family: 'Piazzolla', serif; font-weight: 700; font-size: 1.125em; margin-bottom: 0rem; color: #D5B99B; } @media screen and (min-width: 31.25em) { .perfil .abertura .nome { font-size: calc(1.125em + 0.375 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .abertura .nome { font-size: 1.5em; } } .perfil .abertura .dado { font-family: 'Piazzolla', serif; color: white; font-weight: 500; margin-bottom: 1rem; font-size: 1.125em; line-height: 1; } @media screen and (min-width: 31.25em) { .perfil .abertura .dado { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .abertura .dado { font-size: 1.25em; } } .perfil .abertura .label { font-family: 'Piazzolla', serif; color: #D5A47C; margin-bottom: 0rem; text-transform: uppercase; font-weight: 500; font-size: 0.8125em; } @media screen and (min-width: 31.25em) { .perfil .abertura .label { font-size: calc(0.8125em + 0.0625 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .abertura .label { font-size: 0.875em; } } .perfil .conteudo { padding-bottom: 4rem; } .perfil .conteudo h3 { font-size: 1.5em; font-family: 'Piazzolla', serif; color: #D5B99B; font-weight: 500; margin-bottom: 1rem; margin-top: 3rem; } @media screen and (min-width: 31.25em) { .perfil .conteudo h3 { font-size: calc(1.5em + 0.5 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .conteudo h3 { font-size: 2em; } } .perfil .conteudo p { font-family: 'Piazzolla', serif; font-size: 1.125em; color: white; font-weight: 500; margin-bottom: 1rem; } @media screen and (min-width: 31.25em) { .perfil .conteudo p { font-size: calc(1.125em + 0.125 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .conteudo p { font-size: 1.25em; } } .perfil .conteudo blockquote { position: relative; } .perfil .conteudo blockquote:before { content: ""; position: absolute; background-image: url('../assets/images/noise-centro-branco.gif'); background-position: center center; background-repeat: no-repeat; background-size: contain; left: 50%; top: 50%; height: 160%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0.5; width: 100%; z-index: 9; } .perfil .conteudo blockquote p { font-size: 3em; font-family: 'GothicJoker', sans-serif; font-weight: 400; text-align: center; line-height: 1; position: relative; z-index: 99; color: #F0EBE4; padding-bottom: 2rem; margin-top: 2rem; margin-bottom: 2rem; padding-top: 2.5rem; } @media screen and (min-width: 31.25em) { .perfil .conteudo blockquote p { font-size: calc(3em + 1 * ((100vw - 31.25em ) / 58.75 )); } } @media screen and (min-width: 90em) { .perfil .conteudo blockquote p { font-size: 4em; } } .perfil .conteudo blockquote.aspas p:before, .perfil .conteudo blockquote.aspas p:after { content: ""; background-position: center center; background-size: contain; position: absolute; z-index: -1; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .perfil .conteudo blockquote.aspas p:before { background-image: url('data:image/svg+xml;utf8, '); top: 0%; height: 80px; width: 68px; } .perfil .conteudo blockquote.aspas p:after { background-image: url('data:image/svg+xml;utf8, '); bottom: 0%; height: 26px; width: 24px; } .perfil .relacionados { position: relative; width: 100%; overflow: hidden; padding-top: 8rem; padding-bottom: 2rem; } .perfil .relacionados .glide__slides { margin: 1rem auto; } .perfil .relacionados .ornamento { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background: url(../assets/images/relacionados_background.svg); background-position: center top; background-size: cover; } .perfil .relacionados .ornamento .noise { height: 100%; width: 100%; background: url(../assets/images/noise-light.png); background-position: center center; background-repeat: repeat; -webkit-mask-image: url(../assets/images/relacionados_background.svg); mask-image: url(../assets/images/relacionados_background.svg); -webkit-mask-position: center top; mask-position: center top; -webkit-mask-size: cover; mask-size: cover; } .perfil .relacionados .ornamento .splash { display: none; position: absolute; left: 0px; bottom: -5rem; width: 33.33%; } .perfil .relacionados .ornamento .splash:before { content: ""; width: 100%; padding-bottom: 66.5%; display: block; } .perfil .relacionados .ornamento .splash svg { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; } .perfil .relacionados .vitima .nome svg { max-height: 42px; } .perfil .relacionados .vitimas-slider { width: 50%; margin: 0 auto; } .perfil .holder { position: relative; z-index: 99; } .perfil::-webkit-scrollbar, .perfil::-webkit-scrollbar-thumb { height: 0px; width: 0px; } .perfil[data-categoria="0"] { background: url(../assets/images/noise-light.png), #D5A47C; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="1"] { background: url(../assets/images/noise-light.png), #453013; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="2"] { background: url(../assets/images/noise-light.png), #273026; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="3"] { background: url(../assets/images/noise-light.png), #2A2F3A; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="4"] { background: url(../assets/images/noise-light.png), #3D1A26; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="5"] { background: url(../assets/images/noise-light.png), #49251C; background-position: center center; background-repeat: repeat; } .perfil[data-categoria="6"] { background: url(../assets/images/noise-light.png), #2D2033; background-position: center center; background-repeat: repeat; } @media only screen and (min-width: 768px) { .perfil .relacionados .vitimas-slider { width: 33.3%; } } @media only screen and (max-width: 992px) { .perfil .veu .terra { left: 0px !important; } } @media only screen and (min-width: 992px) { .perfil .mapa { width: 60%; } .perfil .mapa img { height: 100vh; } .perfil .veu .terra { top: 0px !important; left: 45%; width: 120%; background: url(../assets/images/perfil-veu.svg) left center; background-repeat: no-repeat; background-size: cover; } .perfil .quadro .ilustracao, .perfil .quadro .nome { width: 50%; } .perfil .abertura { height: 200vh; } .perfil .abertura > .wrap { position: -webkit-sticky; position: sticky; top: 0; } .perfil .abertura .local { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .perfil .abertura .local p { white-space: nowrap; text-align: left; } .perfil.loaded .quadro { top: 20%; } .perfil .relacionados { padding-top: 10rem; } .perfil .relacionados .ornamento .terra svg { min-height: 100%; height: auto; } .perfil .relacionados .vitimas-slider { width: 100%; } .perfil .relacionados .vitimas-slider .glide__bullet { display: none; } }