/* Início do reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul, ol{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
}

/* Fim do reset */

:root{
    --roxo-primary:#463588;
    --roxo-secondary:#4D3D88;
    --roxo-third: #8270C7;
    --rosa-primary:#C031CE;
    --amarelo-primary:#FBF213;
}

html{
    font-family:'Montserrat', 'Montserrat Alternates';
    font-size:20px;
    font-weight:500;
    background-color:black;
}

.menu{
    padding:1rem 0;    
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 500;
    background-color:rgba(0, 0, 0, 0.3);
}

.menu .logo{
    width:70%;
    height:auto;
}

.navigation{
    display:flex;
    gap:20px;
    justify-content: center;
	height: 100%;
	align-items: center;
    margin-top:10px;
}

.side-menu .navigation{
    display:block;
    margin-top:10px;
}

.side-menu h4{
    font-family:'Montserrat Alternates';
    font-size:36px;
    font-weight:700;
    color:#999999;
    text-transform: uppercase;
    margin-bottom:15%;
}

.side-menu .nav-item a{
    color:var(--roxo-primary);
    text-transform: uppercase;
    font-family:'Montserrat Alternates';
    font-size:1.5rem;
    font-weight:700;
    transition:.3s ease-in-out;
}
    .side-menu .nav-item a:hover{
        color:var(--rosa-primary);
    }

.main-navigation{
    margin-top:0.3rem;
    display:flex;
    justify-content: end;
    gap:50px;
    align-items: center;
}

.side-menu .navigation li{
    margin-bottom:2.4rem;
}

.text-right{
    text-align: right;
}

.nav-item .destaque{
    color:var(--amarelo-primary);
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    position:relative;
    font-size:0.9rem;
    transition:.3s ease-in-out;
}

.nav-item .destaque:hover{
    color:#FEFDD2;
}

.nav-item .destaque:after{
    content:'\ea24';
    font-family:'tabler-icons';
}

.side-menu{
    position:fixed;
    width:50%;
    height:100dvh;
    background-color:#fff;
    top:0;
    right:-100%;
    z-index: 500;
    padding:5% 4%;
    transition:.3s ease-in-out;
}

.side-menu .navigation li a:after{
    content:'\ea24';
    font-family:'tabler-icons';
}

.menu-info{
    margin-top:20%;
}

.menu-info h5{
    font-size:1.1rem;
    color:var(--roxo-primary);
    font-family:'Montserrat Alternates';
    font-weight:600;
    line-height: 1.4rem;
}

.menu-info p{
    font-size:0.8rem;
    color:var(--roxo-primary);
    font-family:'Montserrat';
    line-height: 1rem;
    margin-bottom:1.5rem;
}

.menu-info a{
    font-size:1rem;
    color:var(--rosa-primary);
    font-family:'Montserrat Alternates';
    text-transform: uppercase;
    font-weight:600;
    line-height: 1rem;
}

.menu-info a:after{
    content:'\ea24';
    font-family:'tabler-icons';
}

.menu-sider{
    cursor:pointer;
    transition: .3s ease-in-out;
}

.side-menu{
    transition: .3s ease-in-out;
}

.side-menu img{
    font-size:2rem;
    position:absolute;
    right:12%;
    top:8%;
    color:var(--roxo-primary);
    cursor:pointer;
}

.nav-fixed{
    position:fixed;
    right:10%;
    bottom:10%;
    z-index: 999;
    cursor:pointer;
    transition: .3s ease-in-out;
}

.reverse{
    transform: rotate(180deg);
}

/* Banner */

#bg-desktop{
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width:100%;
    overflow: hidden;
    height: 100%;
}

.banner{
    width:100%;
    height:100dvh;
    position:relative;
    z-index: 100;
}

.conteudo{
    margin-top:8%;
    position:relative;
    z-index: 200;
}

.conteudo p{
    color:#fff;
    font-size:20px;
    font-weight: 400;
    margin:0.3rem 0 1rem 0;
    line-height: 26px;
}

.conteudo h3{
    color:#C031CE;
    font-weight: 600;
}

.conexoes{
    margin-top:35%;
    position:relative;
    z-index: 200;
}


/* Fórum */

.forum{
    background-color: var(--roxo-primary);
    padding: 3% 0 0 0;
    position:relative;
}

.forum h1{
    font-size:56px;
    color:#fff;
    margin-bottom:2rem;
    font-weight:700;
    font-family:'Montserrat Alternates';
    text-transform:uppercase;
    margin-top:40%;
}

.forum p{
    color:#fff;
    font-size:0.95rem;
    font-weight: 500;
    line-height: 30px;
    width: 100%;
    margin-bottom:1.4rem;
}

.forum figure{
    margin-top:-10px;
    margin-bottom:0;
}

.forum img{
    display:block;
    /* width: 100%; */
    height:auto;    
}

.forum .link{
    margin-top:6%;
}

.forum .link a{
    padding:1rem 1.5rem;
    background-color:var(--rosa-primary);
    color:#fff;
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    border-radius:5px;
}

/* Series */

.series{
    margin:5% 0;
}

.series h2{
    font-size:48px;
    color:#fff;
    margin-bottom:2.5rem;
    font-weight:700;
    font-family:'Montserrat Alternates';
    text-transform:uppercase;
}

.series .swiper{
    width: 100%;
    height: 100%;
}

.box-serie{
    background-color: #fff;
    border-radius:16px;
    padding:37px 19px;
    height: 30vh;
    position:relative;
}

.box-serie h3{
    font-size:1.3rem;
    font-weight: 700;
    margin-bottom:1.1rem;
}

.box-serie p{
    font-size:0.8rem;
    line-height: 1.05rem;
}

.box-serie .link{
    text-align: center;
    margin-top:10%;
    position:absolute;
    bottom:2rem;
}

.box-serie .link a{
    display: inline-block;
    padding:0.8rem 0.4rem;
    border-radius: 5px;
    font-size:0.879rem;
    font-family:'Montserrat Alternates';
    text-transform:uppercase;
    color:#fff;
}

.series .rose{
    background-color: #C031CE;
}

.series .purple{
    background-color: #463588;
}

/* Programação */

.programa{
    padding:6% 0 0 0;
}

.programa h2{
    color:#fff;
    font-size:48px;
    text-transform: uppercase;
    margin-bottom:2rem;
    font-family:'Montserrat Alternates';
    font-weight: 700;
}

.title-right{
    text-align: right;
}

.title-center{
    text-align: center;
}

.box-programa{
    border-top-left-radius:10rem;
    border-top-right-radius:10rem;
    padding:20% 10%;
    height:70vh;
}

.box-programa-reverse{
    border-bottom-left-radius:10rem;
    border-bottom-right-radius:10rem;
    padding:55% 10%;
    height:80vh;
    margin-top:-35%;
}

.rose-box{
    background-image:linear-gradient(to bottom, var(--rosa-primary) 0%, var(--rosa-primary) 70%,  transparent 90%);
    color:#fff;
}

.yellow-box .link a{
    background-color:var(--roxo-primary);
    color:#fff;
}

.purple-box{
    background-image:linear-gradient(to top, var(--roxo-primary) 0%, var(--roxo-primary) 50%,  transparent 80%);
    color:var(--amarelo-primary);
}

.purple-box .link a{
    background-color:var(--amarelo-primary);
    color:#000;
}

.white-box{
    background-image:linear-gradient(to bottom, #fff 0%, #fff 70%,  transparent 80%);
    color:var(--roxo-primary);
}

.white-box .link a{
    background-color:var(--roxo-primary);
    color:#fff;
}

.rose-box .link a{
    background-color:var(--roxo-primary);
    color:#fff;
}

.box-programa-reverse .link{
    margin-top:34% !important;
}

.data{
    display:flex;
    margin-top:17%;
    justify-content: space-between;
}

#theme-3{
    margin-top:2rem;
}
#theme-2{
    margin-top:2.2rem;
}

.tema{
    display:flex;
    justify-content: space-between;
    gap:50px;
}

.data p{
    text-transform: uppercase;
    font-size:16px;
    font-weight:600;
}

.tema h4{
    font-weight: 600;
    font-size:16px;
}

.tema p{
    font-weight: 500;
    font-size:14px;
    line-height: 20px;;
}

.box-programa .title h3{
    font-size:26px;
    margin:1rem 0;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    text-transform: uppercase;
}

.box-programa-reverse .title h3{
    font-size:26px;
    margin:1rem 0;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    text-transform: uppercase;
}

.programa .link{
    text-align: center;
    margin-top:20%;
}

.programa .link a{
    padding:0.8rem 1.3rem;
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    border-radius:6px;
    font-size:0.8rem;
}

.carousel-cards{
    position:fixed;
    top:0;
    right:-100%;
    /* right:0; */
    width:50%;
    height:100dvh;
    background-color:#fff;
    z-index: 900;
}

.card-reader{
    display:flex;   
    justify-content: space-between;
    gap:50px;
}

.card-reader{    
    background-size:100%;
    background-repeat: no-repeat;
    background-position: center;    
    padding:1rem 2rem;
    height:20dvh;
}

.card-rosa{
    background-color:#C031CE;
    background-image:url(../images/header-card.svg);
}
.card-roxo{
    background-color:#463588;
    background-image:url(../images/roxo.svg);
}
.card-branco{
    background-color:#e6e6e6;
    background-image:url(../images/branco.svg);
}

.card-reader button{
    background-color:transparent;
    border:none;
    cursor:pointer;
}

.header-nav{
    display:flex;
    justify-content:start;
    align-items: start;
    background-color: red;
}

.card-reader h3{
    font-size:26px;
    margin:0 0 2rem 0;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    text-transform: uppercase;
    line-height:34px;
}

.card-rosa .header-row h3,
.card-rosa .header-row .info p{
    color:#fff;
}

.card-roxo .header-row h3,
.card-roxo .header-row .info p{
    color:#fff;
}

.info-row{
    display:flex;
    justify-content: space-between;
    gap:50px;
}

.info p{
    font-size:0.8rem;
    margin-bottom:1rem;
    line-height: 1.1rem;
    font-weight:400;
}

.card-content{
    padding:5% 10%;
    overflow-y: scroll;
    height:70dvh;
}

.card-programa{
    width:100%;
}

.card-content h4{
    font-weight: 600;
    position:relative;
}

.full-hour:after{
    content:'';
    position:absolute;
    width:85%;
    right:0;
    height:1px;
    top:0.5rem;
    background-color: black;;
}

.middle-hour:after{
    content:'';
    position:absolute;
    width:85%;
    right:0;
    height:1px;
    top:0.5rem;
    background-color: rgba(0, 0, 0, 0.281);;
}

.card-content .hour{
    background-color:var(--roxo-third);
    padding:1rem 1rem 3rem 1rem;
    width:70%;
    margin:1rem 0;
}

.card-hour{
    display:flex;
    justify-content: flex-end;
}

.card-content .hour p{
    color:#fff;
    font-size:0.9rem;
    font-weight:400;
}

.card-content ul{
    margin-top:0.5rem;
    display:flex;
    gap:20px;
}

.card-content ul li{
    font-size:0.7rem;
    color:#fff;
    font-weight:400;
    padding:0.2rem 0.2rem;
    border-radius:4px;
    background-color: #654FBA;
}

.swiper-button-disabled{
    opacity:0.5;
}

/* Palestrantes */

.palestras{
    background-color: #fff;
    padding:15% 0 3% 0;
    margin-top:-18%;
}

.palestras h2{
    color:#000;
    font-size:48px;
    text-transform: uppercase;
    margin:4rem 0 2rem 0;
    font-family:'Montserrat Alternates';
    font-weight: 700;
}

.slider-palestras{
    position:relative;
    width:100%;
    height:98dvh;
    overflow: hidden;
    background-image: url(../images/palestra-bg.svg);
    background-size:90%;
    background-repeat: no-repeat;
    background-position:center;
}

.slider-palestras .owl-stage-outer{
    overflow:initial;
}

.inner-slider{
    margin-left:15%;
}

.slider-palestras .swiper{
    overflow:initial;
}

.box-palestrante{
    cursor:pointer;
    transition:.3s ease-in-out;
}

.box-palestrante img{
    padding-top:80%;
    width:100%;
    height:auto;
}

.modelo-sup{
    margin-top:-81%;
}

.dados h4{
    font-size:28px;
    font-weight:700;
}

.title-modal-purple{
    color:var(--roxo-primary);
}

.title-modal-rose{
    color:var(--rosa-primary);
}

.dados p{
    font-size:20px;
    font-weight:500;
    text-decoration: underline;
}

.sub{
    top:70%;
    left:-40%;
    text-align: right;
    position:absolute;
    z-index: 999 !important;
}

.sup{
    top:45%;
    right:-20%;
    text-align: right;
    position:absolute;
}

.carousel-palestra-container{
    width:50%;
    position:fixed;
    height:100dvh;
    background-color: white;
    top:0;
    right:-100%;
    /* right:0; */
    z-index: 900;
    transition:.3s ease-in-out;
}

.card-start{
    padding:5% 5%;
}

.linha{
    display:flex;    
    gap:50px;
}

.linha-start{
    justify-content: start;
    align-items: center;
}

.linha-space{
    justify-content:start;
    align-items: start;
    gap:10rem;
}

.boxer-card{
    background-size: 100% 90%;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 100dvh;
}

.boxer-card h3{
    font-family:'Montserrat Alternates';
    font-size:1.8rem;
    font-weight: 700;
    margin:3rem 0 0.4rem 0;
}

.boxer-card h3 span{
    font-family:'Montserrat';
    font-size:1rem;
    font-weight: 500;
}

.boxer-card h4{
    font-weight: 600;
    font-size:1rem;
}

.boxer-card .linha-space{
    margin:8% 0;
}

.palestra-info{
    line-height: 26px;
    font-weight: 400;
}

.boxer ul li{
    line-height: 26px;
    font-weight: 400;
}

.boxer-card .bio{
    margin-left:14%;
}

.boxer-card .theme{
    margin-left:10%;
}

.white-text{
    color:#fff;
}

.white{
    background-color:white;
    background-image: url(../images/mask-white.svg);
}

.purple{
    background-color:var(--roxo-primary);
    background-image: url(../images/mask-purple.svg);
}

.rose{
    background-color:var(--rosa-primary);
    background-image: url(../images/mask-rose.svg);
}

.navigator{
    position:absolute;
    right:2rem;
    top:2rem;
}

.navigator button{
    background-color:transparent;
    border:none;
    cursor:pointer;
}

/* Requerimento */

.requerimento{
    background-color:#fff;
    padding-top:5%;
    background-image:url(../images/requerimento-bg.svg);
    background-repeat: no-repeat;
    background-position: contain;
    background-size:35%;
}

.requerimento h2{
    color:#000;
    font-size:52px;
    text-transform: uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 700;
    margin-bottom:2rem;
}

.requerimento p{
    color:var(--roxo-primary);
    font-size:18px;
    line-height: 28px;
}

.requerimento .link{
    margin:10% 0;
}

.requerimento .link a{
    padding:0.8rem 1.3rem;
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    border-radius:6px;
    font-size:0.8rem;
    background-color: var(--rosa-primary);
    color:#fff;
}

/* Vitrine */

.vitrine{
    padding: 5% 0;
    overflow: hidden;
}

.slider-vitrine{
    display:flex;
    gap:20px;
    animation: loop 20s linear infinite;
    margin:2rem 0;
}

.slider-vitrine-reverse{
    display:flex;
    gap:20px;
    animation: loop-reverse 20s linear infinite;
}

@keyframes loop{
    0%{transform:translateX(-50%)}
    100%{transform:translateX(0%)}
}

@keyframes loop-reverse{
    0%{transform:translateX(0%)}
    100%{transform:translateX(-50%)}
}

/* Parcerias */

.parcerias{
    padding:5% 0;
    background-image:url(../images/parceria-bg.png);
    background-color: #463588;
    background-repeat: no-repeat;
    background-position: top;
    background-size:100%;
    height:100%;
}

.parcerias h2{
    color:#fff;
    font-size:48px;
    text-transform: uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 700;
    margin-bottom:1rem;
}

.parcerias p{
    color:#fff;
    font-size:0.8rem;
    line-height: 18px;
    width:70%;
    font-weight:400;
}

.img-left{
    text-align: right;
}

.text-center{
    text-align: center;
}

.parceiro h3,
.patrocinio h3{
    text-transform: uppercase;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    margin-bottom:2rem;
}

.patrocinio h3{
    margin-top:10%;
}

.parceiro h3:nth-child(1){
    margin-left:1.5rem;
}
.parceiro .text-right{
    margin-right:1.5rem;
}

.parceiro{
    margin-top:10%;
}

/* Ingresso */

.ingresso{
    position:relative;
    margin-bottom:10%;
}

.ingresso h2{
    color:#fff;
    font-size:40px;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    margin-top:50%;
    line-height: 48px;
    margin-bottom:1rem;
}

.ingresso img{
    position:absolute;
    width:45%;
    left:6%;
}

.ingresso p{
    color:#fff;
    line-height: 26px;
    font-weight: 400;
}

.ingresso .link{
    margin:10% 0;
}

.ingresso .link a{
    padding:0.8rem 1.3rem;
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    border-radius:6px;
    font-size:0.8rem;
    background-color: var(--amarelo-primary);
    color:#000;
}

/* Formulário */

.formulario{
    margin:3% 0 0 0;
}

.formulario h2{
    color:#fff;
    font-size:36px;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    line-height: 40px;
    margin-bottom:1rem;
}

.formulario p{
    color:#fff;
    font-size:0.9rem;
    line-height: 26px;
    font-weight: 500;
    margin-bottom:10%;
}

.formulario img{
    /* position:relative; */
    width:40%;
    margin-top:-35%;
    display:block;
    margin-left:auto;
    margin-right:0;
}

.formulario label{
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 600;
    color:#fff;
    font-size:0.8rem;
}

.formulario input{
    width:100%;
    height:3rem;
    background-color: transparent;
    border-radius:8px;
    border:2px solid #CCCCCC;
    margin-bottom:1rem;
    margin-top:0.4rem;
    color:#fff;
    transition:.3s ease-in-out;
}
    .formulario input:hover{
        border:2px solid var(--roxo-primary);
    }
    .formulario input:focus{
        background-color:  var(--roxo-primary);
        border:2px solid var(--roxo-primary);
    }

.formulario textarea{
    width:100%;
    background-color: transparent;
    border-radius:8px;
    border:2px solid #CCCCCC;
    margin-bottom:1rem;
    margin-top:0.4rem;
    color:#fff;
    transition:.3s ease-in-out;
}
    .formulario textarea:hover{
        border:2px solid var(--roxo-primary);
    }
    .formulario textarea:focus{
        background-color:  var(--roxo-primary);
        border:2px solid var(--roxo-primary);
    }

::placeholder{
    font-family: 'Montserrat';
    font-weight:500;
    padding-left:0.6rem;
}

textarea::placeholder{
    padding-top:1rem;
}

.submit-btn{
    text-align: right;
}

.formulario button{
    padding:0.6rem 1.5rem;
    background-color: var(--rosa-primary);
    border-radius:8px;
    color:#fff;
    text-transform:uppercase;
    font-family:'Montserrat Alternates';
    font-weight: 500;
    font-size:1rem;
    border:1px solid var(--rosa-primary);
    cursor:pointer;
}

/* Rodape */

.rodape,
.rodape-mobile{
    background-color:var(--roxo-secondary);
    background-image:url(../images/element-footer.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size:50%;
    padding:7% 0 3% 0;
    /* position:relative; */
}

.rodape p,
.rodape-mobile p{
    color:#fff;
    font-size:16px;
    line-height: 28px;
    margin-bottom:0.3rem;
}

.rodape img,
.rodape-mobile img{
    margin:10% 0;
    width:100%;
}

.footer-links{
    position:absolute;
    top:0;
    /* right:-10rem; */
    width:100%;
}

.footer-links h4{
    color:#fff;
    font-size:20px;
    font-weight:600;
    margin-bottom:1rem;
}

.footer-links ul li{
    margin:1rem 0;
}

.footer-links ul li a{
    color:#fff;
    text-transform:uppercase;
    font-size:0.75rem;
    font-weight: 400;
    transition: .3s ease-in-out;
}
.footer-links ul li a:hover{
    color:var(--amarelo-primary);
}

.menu-footer li a:after{
    content:'\ea24';
    font-family:'tabler-icons';
}

.rodape .sebrae{
    width:50%;
    display: block;
    margin: 5% 10% 0 auto;
    padding-bottom:3%;
}