.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

:root {
	--neutral-preto-strong: #08080C;
	--neutral-preto-base: #15151E;
	--amarelo: #F9B200;
	--grafite: #323248;
	--cinza: #555555;
	--vermelho: #B80022;
	--neutral-cinza: #757575;

	--inter: "Inter", sans-serif;
}

body {
	font-family: "Inter", sans-serif;
}

@media (max-width: 1380px) {
	.container {padding-left: 30px; padding-right: 30px}
}

@media (max-width: 980px) {
	body {overflow-x: hidden;}
}

.btn {font-size: 12px;border-radius: 50px; padding: 7px 20px;}
.btn-primary {background: var(--vermelho);  color: #fff; border-color: var(--vermelho);}
.btn-secondary {background: #fff; color: #000; border-color: var(--neutral-cinza);}
.btn-secondary-white {color: #fff; background: transparent; border-color: #fff;}
.btn-black {background: var(--neutral-preto-base); color: #fff; border-color: var(--neutral-preto-base);}
.btn-black:hover {background:transparent; color: var(--neutral-preto-base); border-color: var(--neutral-preto-base);}
.btn-font {font-family: 'Inter'; font-weight: 600; font-size: 16px}
.btn-medium {font-size: 16px; font-weight: 600; padding: 10px 20px;}
.btn-center {margin: auto; width: fit-content; display: block;}
.section {padding: 60px 0px}
.section-bottom {padding-bottom:60px;}
.input {height: 53px; border: 1px solid #CCCCCC; color:#7B7BA3; border-radius: 8px; padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 100%; outline: none; transition: 0.5s}
.input:focus {border-color: #7B7BA3;}
input::placeholder {color:#7B7BA3;}

/* HEADER */
.header {display: block;}
.header .links1 {display: flex; align-items: center; gap:30px; padding-top: 10px; padding-bottom:10px;}
.header .links1 > a {display: flex; color: var(--cinza); font-size: 12px; font-weight: 500; text-decoration: none;}
.header .idiomas {gap:10px;}
.header .idiomas a {display: block;}
.header .menu-grid {border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; padding: 20px 0px; background: #fff; width: 100%}
.header .menu-fixado {position: fixed; z-index: 1000; top: 0px; left: 0px;}
.header .menu-app {gap:50px;}
.header .menu {display: flex; align-items: center; gap: 20px; border-left: 1px solid #F1F1F1; padding-left: 40px;}
.header .menu ul {display: flex; gap:50px; margin: 0px; padding: 0px}
.header .menu li {display: block; margin-bottom: 0px}
.header .menu li a {display: block; transition: 0.5s; text-decoration: none; margin-bottom: 0px; color: var(--neutral-preto-strong); font-weight: 600; font-style: Semi Bold; font-size: 14px;  line-height: 120%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.header .menu li a:hover {color: var(--cinza);}
.header .menu-button {padding: 10px; display: block; cursor: pointer;}
.header .menu-button img {display: block;}
.header .header-live {padding: 10px 0px; display: flex; gap:20px; align-items: center;}
.header .header-live span {background: var(--vermelho); text-transform: uppercase; padding: 5px 10px; border-radius: 5px; color: #fff; font-size: 12px; font-weight: 600; display: block;  white-space: nowrap;}
.header .header-live a {color:#000; transition: 0.5s; font-weight: 500; display: flex; align-items: center; text-decoration: none; font-style: Medium; font-size: 12px;  line-height: 120%; letter-spacing: 0%;}
.header .header-live a:after {content: '•'; display: block; height: 5px; line-height: 5px; margin-top: -3px; color: var(--vermelho); font-weight: bold; font-size: 20px; margin-left: 20px}
.header .header-live a:last-child:after {display: none;}
.header .header-live a:hover {color: var(--cinza);}
.header .login {gap:10px;}
@media (max-width: 980px) {
.part1-header {display: none;}
.header .menu ul {display: none;}
#wpadminbar {display: none !important}
.header .menu {border:none;padding:0px}
.header .menu-button {position: absolute; left: 0px; top: 0px;}
.header .menu-app {position: relative; display: block !important;}
.header .logotipo {margin: auto; display: block; width: fit-content;}
.header .header-live a {font-style: 9px;}
}

/* FOOTER */
.footer {background: var(--neutral-preto-strong); padding-top: 30px;}
.footer .logotipo {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 2px solid var(--grafite);}
.footer .logotipo a {display: block; width: 266px; height: auto;}
.footer .logotipo a img {display: block; width: 100%; height: auto;}
.footer .title {font-family: "Space Grotesk", sans-serif; display: block; margin-bottom: 15px; text-transform: uppercase; color: var(--amarelo); font-weight: 500; font-style: Medium; font-size: 12px;  line-height: 150%; letter-spacing: 0px;}
.footer .cols {display: flex; justify-content: space-between;}
.footer .menu {max-width: 20%; width: fit-content;}
.footer .menu ul {padding: 0px; margin: 0px}
.footer .menu li {display: block; margin-bottom: 15px}
.footer .menu a {color: #fff; display: block; text-decoration: none; font-weight: 500; font-style: Medium; font-size: 16px;  line-height: 150%; letter-spacing: 0px;}
.footer .infos {border-top: 2px solid var(--grafite); border-bottom: 2px solid var(--grafite); padding: 10px 0px; margin-top: 30px}
.footer .footer-icon {color: var(--cinza); font-size: 20px; display: block; transition: 0.5s}
.footer .footer-icon:hover {color: #fff;}
.footer .copyright {color: var(--cinza); padding: 20px 0px; font-weight: 400; font-style: Regular; font-size: 14px;  line-height: 120%; letter-spacing: 0%;}
@media (max-width: 768px) {
.footer .logotipo {border:none; padding-bottom: 0px; margin-bottom: 0px}
.footer .logotipo a {width:168px}
.footer .cols {display: none !important;}
.footer .apps {flex-wrap: wrap;}
.footer .title {width: 100%}
.footer .social {flex-wrap: wrap; justify-content: space-between !important; gap:5px 0px !important; border-top: 2px solid var(--grafite); padding-top: 10px; margin-top: 10px}
}

/* GPTV */
.gptv h1 {font-weight: 900; margin-bottom: 30px; font-style: Italic; font-size: 32px;  line-height: 110%; letter-spacing: 0%; vertical-align: middle; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.gptv h1 span {color: #fff; letter-spacing: 2px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px  1px 0 #000, 1px  1px 0 #000;}
.gptv .input {background: url('../img/search-icon.svg') no-repeat; background-position: 15px center; padding-left: 40px}
.calendar-dates {display: flex; align-items: center; gap: 0px 25px; margin-top: 20px; position: relative;}
.calendar-current {color:#000; width: 160px; text-align: center; font-weight: 700; font-style: Bold; font-size: 20px;  line-height: 130%; letter-spacing: 0%;}
.calendar-arrow {width: 36px; transition: 0.5s; height: 36px; border:1px solid #CCCCCC; border-radius: 100%; line-height: 34px; text-align: center; font-size: 20px; color:var(--neutral-preto-strong);}
.calendar-arrow:hover {background: #ccc; color: var(--neutral-preto-strong);}
.calendar-dates .btn-secondary {border-color:#CCCCCC;}
.calendar-dates:after {content: ''; z-index: -1; width: calc(100% - 460px); height: 1px; background: #ccc; position: absolute; top: 17px; right:15px}

.gptv-list {margin-top: 30px;}
.gptv-list a:last-child {border:none !important}
.gptv-item {display: flex; color:#15151E; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; justify-content: space-between; text-decoration: none; color: #000}
.gptv-item:hover {color:#15151E}
.gptv-item .infos {padding-left: 60px}
.gptv-item .date span {display: block; text-align: center; font-weight: 400; font-style: Regular; font-size: 16px;  line-height: 120%; letter-spacing: 0%; text-align: center; text-transform: uppercase;}
.gptv-item .date strong {display: block; text-align: center; font-weight: 700; font-style: Bold; font-size: 34px;  line-height: 120%; letter-spacing: 0%; text-align: center;}
.gptv-item .date strong {display: block; text-align: center; font-weight: 700; font-style: Bold; font-size: 34px;  line-height: 120%; letter-spacing: 0%; text-align: center;}
.gptv-item .clock {color: var(--neutral-cinza); margin-bottom: 20px; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%;}
.gptv-item h2 { font-weight: 700; font-style: Bold; font-size: 34px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%;}
.gptv-item .current {display: flex; align-items: center; margin-bottom: 20px; gap:10px; color: var(--neutral-cinza);  font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%;}
.gptv-item .current-bar {width: 100px; height: 4px; border-radius: 5px; overflow: hidden; background:#F1F1F1; }
.gptv-item .current-bar-status {height: 4px; background:#212130; border-radius: 5px;}
.gptv-item .photo img {display: block; width: 423px; border-radius: 16px;}

.tags {margin-bottom: 20px}
.tags {display: flex; gap:10px; align-items: center; width: 100%}
.tags div {display: block; font-size: 12px; font-weight: 600; background: #333; color: #fff; padding: 3px 12px; border-radius: 5px; text-transform: uppercase;}


/* TITLE SECTION */
.title-section .logotipo {max-width: 100%; display: block; margin-bottom: 15px}
.title-section .title {margin-bottom: 10px; color: var(--neutral-preto-base); font-weight: 700; font-style: Bold; font-size:38px; leading-trim: NONE; line-height: 110%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.title-section .subtitle {font-style: normal;font-weight: 500;font-size: 20px;line-height: 130%;color: #656566; margin-bottom: 30px}
.title-section .author .photo {border-radius: 100%; display: block; width: 50px; height: 50px; margin-right: 20px}
.title-section .author .date {width: 100%; color:#656566; font-weight: 400; font-style: Regular; font-size: 14px; leading-trim: NONE; line-height: 130%;  vertical-align: middle;}
.title-section .author .name {font-weight: 500; font-style: Medium; font-size: 16px; leading-trim: NONE; line-height: 130%; display: block;}
.title-section .author .city {font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 130%; display: block;}
.title-section .author .divisor {color: var(--formula-1-hover); font-weight: bold; height: 4px; width: 4px; line-height: 100%; display: block;}
.title-section .social {display: flex; margin-top: 30px; gap:10px; align-items: center; justify-content: flex-end; padding: 10px; background: url('../img/pattern-vermelho.png'); background-size: 3px;}
.title-section .social a {display: block; text-align: center; line-height: 32px; font-size: 20px; background: #fff; border-radius: 100%; width: 32px; height: 32px; color: #000}
.title-section .time {color: var(--neutral-cinza); margin-bottom: 20px; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 100%; letter-spacing: 0%;}

/* VIDEO SECTION - GPTV */
.video-section {background: #15151E; width: 100%}
.video-section iframe {border:none; width: 100%; height: 658px}

/* GALERY SECTION - Galerias */
.gallery-section {background: #15151E; width: 100%}
.gallery-carousel {position: relative;}
.gallery-carousel .slick-arrow {position: absolute; z-index: 10; top:250px; width: 60px; background: url('../img/arrow-gallery.svg') no-repeat center; height: 60px; border:none; outline: none; cursor: pointer; font-size: 0px;}
.gallery-carousel .slick-prev {left: -90px; transform: rotate(180deg);}
.gallery-carousel .slick-next {right: -90px;}
.gallery-carousel img {display: block; width: 100%; margin-bottom: 20px}
.gallery-carousel .number-item {color: var(--neutral-cinza); font-weight: 600; font-style: Semi Bold; font-size: 14px; leading-trim: NONE; line-height: 170%; letter-spacing: 0%; margin-bottom: 20px}
.gallery-carousel p { color:#fff; font-weight: 600; font-style: Semi Bold; font-size: 18px; leading-trim: NONE; line-height: 170%; letter-spacing: 0%;}







.more-posts .title, .navigation-posts-title {color: var(--neutral-preto-base); font-family: Space Grotesk; font-weight: 700; font-style: Bold; font-size: 25px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.more-posts .items a {display: block; color: #000; text-decoration: none;}
.more-posts .items img {display: block; width: 100%; border-radius: 16px; margin-bottom: 10px}
.more-posts .items h2 {display: block; line-height: 130%; margin-bottom: 0px; font-weight: 700; font-size:18px; color:var(--preto-base); }
.more-posts .items {gap:40px 0px}
.more-posts .posts-tags {gap:10px; display: flex; flex-wrap: wrap;}
.more-posts .posts-tags .btn-item {background: #F3F3F3; display: block; width: fit-content; text-decoration: none; border:none; outline: none; cursor: pointer; border-radius: 50px; color: var(--preto-base); font-size: 14px; font-weight: 600; padding: 8px 15px;}



.single-thumbnail {width: 100%; height: 679px; overflow: hidden;}
.single-thumbnail img {display: block; min-width: 100%; min-height: 679px;}


.single-content {background: #fff; position: relative; margin-top: -200px; padding-top: 40px; padding-right: 40px; border-radius: 0px 30px 0px 0px;}
.single-content:before {content: ''; position: absolute; top: 0px; right: 100%; width: 100%; height: 100%; background: #fff; z-index: 1;}
.single .txt {padding-right: 40px; margin-top: 30px}
.single .txt figure {margin-bottom: 30px;}
.single .txt figure iframe {width: 100%; display: block; height: 480px; border-radius: 10px 10px 0px 0px; border:none; margin-bottom: 0px;}
.single .txt figure .wp-element-caption {width: 100%; display: block; border-radius: 0px 0px 10px 10px; padding: 10px 20px; background: #F3F3F3;}
.single .txt figure .wp-element-caption {margin-top: 0px;}

.single-aside {margin-top: -200px;}
@media (max-width: 768px) {
	.single-aside {margin-top: 0px;}
}

/* CATEGORY */
.category a {text-decoration: none; transition: 0.5s}
.category a:hover {opacity: 0.7}
.category-row-1 a {display: block;}
.category-row-1 img {display: block; border-radius: 16px; width: 100%; margin-bottom: 0px;}
.category-row-1 h1 { color: var(--vermelho); font-weight: 700; font-style: Bold; font-size: 48px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%; margin-bottom: 0px}
.category .sub-new {display: flex; align-items: center; gap: 10px;}
.category .sub-new h2 {font-family: Inter; margin-bottom: 0px; color: var(--neutral-preto-base); font-weight: 700; font-style: Bold; font-size: 16px; leading-trim: NONE; line-height: 140%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.category .sub-new svg {display: block; width: 16px; height: 16px; fill: var(--vermelho);}
.secondary-new img {border-radius: 16px;}
.secondary-new h2 {color: var(--vermelho); font-weight: 700; font-style: Bold; font-size: 20px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%;}
@media (max-width: 768px) {
.category-row-1 h1 {font-size: 28px; margin-top: 10px}
}

.side-new {display: flex; width: 100%;}
.side-new img {display: block; width: 312px; margin-right: 20px; border-radius: 16px;}
.side-new .text {width: calc(100% - 332px);}
.side-new h2 {color: var(--neutral-preto-base); margin-bottom: 20px; font-family: Inter; font-weight: 500; font-style: Medium; font-size: 24px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%;}
.side-new .date {display: block; color: var(--neutral-preto-base); font-family: Inter; font-weight: 400; font-style: Regular; font-size: 14px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%;}
.side-new .cat { color: var(--vermelho); display: flex; align-items: center; gap: 10px; margin-bottom: 20px; font-family: Space Grotesk; font-weight: 500; font-style: Medium; font-size: 18px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: proportional-nums;}
.side-new .cat img {width:25px; display: block; margin-right: 0px}
@media (max-width: 768px) {
.side-new img { width: 160px; margin-right: 15px;}
.side-new .text {width: calc(100% - 175px);}
.side-new h2 {font-size: 16px; margin-bottom: 10px;}
.side-new .cat {font-size: 12px;margin-bottom: 5px;}
.side-new .cat img {width: 20px;}
.side-new {align-items: flex-start; margin-bottom: 30px !important;}
.side-new .date {font-size: 12px;}
}


.tile-model-1 {display: block; text-decoration: none; margin-bottom: 20px; transition: 0.5s}
.tile-model-1:hover {opacity: 0.7}
.tile-model-1 .photo {display: block; position: relative; width: 100%; background-color: var(--cinza); background-size: 100%;  height: 404px; border-radius: 16px; margin-bottom: 30px;}
.tile-model-1 .photo .play {position: absolute; bottom: 30px; left: 30px; width: 56px; height: 56px; background: url('../img/play-button.svg') no-repeat center; background-size: 100%}
.tile-model-1 .title {color: var(--neutral-preto-base); font-family: Inter; font-weight: 700; font-style: Bold; font-size: 48px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%;}
.tile-model-1 .tag {display: flex; gap: 0px 15px; position: relative; z-index: 2; margin-bottom: 15px; width: 100%}
.tile-model-1 .tag div {display: block; width: fit-content; display: block; color: #fff; font-size: 14px; border-radius: 3px; padding: 4px 7px;}
.tile-model-1-full {height:100%;}
.tile-model-1-full .photo:after {content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1}
.tile-model-1-full .photo {height:800px; display: flex; overflow: hidden; background-size: cover; flex-wrap: wrap;align-content: flex-end; align-items: flex-end; box-sizing: border-box; padding: 40px;}
.tile-model-1-full .photo .play {position: relative; z-index: 2; top: auto; left: auto;}
.tile-model-1-full .title {color: #fff; position: relative; z-index: 2;}
.tile-model-1-full .subtitulos {display: flex; flex-wrap: nowrap; gap:20px; margin-top: 40px; position: relative; z-index: 2;} 
.tile-model-1-full .subtitulos div {display: flex; gap: 15px; align-items: flex-start; flex-wrap: nowrap;} 
.tile-model-1-full .subtitulos span {color: #fff; display: block; width: calc(100% - 30px); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 16px; leading-trim: NONE; line-height: 140%; letter-spacing: 0%;} 
.tile-model-1-full .subtitulos svg {display: block; width: 16px; height: 16px; fill: #fff; margin-top: 3px}
.tile-model-1-full .tag div {border-radius: 100px; padding: 8px 16px;}
.vc_col-sm-12 .tile-model-1-full .photo {height: 600px}
@media (max-width: 768px) {
.tile-model-1 .title {font-size: 28px;}
}

.tile-model-2 {display: block; text-decoration: none; margin-bottom:20px; transition: 0.5s}
.tile-model-2:hover {opacity: 0.7}
.tile-model-2 .photo {display: block; position: relative; width: 100%; background-color: var(--cinza); background-size: 100%;  height: 194px; border-radius: 16px; margin-bottom: 15px;}
.tile-model-2 .photo .play {position: absolute; bottom: 30px; left: 30px; width: 56px; height: 56px; background: url('../img/play-button.svg') no-repeat center; background-size: 100%}
.tile-model-2 .title {color: var(--neutral-preto-base); font-family: Inter; font-weight: 700; font-style: Bold; font-size: 20px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%;}
.tile-model-2 .category {display: flex; gap: 0px 15px; margin-bottom: 10px;font-family: Space Grotesk; font-weight: 500; font-style: Medium; font-size: 18px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: proportional-nums;}
.tile-model-2 .category img {width:25px; display: block;}
.tile-model-2-medium  .photo {height: 364px}
.tile-model-2-medium  .title {font-size: 34px}
.tile-model-2-big .photo {height:455px}
.tile-model-2-big .title {font-size: 24px}

.tile-model-3 {display: flex; align-items: flex-start; gap: 15px; text-decoration: none; transition: 0.5s}
.tile-model-3:hover {opacity: 0.7}
.tile-model-3 .title {color: var(--neutral-preto-base); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 16px; leading-trim: NONE; line-height: 140%; letter-spacing: 0%;}
.tile-model-3 svg {display: block; width: 16px; height: 16px; fill: #000; margin-top: 3px}


.charts {border: 1px solid #F1F1F1; overflow: hidden; border-radius: 14px; padding: 20px; padding-top: 30px; position: relative;}
.charts:before {content: ''; width: 100%; height: 12px; background: var(--vermelho); position: absolute; top: 0px; left: 0px;}
.charts .subtitle {color: var(--neutral-preto-base);font-family: Inter; font-weight: 700; font-style: Bold; font-size: 16px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%; margin-bottom: 10px;}
.charts .title {color: var(--neutral-preto-base); margin-bottom: 15px; font-family: Space Grotesk; font-weight: 700; font-style: Bold; font-size: 20px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums; display: flex; justify-content: space-between; align-items: center;}
.charts .title a {gap:10px; display: flex; align-items: center; text-decoration: none; color: var(--neutral-preto-base);font-family: Inter; font-weight: 600; font-style: Semi Bold; font-size: 14px; leading-trim: NONE; line-height: 130%; letter-spacing: 0%;}
.charts .title a svg {display: block; width: 16px; height: 16px; fill: #000; margin-top: 3px;}
.charts .item {display: flex; width: 100%; padding: 5px 20px; border-radius: 80px; margin-bottom: 10px; align-items: center;}
.charts .item:nth-child(2n+1) { background:#F1F1F1;}
.charts .photo {margin-right: 10px}
.charts .photo img {display: block; width: 40px; height: 40px; border-radius: 100px; background: #ccc;}
.charts .position {width: 15%; color: var(--neutral-preto-base); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .head {display: flex; align-items: center; margin-bottom: 5px; padding-left: 20px; padding-right: 20px; justify-content: space-between;}
.charts .head div {color: var(--neutral-preto-strong); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 11px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .info {width:65%;}
.charts .name {color: var(--neutral-preto-base); font-weight: 700; font-style: Bold; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .team {display: block; color: var(--neutral-preto-base); font-family: Inter; font-weight: 400; font-style: Regular; font-size: 12px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .country {margin-left: 5px; color: var(--neutral-cinza); font-family: Inter; font-weight: 600; font-style: Semi Bold; font-size: 12px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .points {display: block; text-align: right; color: var(--neutral-preto-base); font-family: Inter; font-weight: 700; font-style: Bold; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .tabs {display: flex; width: 100%; margin-bottom: 20px; margin-top: 20px}
.charts .tabs div {display: block; width: 50%; text-align: center; padding: 10px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #F1F1F1; color:#00; font-family: Inter; font-weight: 400; font-style: Regular; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.charts .tabs .active {font-weight: 700; border-bottom-width: 3px;}


.next-circuitos .date {width: 15%; color: var(--neutral-preto-base); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.next-circuitos .flag {margin-right: 10px}
.next-circuitos .hour {margin-left: auto; color: var(--neutral-preto-base); font-family: Inter; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}

.next-circuitos .first-item {color: var(--neutral-preto-base); margin-bottom: 20px}
.next-circuitos .first-item .date {margin-bottom: 10px; width: 100%;}
.next-circuitos .first-item .date span {display: block; text-align: center; font-family: Inter; font-weight: 700; font-style: Bold; font-size: 40px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.next-circuitos .first-item .date strong {display: block; text-align: center; font-family: Inter; font-weight: 700; font-style: Bold; font-size: 24px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.next-circuitos .first-item .hour {display: block; text-align: center; font-family: Inter; font-weight: 400; font-style: Regular; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums; margin-bottom: 10px}
.next-circuitos .first-item .tracado {display: block; max-width: 100%; margin: auto;}
.next-circuitos .first-item .name {display: flex; align-items: center; justify-content: center; gap:10px; margin-bottom: 10px; width: 100%; font-family: Space Grotesk; font-weight: 700; font-style: Bold; font-size: 20px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}

.category-status-bar {margin-bottom: 60px;}
.category-status-bar .logo-category {display: block; height: 48px; max-width: 100%}
.category-status-bar .links {display: flex; align-items: center; justify-content: flex-end; gap: 10px 40px;}
.category-status-bar .links a {color: var(--neutral-preto-base); text-decoration: none; display: flex; align-items: center; gap:10px; font-family: Inter; font-weight: 500; font-style: Medium; font-size: 14px; leading-trim: NONE; line-height: 110.00000000000001%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: tabular-nums;}
.category-status-bar .links svg {width: 18px; height: 18px; display: block;}
@media (max-width: 768px) {
.category-status-bar .links {display: none;}
}

.tile-video a {display: block; text-decoration: none; margin-bottom: 30px; transition: 0.5s}
.tile-video a:hover {opacity: 0.7}
.tile-video-small a {display: flex;}
.tile-video .photo {display: block; position: relative; margin-bottom: 20px; border-radius: 16px; width: 100%; height: 489px; background-size: cover; background-repeat: no-repeat;}
.tile-video-small .photo {width:200px; border-radius: 8px; margin-bottom: 0px; height: 131px; margin-right: 20px;}
.tile-video .title {color: var(--neutral-preto-base);font-family: Inter; font-weight: 700; font-style: Bold; font-size: 40px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%;}
.tile-video-small .title {color: var(--neutral-preto-base);font-family: Space Grotesk; font-weight: 400; font-style: Regular; font-size: 18px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%; text-transform: uppercase;}
.tile-video-small .text {width: calc(100% - 220px);}
.tile-video svg {display: block; transition: 0.3s; border-radius: 100px; background: rgba(0,0,0,0.5); position: absolute; width: 100px; height: 100px; top: calc(50% - 50px); left: calc(50% - 50px);}
.tile-video a:hover svg {width: 110px; height: 110px; top: calc(50% - 55px); left: calc(50% - 55px);}
.tile-video-small svg {width: 50px; height: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}
.tile-video-small a:hover svg {width: 55px; height: 55px; top: calc(50% - 28.5px); left: calc(50% - 28.5px);}
.tile-video .tempo {background: var(--neutral-preto-base); padding:3px 6px; border-radius: 2px; color: #fff; font-weight: 700; font-style: Black; font-size: 14px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%;}


.stories-carrossel {position: relative; margin-left: -20px}
.stories-carrossel:before {content: ''; z-index: 3; position: absolute; top: 0px; left: -20px; height: 477px; width: 100px; background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.stories-carrossel:after {content: ''; z-index: 3; position: absolute; top: 0px; right: -20px; height: 477px; width: 100px; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.stories-carrossel .item {display: block; padding:0 20px}
.stories-carrossel .item a {display: block; width:100%; text-decoration: none; color: var(--neutral-preto-base); transition: 0.5s}
.stories-carrossel .item a:hover {opacity: 0.8}
.stories-carrossel .item .photo {display: block; position: relative; padding: 30px; width:100%; height: 468px; border-radius: 16px; background-size: cover; background-position: center; margin-bottom: 15px;}
.stories-carrossel .item .photo:after {content: ''; position: absolute; top: 10px; right: -12px; border-radius: 0px 10px 10px 0px; background: #564D4D; height: calc(100% - 20px); z-index: 1; width: 10px;}
.stories-carrossel .item .photo:before {content: ''; position: absolute; top: 20px; right: -24px; border-radius: 0px 10px 10px 0px; background: #333333; height: calc(100% - 40px); z-index: 1; width: 10px;}
.stories-carrossel .item .photo div {display: block; width: fit-content; padding: 10px; border-radius: 100px; }
.stories-carrossel .item .photo svg {display: block; width:27px; height: 27px;}
.stories-carrossel .item .title { font-family: Inter; font-weight: 700; font-style: Bold; font-size: 21px; line-height: 110%; letter-spacing: 0%;}
.stories-carrossel .item .category {display: flex; gap: 0px 15px; margin-bottom: 10px;font-family: Space Grotesk; font-weight: 500; font-style: Medium; font-size: 18px; leading-trim: NONE; line-height: 120%; letter-spacing: 0%; text-transform: uppercase; font-variant-numeric-figure: lining-nums; font-variant-numeric-spacing: proportional-nums;}
.stories-carrossel .item .category img {width:25px; display: block;}
.stories-carrossel .slick-prev {display: block; position: absolute; transition: 0.5s; top:254px; left: 0px; width: 56px; height: 56px; background: url('../img/arrow-carrossel.svg') no-repeat center; transform: rotate(180deg); font-size: 0px; cursor: pointer; border:none; outline: none; z-index: 10; background-size: 56px;}
.stories-carrossel .slick-next {display: block; position: absolute; transition: 0.5s; top:254px; right: 0px; width: 56px; height: 56px; background: url('../img/arrow-carrossel.svg') no-repeat center; font-size: 0px; cursor: pointer; border:none; outline: none; z-index: 10; background-size: 56px;}
.stories-carrossel .slick-disabled {opacity: 0; cursor: default;}
@media (max-width: 768px) {
.stories-carrossel {margin-left: -30px; margin-right: -30px;}
}

.widget-proximos-circuitos {background: #15151E; border-color: #15151E; color: #fff;}
.widget-proximos-circuitos .name, .widget-proximos-circuitos .subtitle, .widget-proximos-circuitos .date , .widget-proximos-circuitos .hour {color: #fff;}
.widget-proximos-circuitos .item {background: #323248}
.widget-proximos-circuitos .item:nth-child(2n+1) {background: transparent;}
.widget-proximos-circuitos .title {color: var(--vermelho);}
.widget-proximos-circuitos .title a {color: #fff;}
.widget-proximos-circuitos .title a svg {fill: #fff;}

.widget-charts {background: #15151E; border-color: #15151E; color: #fff;}
.widget-charts .name, .widget-charts .head div, .widget-charts .position, .widget-charts .points, .widget-charts .subtitle, .widget-charts .date , .widget-charts .hour {color: #fff;}
.widget-charts .item {background: #323248}
.widget-charts .item:nth-child(2n+1) {background: transparent;}
.widget-charts .title {color: var(--vermelho);}
.widget-charts .title a {color: #fff;}
.widget-charts .title a svg {fill: #fff;}

.newsletter-block h2 {color: var(--neutral-preto-base); font-size: 24px; font-family: Space Grotesk; font-weight: 700; max-width: 240px}
.newsletter-block p {color: var(--neutral-cinza); font-size: 14px; max-width: 400px}
.newsletter-block form {display: flex; gap:20px;}

.aside {background: var(--neutral-preto-base); transition: 0.5s; padding: 30px; box-sizing: border-box; position: fixed; top: 0px; right: -400px; width: 345px; height: 100vh; overflow: auto; z-index: 1000; color: #fff;}
.aside-overflow {width: 100%; cursor: pointer; position: fixed; display: none; height: 100vh; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); z-index: 999; left: 0px; top: 0px;}
.customize-support .aside {top: 32px; height: calc(100vh - 32px)}
.aside .title {font-family: "Space Grotesk", sans-serif; display: block; margin-bottom: 15px; text-transform: uppercase; color: var(--amarelo); font-weight: 500; font-size: 12px; line-height: 150%; letter-spacing: 0px; border-top: 2px solid var(--grafite); padding-top: 30px; margin-top: 30px; margin-bottom: 10px}
.aside .menu a { color: #fff; display: block; text-decoration: none; font-weight: 500; font-style: Medium; font-size: 16px; line-height: 150%; letter-spacing: 0px; }
.aside .menu li { display: block; margin-bottom: 15px; }
.aside .menu ul { padding: 0px;}
.aside .icon { color: #fff; font-size: 20px; display: block; transition: 0.5s;}
.aside .logo {width:150px; display: block; margin-bottom: 30px;}
.aside .logo img  {display: block; width: 100%;}
.aside .login-off {background:#212130; padding: 16px; border-radius: 8px; font-size: 14px;}
.aside .buscar {display: block; margin-bottom: 30px;}
.aside .buscar input {display: block; background: url('../img/search-icon-aside.svg') no-repeat 24px center; background-size: 20px; width: 100%; background-color: transparent; outline: none; border-radius: 8px; border:1px solid #323248; padding: 8px 24px; color:#fff; padding-left: 60px;}
.aside .idiomas a {display: flex; align-items: center; gap:10px; color: #fff; text-decoration: none; font-weight: 500; font-style: Medium; font-size: 16px; line-height: 150%; letter-spacing: 0px; margin-bottom: 10px;}
.aside .aside-close {display: block; position: absolute; top: 30px; right: 30px; cursor:pointer;}
@media (max-width: 768px) {
.aside-overflow {display: none !important;}
.aside {width: 100%; right: -100%;}
}

.gp-blocks {display: flex; flex-wrap: wrap; margin-top: 60px; gap:10px; margin-bottom: 60px;}
.single-block {display: block; width: calc(25% - 10px); background: #9c0; border-radius: 16px; height: 418px; position: relative;}
.gp-blocks .bloc-img-1 img {display: block; width: calc(100% + 74px); position: relative; z-index: 2}
.gp-blocks .logotipo-plano {margin: 30px; height:64px; display: block; margin-bottom: 10px;}
.gp-blocks .btn {display: block; width: calc(100% - 60px); bottom: 30px; left: 30px; position: absolute;}
.gp-blocks .listagem {margin: 0px 30px;}
.gp-blocks .listagem div {display: block; margin-bottom: 10px; padding-left: 35px; background: url('../img/check.png') no-repeat left top; width: 100%; line-height: 25px;}
.gp-blocks .bloco-3 .listagem div {color: #fff !important; background: url('../img/check-white.png') no-repeat left top;}

@media (max-width: 768px) {
.gp-blocks {display: block}
.single-block {width: 100%; margin-bottom: 30px; height: auto;}
.gp-blocks .bloc-img-1 {overflow: hidden; padding: 0px !important}
.gp-blocks .bloc-img-1 img {width: 100%;}
.single-block {padding-top: 10px; padding-bottom: 30px;}
.gp-blocks .btn {position: relative; left: auto; bottom: auto; margin: auto; width: calc(100% - 60px); margin-top: 30px;}
}