@charset "UTF-8";

/* Variáveis */
:root {
	--cor1: #ffd417;
	--cor2: #181818;
    --cor3: #c8a300;
    --cor4: #101010;

    --cor5: #ffeb13;
    --cor6: #0fa445;
    --cor7: #202d3b;

    --bs-warning-rgb: 255, 212, 23;


}

/* Base */
html{ scroll-padding-top: 90px;}
@media (min-width:1024px) {html{ scroll-padding-top: 150px;}}

body {background: var(--cor2) url(../img/bg2.webp) repeat-y center 0; font-family: 'Montserrat', sans-serif; overflow-x: hidden; color: #fff;}
@media (max-width: 1024px){main {width: 100vw; overflow-x: hidden;}}

.bebas-neue {font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}


/* Header */
.header__util {background: var(--cor1);}
.header {position: sticky; top: 0; z-index: 1000; }
.page-home .header {margin-bottom: -126px;}
.header:before {content: ""; position: absolute; left: 0; top: 0; right: 0; z-index: -1; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1), transparent); ;}

/* Navegação */
@media (max-width: 500px) {.navbar-brand img {height: 45px}}
@media (max-width: 330px) {.navbar-brand img {height: 37px}}
.navbar-nav {--bs-nav-link-padding-y: 0rem;}

@media (min-width: 1200px) {
    .header {top: -40px}
    .header .nav-link {font-size: 0.85rem; font-weight: 400; color: #fff;  position: relative; margin: 0 2px;}

    .nav-link:focus, 
    .nav-link:hover,
    .navbar-nav .nav-link.active, 
    .navbar-nav .nav-link.show,
    .nav-item:hover .nav-link {color: #fff;}

    .navbar-nav .nav-link.active:before,
    .header .nav-link:hover:before {content: ""; position: absolute; background: var(--cor1); height: 2px; left: 8px; right: 8px; bottom: -5px;}

    .navbar-nav .dropdown-menu {background: var(--cor1);}
    .navbar-nav .nav-item:hover .dropdown-menu {display: block;} 
    .navbar-nav .dropdown-item {color: var(--cor4);}
    .navbar-nav .dropdown-item:hover {background: var(--cor3); color: var(--cor4);}
}

@media (min-width: 1200px) and (max-width: 1370px) {
    .header .nav-link {font-size: 0.8rem; margin: 0;}
}

@media (max-width: 1199px) {
    .header .nav-link,
    .navbar-nav .dropdown-item {padding: 6px 0; border-bottom: 1px solid #eee;}
    .navbar-nav .dropdown-menu {border: 0;}
    .navbar-nav .nav-link {font-size: 1.1rem}
}

/* Theme */
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1240px !important; }
}

@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1380px !important;}}
@media (max-width: 768px) {.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 3.5rem; }}
.btn-warning {--bs-btn-bg: var(--cor1); --bs-btn-color: var(--cor2); --bs-btn-border-color: var(--cor1); --bs-btn-hover-bg: var(--cor3); --bs-btn-hover-border-color: var(--cor3);}
.btn-outline-warning { --bs-btn-color: var(--cor1); --bs-btn-border-color: var(--cor1); --bs-btn-hover-color: var(--cor2); --bs-btn-hover-bg: var(--cor1); --bs-btn-hover-border-color: var(--cor1);}
.btn-secondary {--bs-btn-bg: var(--cor2); --bs-btn-border-color: var(--cor2); --bs-btn-hover-bg: var(--cor9); --bs-btn-hover-border-color: var(--cor9);}
.btn-outline-secondary {--bs-btn-color: var(--cor2); --bs-btn-border-color: var(--cor2); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--cor2); --bs-btn-hover-border-color: var(--cor2);}
.btn-outline-success {--bs-btn-color: var(--cor6); --bs-btn-border-color: var(--cor6); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--cor6); --bs-btn-hover-border-color: var(--cor6);}

.border-success {border-color: var(--cor6) !important;}
/*.form-control,*/ 
.form-check .form-check-input {--bs-border-color: #868789;}
.fs-7 {font-size: 4.5rem;}
@media (max-width: 1024px) {.btn {font-weight: 500;}}
@media (min-width: 1200px) {.position-xl-absolute {position: absolute;}}

.bg-gradient-black-transparent {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}
.page-link {color: var(--cor1); background-color: #000;  border-color: var(--cor1); }
.page-link:hover {color: #000; background-color: var(--cor1); border-color: var(--cor1);}
.active>.page-link, .page-link.active {z-index: 3;color: #000; background-color: var(--cor1); border-color: var(--cor1);}



/* Banner Evento */
.banner-evento {background: linear-gradient(to right, #1f1f1f, #434343);}
@media (min-width: 993px) {
  .banner-evento:before {background: url(../img/fachada-pro-magno-centro-de-eventos.webp) no-repeat 50% bottom / cover; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; z-index: 0;}
  .banner-evento:after {content: ""; background: linear-gradient(to right, #1f1f1f, #434343); position: absolute; top: -3px; right: 0; bottom: -3px; width: 60%; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
}

/* Banner Podcast */
.banner-podcast {background: linear-gradient(to right, #1f1f1f, #434343);}
@media (min-width: 993px) {
  .banner-podcast:before {background: url(../img/podcast-rental-fair.webp) no-repeat 50% 50% / cover; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; z-index: 0;}
  .banner-podcast:after {content: ""; background: linear-gradient(to right, #1f1f1f, #434343); position: absolute; top: -3px; right: 0; bottom: -3px; width: 60%; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
}


/* Banner Expositor */
.banner-expositor {background: linear-gradient(to right, #1f1f1f, #434343);}
@media (min-width: 993px) {
  .banner-expositor:before {background: url(../img/area-do-investidor.webp) no-repeat 50% bottom / cover; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; z-index: 0;}
  .banner-expositor:after {content: ""; background: linear-gradient(to right, #1f1f1f, #434343); position: absolute; top: -3px; right: 0; bottom: -3px; width: 60%; clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
}

/* Notícias */
.page-noticias-detalhe main img {max-width: 100%;}
/*======================================*/


/* Animações */
.zoom-container {overflow: hidden;}
.zoom-image {object-fit: cover; width: 100%; height: 100%; transition: transform 0.4s ease;}
.zoom-container:hover .zoom-image {transform: scale(1.1);}

.zoom-button,
.zoom-shadow-button {cursor: pointer;transition: transform 0.2s ease;}
.zoom-button:hover {transform: scale(1.1);}
.zoom-shadow-button:hover {transform: scale(1.1);box-shadow: 0 8px 16px rgba(0,0,0,0.2);}

/* Swiper */
.swiper-button-prev:after {content: "" !important;}
.swiper-button-next:after {content: "" !important;}
.swiper-button-next, .swiper-button-prev {width: 44px !important;}
.swiper1 .swiper-button-prev1 {left: 10%;}
.swiper1 .swiper-button-next1 {right: 10%;}
@media (max-width: 1024px) {
    .swiper1 .swiper-button-prev1,
    .swiper1 .swiper-button-next1 {bottom: 20px; top: auto;}
}

/* Footer */
.footer__copy {background: var(--cor4);}


/* Utilitários */
.bg1 {background: var(--cor1);}
.bg2 {background: var(--cor2);}
.bg3 {background: var(--cor3);}
.bg6 {background: var(--cor6);}
.bg7 {background: var(--cor7);}
.bg8 {background: var(--cor8);}
.cor1 {color: var(--cor1);}
.cor2 {color: var(--cor2);}
.cor3 {color: var(--cor3);}
.cor4 {color: var(--cor4);}
.cor5 {color: var(--cor5);}
.cor6 {color: var(--cor6);}
.shadow-1 {box-shadow: 5px 10px 15px rgba(0, 0, 0, .4);}
.filter-inverted {filter: brightness(0) invert(1);}
.cursor-default {cursor: default;}
.gradient-6to1-bl {background: linear-gradient(to bottom left, var(--cor6), var(--cor1));}