.elementor-1605 .elementor-element.elementor-element-21753b6{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#1A1A1A;--border-color:#1A1A1A;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:100px;--padding-left:64px;--padding-right:64px;}.elementor-1605 .elementor-element.elementor-element-21753b6:not(.elementor-motion-effects-element-type-background), .elementor-1605 .elementor-element.elementor-element-21753b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1605 .elementor-element.elementor-element-5b0b7cd .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:48px;font-weight:700;color:#F1F1F1;}.elementor-1605 .elementor-element.elementor-element-1c449c4{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;}.elementor-1605 .elementor-element.elementor-element-1c449c4 .elementor-heading-title{font-family:"Metropolis", Sans-serif;font-size:16px;font-weight:300;line-height:150%;color:#D1D1D1;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1605 .elementor-element.elementor-element-4204fae .e-search-input{background-color:#0D0D0D;font-family:"Metropolis", Sans-serif;font-size:14px;border-style:solid;border-width:1px 0px 1px 1px;border-color:#1A1A1A;border-radius:32px 0px 0px 32px;}.elementor-1605 .elementor-element.elementor-element-4204fae.e-focus .e-search-input{background-color:#131313;}.elementor-1605 .elementor-element.elementor-element-4204fae .e-search-submit{background-color:#000000;border-style:solid;border-width:1px 1px 1px 0px;border-color:#1A1A1A;}.elementor-1605 .elementor-element.elementor-element-4204fae{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;--e-search-input-color:#F1F1F1;--e-search-input-padding-block-start:8px;--e-search-input-padding-inline-start:16px;--e-search-input-padding-block-end:8px;--e-search-input-padding-inline-end:16px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:14px;--e-search-icon-clear-color:#FF5353;--e-search-icon-clear-transition:0.5s;--e-search-icon-submit-size:20px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:#F1F1F1;--e-search-submit-border-radius:0px 32px 32px 0px;--e-search-submit-padding:8px 16px 8px 14px;}.elementor-1605 .elementor-element.elementor-element-4204fae.e-focus{--e-search-input-color:#F1F1F1;}.elementor-1605 .elementor-element.elementor-element-4204fae .e-search-input-wrapper > svg:hover{--e-search-icon-clear-color:#FF5353CC;}.elementor-1605 .elementor-element.elementor-element-4204fae .e-search-input-wrapper > i:hover{--e-search-icon-clear-color:#FF5353CC;}.elementor-1605 .elementor-element.elementor-element-4204fae .e-search-submit:hover{--e-search-icon-submit-color:#FD6A00;}.elementor-1605 .elementor-element.elementor-element-09a1932{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:64px;--padding-right:64px;}.elementor-1605 .elementor-element.elementor-element-09a1932:not(.elementor-motion-effects-element-type-background), .elementor-1605 .elementor-element.elementor-element-09a1932 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-1605 .elementor-element.elementor-element-ae3b08f{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1605 .elementor-element.elementor-element-009bb4b{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-space-between:16px;--e-filter-normal-text-color:#F1F1F1;--e-filter-hover-text-color:#F1F1F1;--e-filter-active-text-color:#2C1200;--e-filter-item-border-radius:16px 16px 16px 16px;}.elementor-1605 .elementor-element.elementor-element-009bb4b .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:#0D0D0D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1A1A1A;}.elementor-1605 .elementor-element.elementor-element-009bb4b .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#1B130E;}.elementor-1605 .elementor-element.elementor-element-009bb4b .e-filter-item[aria-pressed="true"]{background-color:#FF6A00;}.elementor-1605 .elementor-element.elementor-element-009bb4b .e-filter-item{font-family:"Metropolis", Sans-serif;font-size:12px;font-weight:500;padding:8px 16px 8px 16px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1605 .elementor-element.elementor-element-0cc9188{--grid-columns:3;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-1605 .elementor-element.elementor-element-0cc9188 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1605 .elementor-element.elementor-element-0cc9188 .e-loop-item > .elementor-section, .elementor-1605 .elementor-element.elementor-element-0cc9188 .e-loop-item > .elementor-section > .elementor-container, .elementor-1605 .elementor-element.elementor-element-0cc9188 .e-loop-item > .e-con, .elementor-1605 .elementor-element.elementor-element-0cc9188 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}@media(max-width:1024px){.elementor-1605 .elementor-element.elementor-element-0cc9188{--grid-columns:2;}}@media(min-width:768px){.elementor-1605 .elementor-element.elementor-element-21753b6{--content-width:1280px;}.elementor-1605 .elementor-element.elementor-element-09a1932{--content-width:1280px;}}@media(max-width:767px){.elementor-1605 .elementor-element.elementor-element-21753b6{--margin-top:-128px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:192px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-1605 .elementor-element.elementor-element-1c449c4 .elementor-heading-title{font-size:14px;}.elementor-1605 .elementor-element.elementor-element-09a1932{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-1605 .elementor-element.elementor-element-009bb4b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1605 .elementor-element.elementor-element-0cc9188{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-4a7be95 */.elementor-1605 .elementor-element.elementor-element-4a7be95{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0px; pointer-events: none; } .video-lazy-wrap, .video-lazy-wrap video, .video-lazy-wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 0px; } .video-lazy-wrap video { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity .3s ease; filter: brightness(0.3); } .video-lazy-wrap.video-ready video { opacity: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1c449c4 */.elementor-1605 .elementor-element.elementor-element-1c449c4 { text-wrap: balance; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21753b6 */.elementor-1605 .elementor-element.elementor-element-21753b6{ background-color: #080808; background-image: radial-gradient(circle, rgba(34, 34, 34, 0.05) 2.5px, transparent 2.6px); background-size: 12px 12px; background-position: 0 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a1932 */.elementor-1605 .elementor-element.elementor-element-09a1932{ background-color: #080808; background-image: radial-gradient(circle, rgba(34, 34, 34, 0.05) 2.5px, transparent 2.6px); background-size: 12px 12px; background-position: 0 0; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-thin-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-thin-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extralight-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extralight-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-light-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-light-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-regular-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-regular-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-medium-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-medium-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-semibold-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-semibold-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-bold-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-bold-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extrabold-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extrabold-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-black-webfont.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-black-webfont.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 100; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-thinitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-thinitalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 200; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extralightitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extralightitalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 300; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-lightitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-lightitalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-regularitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-regularitalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-mediumitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-mediumitalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 600; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-semibolditalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-semibolditalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 700; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-bolditalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-bolditalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 800; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extrabolditalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-extrabolditalic-italico.woff') format('woff'); } @font-face { font-family: 'Metropolis'; font-style: italic; font-weight: 900; font-display: auto; src: url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-blackitalic-italico.woff2') format('woff2'), url('https://agenciajohn.com.br/wp-content/uploads/2026/04/metropolis-blackitalic-italico.woff') format('woff'); } /* End Custom Fonts CSS */