* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

:root{
    --zenite:       #025b93;
    --zenite-star:  #9f7f3f;
    --primary:      #1f6f9e;
    --second:       #99522d;
    
    --contrast:     #fb7236;
    --contrast2:   #703d2d;

    --contrast2b:   90, 47, 14, .7;
    --contrast3:   #9a8d55;

    --contrast4:   #e6cd43;
    --text:         #17232b;

    --white:        #ffffff;
    --gray:         #b8b8b8;
    --black:        #000000;

    --blu:          #122f38;
    --blu2:         #263045;
    --blu3:         #94a0b4;
    --blu4:         #3e6383;

    --star2:        #8a7e48;

        --btn-01:       #8c7e48;
        --btn-02:       #1c3b5e;
        
    --gradient-01a:  25,   40,  54, 1;
    --gradient-01b:  21,   31,  35, 1;
    --gradient-02a:  31,   50,  67, 1;
    --gradient-02b:  24,   37,  51, 1;
    --gradient-03a:  25,   40,  54, 1;
    --gradient-03b:  201, 189, 176, 1;
    --gradient-04a:   26,  82, 124, 1;
    --gradient-04b:   22,  63, 112, 1;
        --gradient-05a:  28,  59,  94, 1;
        --gradient-05b:  92, 180, 238, 1;
        --gradient-06a:  21,  33,  48, 1;
        --gradient-06b:  01,  89,  88, 1;

    --darker:       0, 0, 0, .3;
}
html{
    margin: 0px;
}
body{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #1f6f9e;
    font-display: auto;
    font-family:  'Century Gothic', arial, helvetica, sans-serif;
    background-color: #FFFFFF;
	overflow-x: hidden; 
}

h1, h2, h3, h4 {font-family: 'Century Gothic', arial, helvetica, sans-serif; margin: 0; color: var(--white); font-size: 2.125rem; font-weight: 700;}
h1{ text-transform: uppercase; text-align: left;}
h2{display: inline-block; padding-bottom: 10px; font-size: 3rem; font-style: italic;}
h3{font-size: 1.875rem;}
h4{color: var(--contrast); font-size: 1.688rem; line-height: 4rem;}
p {margin: 0; color: var(--text);}
a {cursor: pointer; text-decoration: none; transition: .3s all; color:#f9ed8d;}
figure {margin: 0; float: left; text-align: center;}
picture>img{width: 100%; object-fit: cover;}

.clear  {clear: both;}
.m-show {display: none;}
.bloc   {display: block;}
.disable{opacity: .5;}

.a-white{color: var(--white); text-decoration: underline;}
.a-white:hover{opacity: .3;}

.show-popup, .show-popup1, .show-popup2, .show-popup3{display: block !important;}

/*MEU CSS*/

.estrelagold {
    margin-bottom: 18px;
    margin-right: 7px;
}



.mask {
  cursor: pointer;
}

section.mask {
  position: relative;
  overflow: hidden;
  height: 80vh;
}

section.mask { border: 0.01px solid transparent; }


.video-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* textura */
.mask::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: rgba(10, 70, 120, 0.5);
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 25%, transparent 10%);
    background-size: 10px 10px;
}

/* botão de play */
.play-button {
    position: absolute;
    top: 36%;
    left: 45%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    animation: pulse 2s infinite ease-in-out;
    z-index: 2;
}

.play-button::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 40px solid black;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
}

.play-button:hover {
    transform: scale(1.2) rotate(10deg);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
    50% {
        transform: scale(1.1);
        box-shadow: 0 0 25px rgba(255, 255, 255, 0.8);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);
    }
}

.play-button:active {
    transform: scale(0.9);
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

/* modal */

.modal .modal-dialog {
    background-color: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 101 !important;
    padding: 0 10px;
	
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 300;
}

.modal-content {
    position: relative;
    width: 100%;
    max-width: 1200px;
}

.modal-content iframe {
    width: 100%;
    height: 600px;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: white;
    cursor: pointer;
}


       .custom-box {
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 15px;
        padding: 40px; /* Ajuste o espaçamento interno conforme necessário */
        position: absolute;
        top: 50px; /* Ajuste a posição vertical conforme necessário */
        left: 50px; /* Ajuste a posição horizontal conforme necessário */
    }


.hide-faq{display: none;}

.arrow-open {
    transform: rotate(-90deg);
}

/* Estilo da Pop-up */
.popup {
    display: none;
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(5, 41, 89, 0.95);
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.popup p {
    margin: 5px;
    color: white;
}

/* Estilo do botão de fechar */
.fechar {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    color: white;
    border: none;
    font-size: 2em;
}


    .logo-evento-footer{width: 90%;}
    .logo-evento-footer img{width: 90%;}

/*MENU*/
.myMenu{
    position: fixed;
    background-color: rgba(21,31,36,.6);
    top: 0px;
    width: 100vw;
    height: 110px;
    left: 0;
    transition: .8s all;
	z-index: 99;
    padding-left: 20px;
}
.menu-container{
    width: 1200px;
    max-width: 100%;
    margin: 0 calc(50% - 600px);
}

.myMenu ul{
    float: left;
    list-style-type: none;
    padding: 0;
    width: 620px;
    margin: 44px 0 10px 160px;
    text-align: center;
}
    .myMenu ul>li{
        float: left;
        line-height: 35px;
        text-transform: uppercase;
        display: block;
        color: var(--white);
    }
        .myMenu ul>li>a {
            transition: .2s all; color: var(--text);
            color: var(--white);
            font-size: 19px;
            padding: 25px 10px;
            font-weight: 500;
        }
            .myMenu ul>li>a:hover {opacity: .3;}

    .menu-social{
        float: right;
        padding-top: 40px;
        margin-right: 0px;
    }
        .menu-social>a{
            float: left;
            margin: 10px 7px;
        }
        .menu-social>a:hover{
            opacity: .3;
        }
            .menu-social>a>img{
                height: 27px;
            }
        .menu-social>a:last-child{
            margin: 7px 10px 0px 10px;
            float: right;
        }
            .menu-social>a:last-child>img{
                height: 35px;
            }


/* Menu Fix top */
.menu{
    max-width: 100%;
    border-radius: 0px;
    z-index: 20;
    background-color: rgba(0,0,0,.65);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(30px) saturate(180%);
}

.anchor{
    float: left;
    width: 0px;
    height: 0;
    position: relative;
    top: -110px;
}

/*FOOTER*/
footer {
    width: 100%;
    background-color: var(--white);
    overflow: hidden;
    padding-bottom: 40px;
}
footer .grid>a {display: block;}
    footer a:hover {text-decoration: underline;}

footer .border-04 a{color: var(--blu2);}
footer .border-04{border-left: 1px solid var(--second);}
footer .border-05{border-top: 1px solid var(--second); border-bottom: 1px solid var(--second);}
.logo-evento-footer{float: left; width: 60%;}

.footer-social{
    width: 210px;
    margin: 0 auto;
}
    .footer-social>a{
        margin: 0 6px;
        height: 22px;
    }
    .footer-social>a:hover{
        opacity: .3;
    }
    .footer-social>a>img{
        height: 22px;
    }

/* Logos & images */

.menu-logo{
    width: 92px;
    height: 33px;
    margin: 35px 0 5px;
}
    .menu-logo img{
        text-align: center;
        margin-left: 100px;
        width: 92px;
    }

#seminario .font-34 {
    font-size: 1.325rem;
}
.destaques-evento{
    width: 19.063rem;
    max-width: 50%;
    margin: 40px 0 0;
}
.destaques-evento2{
    width: 100%;
    margin: 50px 0 30px;
}
    .destaques-evento2 img{
        width: 87.5rem;
        max-width: 100%;
    }
.logo-evento{
    width: 100%;
    margin: 0px 0px 60px 0px;
}
    .logo-evento img{
        width: 38.688rem;
        margin-top: -20px;
        margin-bottom: -20px
    }
.logo-evento-mini{
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 40px
}
    .logo-evento-mini img{
        width: 25.563rem;
    }
.logo-evento-short{
    float: left;
    width: 7.625rem;
    margin-right: 3.125rem;
}
.logo-evento-short2{
    float: left;
    width: 7.625rem;
    margin: 20px 0 0 50px;
}
.evento-data{
    padding-right: 25px
}
    .evento-data>img{
        float: right;
        width: 18.438rem;
        max-width: 100%;
    }
.evento-local{
    padding: 0px;
}
    .evento-local>img{
        float: left;
        width: 23.125rem;
        max-width: 100%;
    }

.border-01 {
    border: 3px solid var(--blu2);
    background-color: rgba(255, 255, 255, .65);
}
.border-02 {
    border: 2px solid var(--zenite-star);
}
.border-02b {
    border-right: 2px solid var(--zenite-star);
}
.border-06{
    background-color: var(--white);
    border: 1px solid var(--blu4);
    margin: 1.25rem 0;
    padding: 0.625rem 3.125rem;
    min-height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-logo{
    float: left;
    width: calc(100% - 650px);
}
.img-prof1{
    background: url('../images/prof-anadricea.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof2{
    background: url('../images/prof-alessandra.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof3{
    background: url('../images/prof-isis.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof4{
    background: url('../images/prof-joel.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof5{
    background: url('../images/prof-anacleto.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof6{
    background: url('../images/prof-manuela.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof7{
    background: url('../images/prof-marcia.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof8{
    background: url('../images/prof-ricardo.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof9{
    background: url('../images/prof-rodrigo.webp') no-repeat center center;
    background-size: 20rem 30rem;
}
.img-prof10{
    background: url('../images/prof-solange.webp') no-repeat center center;
    background-size: 20rem 30rem;
    }
.img-prof11{
    background: url('../images/prof-suzana.webp') no-repeat center center;
    background-size: 20rem 30rem;
}

.img-prof12{
    background: url('../images/prof-hilda.png') no-repeat center center;
    background-size: 20rem 30rem;
}

.img-prof13{
    background: url('../images/prof-gustavo.webp') no-repeat center center;
    background-size: 20rem 30rem;
}

.img-prof14{
    background: url('../images/prof-renato.jpg') no-repeat center center;
    background-size: 20rem 30rem;
}

.prof-detalhe{
    background: url('../images/prof-detalhe.webp') no-repeat center center;
    background-size: contain;
    width: 65px;
    height: 65px;
    position: absolute;
    margin-left: 17.188rem;
    margin-top: 27.5rem;
}
.prof-detalhe2{
    background: url('../images/prof-detalhe.webp') no-repeat center center;
    background-size: contain;
    width: 75px;
    height: 75px;
    position: absolute;
    margin-left: 90.3rem;
    margin-top: 35rem;
}
.img-prof2{
    width: 25rem;
    height: 37.438rem;
    float: left;
}
#quem figure{
    float: none;
    text-align: center;
    padding-top: 1rem;
}
#quem figure>img{
    text-align: center;
    width: 5.875rem;
    height: 5.875rem;
}
#motivos figure{
    float: none;
    text-align: center;
    padding-top: 2.188rem;
    padding-bottom: 1.875rem;
}
#motivos figure>img{
    text-align: center;
    width: 5.375rem;
    height: 5.375rem;
}
#agenda figure{
    float: none;
    text-align: center;
    padding: 1.25rem 0;
}
#agenda img{
    text-align: center;
    width: 4.25rem;
    height: 4.25rem;
}
.agenda-line{
    float: left;
    height: 3px;
    width: 90%;
    margin: 20px 5%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
.banco{
    float: right;
    width: 8.625rem;
    height: 3.125rem;
}
.banco img{
    width: 8.625rem;
    height: 3.125rem;
}
.hotel{
    float: left;
    width: 546px;
}

.galeria-hotel{
    width: 100%;
    float: left;
    margin-bottom: -5px;
}
.galeria-footer{
    width: 100%;
    float: left;
}
    .galeria-footer img,
    .galeria-hotel img{width: 100%;}
    
.rolling-galeria {
    background: url('../images/galeria-baixo.png') repeat-x center center;
    background-repeat: repeat-x;
    width: 480vw; /* Ajuste para duplicar o conteúdo da galeria */
    margin: 0 25px;
    height: 365px;
    float: left;
    cursor: pointer;
    transition: .3s;
}

.rolling-galeria:hover {
    opacity: .4;
}

.marquee {
    animation: scroll 42s linear infinite; /* Ajuste a duração da animação conforme necessário */
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.mom{
    float: left;
    width: 100%;
    margin-top: -175px;
    position: relative;
}
.valor a{
    font-style: italic;
    border: 1px solid var(--white);
    border-radius: 0.938rem;
    height: 1.875rem;
    line-height: 1.75rem;
    color: var(--white);
    cursor: pointer;
    margin: 2.5rem auto;
    padding: 0 20px;
    float: left;
}
    .valor a:hover{ 
        background-color: var(--white);
        color: var(--primary);
    }

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

/* Banners & Backgrounds */
.bg-white   {background-color: var(--white);}
.bg-dark    {background-color: var(--black);}
.bg-second   {background-color: var(--contrast3);}
.bg-star2    {background-color: var(--star2);}
.bg-blu4     {background-color: var(--blu4);}

.bg-galeria1{
    background: rgb(24,69,119);
    background: linear-gradient(90deg, rgba(24,69,119,1) 0%, rgba(83,119,160,1) 50%, rgba(30,77,131,1) 100%);
    height: 460px;
}
.bg-galeria2{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    height: 460px;
}


.bg-001 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 700px;
   
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 47, 63, 0.85); /* Máscara azul escura transparente */
}

.logo-centralizada {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.logo-centralizada img {
    max-width: 1100px; /* Ajuste conforme necessário */
    height: auto;
}

/*
.bg-001{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao.png') no-repeat top center;
    background-size: cover;
    padding-top: 110px;
}*/
.bg-001x{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
.bg-002{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/banner-02-HD.webp') no-repeat bottom center;
    background-size: cover;
    padding: 80px 0 00px;
}
.bg-003{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/banner-03-HD.webp') no-repeat top center;
    background-size: cover;
    height: 13.625rem;
}

.bg-004{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('../images/banner-04-HD.webp') no-repeat center center;
    background-size: cover;
}
.bg-005{
    background: #ffffff url('../images/image00006.jpg') no-repeat top left;
    background-size: auto 96%;
}
/* .bg-006{
    background: url('../images/banner-06-HD.webp') no-repeat top right;
    background-size: auto 92%;
    padding-top: 60px;
    margin-top: -60px !important;
} */
.foto-evento{
    width: 40%;
    height: 1116px;
    overflow: hidden;
}
.foto-evento img{height: 100%;}
.bg-007{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('../images/banner-07-HD.webp') no-repeat center center;
    background-size: cover;
}
.bg-008{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('../images/banner-08-HD.webp') no-repeat center center;
    background-size: cover;
}
.banner-01{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao_22.jpg') no-repeat top center;
    background-size: cover;
    padding-top: 110px;
    min-height: 95vh;
}
.banner-02{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao.png') no-repeat top center;
    background-size: cover;
    padding-top: 110px;
    min-height: 95vh;
}
.banner-03{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao_4.png') no-repeat top center;
    background-size: cover;
    padding-top: 110px;
    min-height: 95vh;
    
}

.banner-03 .container-1600 {
    width: 100rem;
    margin: 0px 100px;
    max-width: 95vw;
}
.banner-03 li{
    padding: 10px 0;
    font-style: italic;
}
.banner-03 li>span{
    color: var(--zenite-star);
    font-weight: 600;
}
.iframe1{
    float: left;
    width: 900px;
    height: 506px;
    margin: 0 calc(50% - 450px) 0;
    -webkit-box-shadow: 0px 0px 49px 9px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 49px 9px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 49px 9px rgba(0,0,0,0.3);
}


/* Splide section */
.caroussel-02 {
    float: left;
    width: 100%;
    height: 95vh;
    margin: 0px auto;
}
.caroussel-01 {
    float: left;
    width: 100%;
    height: 506px;
    margin: 0px auto;
}
.caroussel-02>.splide__track,
.caroussel-02>.splide__track>.splide__list>.caroussel-slide,
.caroussel-01>.splide__track,
.caroussel-01>.splide__track>.splide__list>.caroussel-slide{
    overflow: hidden;
}
.caroussel-01 .splide__slide img{width: 35.625rem;}
.container1 {
    width: 704px;
    margin: 0px auto;
}

.caroussel-01 .splide__arrows,
.caroussel-02 .splide__arrows{display:;}

.splide__arrow--prev {left: 30px !important;}
.splide__arrow--next {right: 30px !important;}


.grt-03 #splide01 .splide__pagination{
    bottom: -110px;
}
.grt-03 #splide01 .splide__pagination__page{
    background-color: var(--blu);
}
.grt-03 #splide01 .splide__pagination__page.is-active{
    background-color: var(--primary);
}

.bg-001x .splide__pagination{display: none}



/* Buttons */

.btn-default{
    border: 1px solid;
    border-radius: 11px;
    width: 20.75rem;
    margin: 30px auto;
    cursor: pointer;
    transition: .3s;
    display: block;
    font-weight: 900;
    text-align: center;
    font-style: italic;
    line-height: 1.7em;
    font-size: 1.4rem;
}

.btn-white{
    background-color: var(--white);
    border-color: var(--white);
    color: var(--btn-02);
}
    .btn-white:hover{
        background-color: transparent;
        color: var(--white);
    }
.btn-gray{
    background-color: var(--gray);
    border-color: var(--gray);
    color: var(--second);
    margin: 0;
}
    .btn-gray:hover{
        background-color: transparent;
        color: var(--gray);
    }
.btn-blu{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
    .btn-blu:hover{
        background-color: transparent;
        color: var(--primary);
    }

.btn-orange{
    background-color: var(--second);
    border-color: var(--second);
    color: var(--white);
}
    .btn-orange:hover{
        background-color: transparent;
        color: var(--second);
    }
.btn-orange{
    background-color: var(--zenite-star);
    border-color: var(--zenite-star);
    color: var(--white);
}
    .btn-orange:hover{
        background-color: transparent;
        color: var(--zenite-star);
    }
.btn-orange2{
    background-color: var(--zenite-star);
    border-color: var(--zenite-star);
    color: var(--blu2);
    font-weight: 600;
}
    .btn-orange2:hover{
        background-color: transparent;
        color: var(--zenite-star);
    }




.ebook-estatais{
    float: left;
    width: 100%;
    height: 7.438rem;
    margin: 130px 0 100px;
}
    .ebook-estatais>img{
        width: 53.75rem;
    }


.lettering{
    background: url('../images/lettering.webp') repeat-x center center;
    background-repeat: space;
    width: calc(100% - 50px);
    margin: 0 25px;
    height: 55px;
    float: left;
}

.noticias-destaques{
    float: left;
    width: 100%;
    height: 9.188rem;
    margin: 180px 0 60px;

}
    .noticias-destaques>img{
        width: 29.875rem;
    }


.btn-curriculo{
    font-style: italic;
    border: 1px solid var(--white);
    border-radius: 0.938rem;
    height: 1.875rem;
    line-height: 1.75rem;
    color: var(--white);
    width: 9.375rem;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 1.875rem;
}
    .btn-curriculo:hover{ 
        background-color: var(--white);
        color: var(--primary);
    }

.btn-proposta{
    border: 2px solid var(--contrast4);
    border-radius: 1.438rem;
    height: 2.875rem;
    color: var(--contrast4);
    padding: 0.625rem 2.5rem;
    float: left;
}
    .btn-proposta:hover{
        color: var(--black);
        background-color: var(--contrast4);
    }
.btn-inscrevase{
    float: left;
    width: 16.438rem;
    height: 4.875rem;
    margin: 40px 0 0 13px;
}
.btn-inscrevase:hover{
    opacity: .3;
}
.btn-inscrevase-aqui{
    float: right;
    border: 2px solid var(--primary);
    background-color: #1D2E3F;
    color: var(--white);
    font-size: 1.4rem;
    border-radius: 2.25rem;
    height: 4.375rem;
	Padding: 15px;
}
.btn-inscrevase-aqui:hover{
    color: var(--primary);
    background-color: transparent;
}


.hide-faq{display: none;}
.btn-faq1:focus ~ #faq1{display: block;}
.btn-faq1:focus #btn-faq-arr1 {transform: rotate(-90deg);}


.btn-hotel{
    border: 2px solid var(--zenite-star);
    border-radius: 0.938rem;
    color: var(--zenite-star);
    font-size: 1.875rem;
    transition: .3s all;
    width: 8.125rem;
    display: inline-block;
}
.btn-hotel:hover{
    background-color: var(--star2);
    color: var(--white);
}



/* GRID & Container*/
.ovfw-hidden{overflow: hidden;}
.f-right{float: right !important;}
.flex{display: flex;}
.inline-bloc{display: inline-block;}
.absolute{position: absolute;}

.flex-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 3.75rem;
}
.flex-item h3{
    color: var(--second);
    font-style: italic;
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 1em;
    width: 80%;
    padding-bottom: 30px;
}
.flex-item:first-child h3,
.flex-item:last-child h3{
    color: var(--primary);
}
.flex-container2 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex-container3 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.flex-item0 {
    text-align: center;
    display: grid;
    align-items: center;
    align-self: stretch;
}
.flex-item {
    background-color: var(--white);
    padding: 3.75rem 2.5rem;
    width: calc(33% - 1.25rem);
    align-self: stretch;
    margin: 0.625rem;
    -webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
}
.flex-item2 {
    background-color: var(--white);
    padding: 0.7rem;
    width: 15rem;
    height: 16.25rem;
    align-self: stretch;
    margin: 1.25rem 1.125rem;
    -webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    transition: transform 0.3s ease;
}

.flex-item2:hover {
    transform: scale(1.1); 
}

.flex-item3 {
    background-color: var(--blu2);
    padding: 1.25rem;
    width: 21rem;
    height: 26rem;
    align-self: stretch;
    margin: 1.563rem 1rem;
    -webkit-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 10px 15px 2px rgba(0,0,0,0.4);
}
.flex-item3>div {
    width: 100%;
    height: 100%;
    border: 2px solid var(--btn-01);
    padding: 0 0.75rem;
}

.half {width: 50%; float: left;}
.w100 {width: 100%; max-width: 100vw; margin: -10px auto;}
.w90  {width: 90%; margin: 0 auto;}

.grid    {float: left;}
.grid-1  {width: 100%; margin: 0 auto;}
.grid-2  {width: 50%;}
.grid-3  {width: 33.33%;}
.grid-4  {width: 25%;}
.grid-35 {width: 35%;}
.grid-40 {width: 40%;}
.grid-60 {width: 60%;}
.grid-65 {width: 65%;}
.grid-70 {width: 70%;}
.grid-80 {width: 80%;}

.left  {float: left;}
.right  {float: right;}

.container-880  {width: 55rem; margin: 0 auto; max-width: 90vw;}
.container-990  {width: 61.875rem; margin: 11px auto; max-width: 95vw;}
.container-1140 {width: 71.25rem; margin: 0 auto; max-width: 90vw;}
.container-1200 {width: 75rem; margin: 0 auto; max-width: 95vw;}
.container-1500 {width: 93.75rem; margin: 0 auto; max-width: 95vw;}
.container-1600 {width: 100rem; margin: 0 auto; max-width: 95vw;}


.shadow{
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.4);
}

.riscado {
    
}


.grt-01{
    background: var(--gradient-01a);
    background: linear-gradient(90deg, rgba(var(--gradient-01a)) 0%, rgba(var(--gradient-01b)) 100%);
}
.grt-02{
    background: var(--gradient-02a);
    background: linear-gradient(225deg,  rgba(var(--gradient-02b)) 0%, rgba(var(--gradient-02a)) 50%, rgba(var(--gradient-02b)) 100%);
}
.grt-03{
    background: rgb(219,232,237);
    background: linear-gradient(0deg, rgba(219,232,237,1) 0%, rgba(255,255,255,1) 100%);
}
.grt-04{
    background: rgb(32,57,83);
    background: linear-gradient(90deg, rgba(32,57,83,1) 0%, rgba(78,110,136,1) 50%, rgba(32,57,83,1) 100%);
}
.grt-05{
    background: rgb(29,69,126);
    background: linear-gradient(0deg, rgba(29,69,126,0.75) 0%, rgba(29,69,126,0.25) 100%);
}
.grt-06{
    background: rgb(23,58,103);
    background: linear-gradient(0deg, rgba(23,58,103,1) 0%, rgba(3,7,24,1) 100%);
}

.container-prof{
    height: 30rem;
    width: 20rem;
    margin: 25px 25px 40px;
    -webkit-box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 20px 15px 2px rgba(0,0,0,0.4);
    transition: transform 0.3s ease; 
}

.container-prof:hover {
    transform: scale(1.1); 
}
    .container-prof>button{
        background-color: rgba(14, 57, 90, .75);
        width: 100%;
        height: 15.125rem;
        display: inline-block;
        align-self: flex-end;
        border: none;
        max-width: 25rem;
    }

.box01{
    float: left;
    height: 344px;
    padding: 30px 150px 0 0;
    position: relative;
    clear: both;
}
    .box-color01{
        background: url('../images/gradient-box-01.png') no-repeat center right;
        background-size: 568px 344px;
        padding-right: 150px;
        margin-left: -70px;
        width: 568px;
        z-index: 3;
    }
    .box-color02{
        background: url('../images/gradient-box-02.png') no-repeat top right;
        background-size: contain;
        margin: -220px 0 0 -70px;
        width: 895px;
        z-index: 2;
    }
    .box-color03{
        background: url('../images/gradient-box-03.png') no-repeat top right;
        background-size: contain;
        margin: -220px 0 0 -70px;
        width: 1200px;
        z-index: 1;
    }
    .innerbox{
        float: right;
        width: 240px;
        margin-right: 30px;
        text-align: center;
    }


.container-04{
    width: 100%;
    max-width: 45rem;
    margin: 0.75rem auto 0;
    overflow: hidden;
    transition: .5s all;
}
    .container-04>.content{
        display: block;
        background-color: var(--white);
        padding: 1.25rem 3.125rem;
    }

.dropdown{
    float: left;
    width: 100%;
    padding: 1.25rem 1.563rem;
    border: 1px solid var(--white);
}
    .dropdown p{
        color: var(--white);
}
.dropdown-arrow{
    float: right;
    width: 30px;
    height: 30px;
    background: url('../images/dropdown-arrow.svg') no-repeat center center;
    background-size: 15px 9px;
    border-radius: 50%;
    background-color: var(--white);
    transition: .3s all;
    cursor: pointer;
}
.dropdown-arrow:hover{
    background-color: var(--gray);
}

.investimento-inclui{
    background-color: var(--white);
    padding: 60px;
    width: 85%;
    float: right;
}
.valor{
    width: 40%;
    float: left;
    padding: 120px 70px;
    margin-top: -33rem;
}
.obs{
    float: right;
    width: 45%;
    padding: 70px 35px 70px 0;
}
.hotel-name{
    width: calc(100% - 546px);
}

	
/* Margin & Padding */
.margin0        {margin: 0;}
.margin-center  {margin-left: auto; margin-right: auto;}

.margin-t-600   {margin-top: -600px;}
.margin-t20     {margin-top: 20px;}

.margin2-b130   {margin-bottom: 8.125rem;}

.margin-lr10    {margin-left: 10px; margin-right: 10px;}

.margin-l-130   {margin-left: calc(50% - 700px);}

.pad-25     {padding: 25px;}
.pad-35     {padding: 35px;}

.pad-lr20   {padding-left: 20px; padding-right: 20px;}
.pad-lr30   {padding-left: 30px; padding-right: 30px;}
.pad-lr40   {padding-left: 40px; padding-right: 40px;}
.pad-lr130  {padding-left: 130px; padding-right: 130px;}

.pad-tb60   {padding-top: 60px; padding-bottom: 60px;}
.pad2-tb10  {padding-top: 0.625rem; padding-bottom: 0.625rem;}
.pad2-tb20  {padding-top: 1.25rem; padding-bottom: 1.25rem;}
.pad2-tb50  {padding-top: 3.125rem; padding-bottom: 3.125rem;}
.pad2-tb70  {padding-top: 4.375rem; padding-bottom: 4.375rem;}
.pad2-tb100 {padding-top: 3.25rem; padding-bottom: 1.45rem;}

.pad-t50    {padding-top: 50px;}
.pad2-t100  {padding-top: 3.25rem;}

.pad-b10    {padding-bottom: 10px;}
.pad-b90    {padding-bottom: 90px;}
.pad2-b200  {padding-bottom: 2.5rem;}

.pad-r40    {padding-right: 40px;}

/* Fonts & Paragraphs */
.t-left     {text-align: left;}
.t-center   {text-align: center;}
.t-right    {text-align: right;}

.font-primary   {font-family: 'Century Gothic', arial, helvetica, sans-serif;}
.font-secondary {font-family: 'Myriad Pro', arial, helvetica, sans-serif;}
.font-third     {font-family: arial, helvetica, sans-serif;}

.font-14 {font-size: 0.875rem;}
.font-16 {font-size: 1rem;}
.font-17 {font-size: 1.063rem;}
.font-18 {font-size: 1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-24 {font-size: 1.5rem;}
.font-26 {font-size: 1.625rem;}
.font-28 {font-size: 1.75rem;}
.font-30 {font-size: 1.4rem;}
.font-34 {font-size: 1.925rem;}
.font-40 {font-size: 2rem;}
.font-45 {font-size: 2.13rem;}
.font-50 {font-size: 3.125rem;}

.weight3 {font-weight: 300;}
.weight5 {font-weight: 500;}
.weight6 {font-weight: 600;}
.weight7 {font-weight: 700;}
.weight9 {font-weight: 900;}

.italic {font-style: italic;}
.cond   {font-stretch: condensed;}
.upper  {text-transform: uppercase;}

.line-08 {line-height: 0.813rem;}
.line1-6 {line-height: 1.6rem;}
.line1-8 {line-height: 1.8rem;}
.line2 {line-height: 2rem;}
.line3 {line-height: 3rem;}

.color-white    {color: var(--white);}
.color-gray     {color: var(--gray);}
.color-dark     {color: var(--black);}
.color-star     {color: var(--zenite-star);}
.color-default  {color: var(--text);}
.color-primary  {color: var(--primary);}
.color-second   {color: var(--second);}
.color-blu      {color: var(--blu);}
.color-blu3     {color: var(--blu3);}
.color-contrast2{color: var(--contrast2);}


#anchor-investimento .container-880 {
    width: 55rem;
    margin-left: 500px;
    max-width: 90vw;
}

.banner-02 h3{
    width: 100%;
    float: left;
    text-align: center;
}

.prof-name{
    text-align: left;
    padding-left: 90px;
    width: 90%;
}
.prof-choose-h3{
    margin: 50px 0 30px;
}
.prof-descricao{
    color: var(--white);
    font-style: italic;
}
.coordenacao{
    opacity: 20%;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--white);
    font-size: 2.125rem;
    margin-bottom: -15px;
    margin-top: 10px;
}
#quem  p{
    font-weight: 600;
    font-size: 1.25rem;
    margin-top: 1.125rem;
    text-align: center;
}
#motivos  p{
    font-weight: 400;
    font-size: 1.1rem;
    text-align: center;
    color: var(--white);
}
#agenda h3{
    font-weight: 600;
}
#agenda p{
    color: var(--white);
    line-height: 1.6em;
}
#faq p{
    float: left;
    width: calc(100% - 3.75rem);
    font-size: 1.25rem;
    font-weight: 600;
}

#faq .pad2-tb100 {
    padding-bottom: 4.25rem
}

.investimento-inclui h3{
    color: var(--text);
    border: 3px solid var(--text);
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    width: 90%;
    float: right;
}
.investimento-inclui p{
    float: right;
    width: 53%;
}
.valor p>span{
    font-size: 1.25rem;
    text-transform: lowercase;
    font-style: italic;
    font-weight: 300;
    float: left;
}
.bg-006 h2{
    font-style: normal;
}
.bg-006 .border-06>p{
    float: left;
    font-size: 1.25rem;
}

.bg-007 .flex-container p{
    font-size: 1.875rem;
    padding: 0.625rem 1rem;
    margin: 0 0.625rem;
}

.flex-container3 .btn-default{
    margin: 80px auto;
}

/* Pop-up */
.btn-full-screen{
    float: left;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    background-color: transparent;
    border: none;
}

.prof-full{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.6);
    z-index: 90;
}
.prof-full-content{
    width: 1600px;
    max-width: 100%;
    margin: 10vh auto 0;
    background-color: rgba(0,0,0,.7);
    padding: 100px;
    position: relative;
    z-index: 99;
    display: grid;
}
.prof-choose{
    width: 100%;
    display: none;
    background-color: rgba(14, 57, 90, .7);
    float: left;
    padding-right: 50px;
}
.prof-img1{
    float: left;
    overflow: hidden;
    display: contents;
    object-fit: cover;
}
.prof-img1 img{
    width: 17.222rem;
    height: 21.111rem;
}
.prof-img2{
    height: 32.063rem;
    margin-right: 70px;
}

.btn-voltar{
    font-style: italic;
    color: #ffffff;
    background-color: transparent;
    float: right;
    border: 0px;
    cursor: pointer;
    margin: -60px -90px 0 0;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-voltar:hover{text-decoration: underline;}

.show-popup{display: block !important;}
#popup{display: none;}

@media screen and (max-width: 1600px) {
    
            .banner-01{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao_22.jpg') no-repeat top center;
    background-size: cover;
    padding-top: 80px;
    min-height: 95vh;
    }
    
    .destaques-evento2 img {
    width: 50.5rem;
    max-width: 100%;
}

    .logo-evento{
    width: 50%;
    margin: 60px 0px 60px 0px;
}

    
    .logo-evento img {
    width: 35.688rem;
    margin: -20px auto;
}
    
    .logo-evento-mini img {
    width: 22.563rem;
}
    
   .banner-03 .w100 {
    width: 100%;
    max-width: 100vw;
    margin: -55px auto;
}
    
    .banner-03 ul {
        margin-bottom: 80px;
        margin-top: 10px
    }
    
    .banner-03 .pad-t50 {
        padding-top: 0px;
    }
    
}


/* HD */
@media screen and (max-width: 1600px){
    
        .banner-01{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/telas_de_fundo_2a_conexao_22.jpg') no-repeat top center;
    background-size: cover;
    padding-top: 80px;
    min-height: 95vh;
    }
    
    .destaques-evento2 img {
    width: 50.5rem;
    max-width: 100%;
}

    .logo-evento img {
    width: 35.688rem;
    margin: -20px auto;
}
    
    .banner-02 .btn-default {
    border: 1px solid;
    border-radius: 11px;
    width: 20.75rem;
    margin: 30px auto;
    cursor: pointer;
    transition: .3s;
    display: block;
    font-weight: 900;
    text-align: center;
    font-style: italic;
    line-height: 1.4em;
    font-size: 1.4rem;
}
    
    .logo-evento-mini img {
    width: 19.563rem;
}

    .menu-container{margin: 0 0;}
    .myMenu ul{width: 680px;}

    footer img{max-width: 100%;}

    /* Contents */

    .flex-item{padding-left: 1.563rem; padding-right: 1.563rem;}
    .flex-item h3{width: 100%;}

    .margin-l-130{margin-left: auto; margin-right: auto; background-color: rgba(255,255,255,.6); padding-left: 60px; padding-right: 60px;}

    /* Splide */
    .container1 img{width: 100%;}
    .container2>figure:first-child, .container2>figure:last-child{display: none;}
}

/* HQ */
@media screen and (max-width: 1000px){
    .hq-hide{display: none;}
    
        #anchor-investimento .container-880 {
    width: 55rem;
    margin: 0 auto;
    max-width: 90vw;
}

    h2{width: calc(100% - 10.750rem); line-height: 1em;}

    /* images */
    .bg-001{background: url('../images/banner-01-HQ.webp') no-repeat center center; background-size: cover;}
    .banner-01{background: url('../images/banner-01-HQ.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-02{background: url('../images/banner-01b-HQ.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-03{background: url('../images/banner-01c-HQ.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-03 ul{width: 100%; font-size: 24px;}
    .bg-003{background: url('../images/banner-03-HQ.webp') no-repeat center center; background-size: cover;}
    .bg-005{background-size: cover;}
    .bg-006{background-size: cover;}
    .bg-006 .grid-60{width: 100%;}

    .logo-evento{width: 80%; margin: 0 10%;}
    .banner-01 .half img{width: 30vw;}
    .container1{max-width: 100vw;}

    /* Menu */
    .menu-logo{margin-top: 30px;}
    .myMenu{height: 90px; padding-left: 20px; padding-right: 20px;}
    .myMenu>.menu-container{margin: 0 0;}
    .myMenu>.menu-container>ul{width: auto; margin: 40px 0 0; float: right;}
    .myMenu>.menu-container>ul>li>a{font-size: 14px;}
    .tablet-hide{display: none !important;}

    /* Footer */
    .mom{margin-top: -15vw;}
    .logo-evento-footer{width: 40%;}
    .logo-evento-footer img{width: 40%;}
    footer>.container-1140>.grid-40{width: 100%;}
    .footer-logo{width: 100%; margin: 70px auto;}
    footer .border-04{padding: 0 12px; width: 35%;}
    footer .border-04:last-child{width: 30%; border: 0;}

    /* Contents */
    .iframe1{width: 90%;height: 50vw; margin: 0 5%;}

    .bg-002{padding-bottom: 100px;}
    .flex-item{width: 100%;}
    .flex-item2{margin: 1rem;}
    .bg-003{height: 50rem; height: auto;}
    .margin-t-600{margin-top: 0; padding-top: 100px; padding-bottom: 100px; position: initial;}
    .grt-03 .half{width: 100%;}

    .grt-01 .flex-container{margin-top: 0;}
    .prof-full-content{margin: 0; padding: 60px; height: 100vh;}
    .prof-choose{padding: 35px;}
    .prof-img2{width: 100%; height: 300px; overflow: hidden; margin: 0 0 40px;}
    .prof-choose-h3{text-align: center;}
    .btn-voltar{position: absolute; top: 15px; text-align: center; width: 100%; left: 0; margin: 0;}

    .bg-004 .pad2-tb70{padding-top: 0;}
    .box-color01{float: right; margin-left: 0;}
    .box-color02{float: right; margin: 60px 0 0;}
    .box-color03{float: right; margin: 60px 0 0;}

    .grt-05{width: 100%; max-width: 100%;}
    .bg-005 .container-990{max-width: 95vw;}
    .investimento-inclui p{width: 60%;}
    .bg-005 .grt-06{padding: 70px 25px;}
    .obs{width: 60%; padding-bottom: 100px;}

    #faq{padding-top: 0;}
    #faq .container-1140{max-width: 95vw;}
    #faq .bg-blu4{padding-left: 20px; padding-right: 20px;}
    
    .hotel{width: 100%;}
    .hotel-name{width: 100%;}
    .btn-hotel{margin: 10px 0;}

    /* Splide */
    #splide01-track .container1{width: 100%;}
    .caroussel-01{height: auto;}
    .splide__arrow--prev{left: 15px !important;}
    .splide__arrow--next{right: 1em !important;}
    .bg-001x .splide__pagination{bottom: 20px;}

    .hq-h50{height: 10px !important;}
}

/* SD */
@media screen and (max-width: 650px){
    .sd-hide{display: none;}
    
    .bg-001 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 600px;
   
}
    
    #anchor-investimento .container-880 {
    width: 55rem;
    margin: 0 auto;
    max-width: 90vw;
}
    
       .banner-03 .w100 {
    width: 100%;
    max-width: 100vw;
    margin: -20px auto;
}
   
    
    .bg-007 img {
        max-width: 95%;
    }
    
    .banner-01{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/banner-01-HD.webp') no-repeat top center;
    background-size: auto;
    padding-top: 70px;
    min-height: 95vh;
    }

    .logo-evento img {
    width: 20.688rem;
    margin: -20px auto;
}
    
    .logo-evento-mini img {
    width: 19.563rem;
}
    
    .banner-03 ul {
    padding-top: 0;
    font-size: 20px;
    margin-left: 10px;
}
    
    .banner-03 {
       padding-top: 70px; 
    }
    
    .bg-005 .grt-06 {
    padding: 61px 71px;
}

    
        .banner-02{
    float: left;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    background: url('../images/banner-01-HD.webp') no-repeat top center;
    background-size: auto;
    padding-top: 40px;
    min-height: 95vh;
    }
    
    h2{font-size: 2.125rem; width: calc(100% - 80px);}
    figure{max-width: 100%;}

    /* images */
    .bg-001{background: url('../images/banner-01-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-01{background: url('../images/banner-01-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-02{background: url('../images/banner-01b-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .banner-03{background: url('../images/banner-01c-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}
    .bg-002{background-attachment: fixed; padding-bottom: 50px;}
    .bg-003{background: url('../images/banner-03-SD.webp') no-repeat center center; background-size: cover; background-attachment: fixed;}

    /* Contents */

    .font-34{font-size: 1.5rem;}
    .font-45{font-size: 2rem;}
    .margin-t-600{padding-top: 60px;}

    /* .grid {float: none;} */
    .grid-2, .grid-3, .grid-35, .grid-40, .grid-60, .grid-65, .grid-70, .grid-80 {width: 100%; padding: 10px;}
    .container-920, .container-990, .container-1140{width: 100%;}

    .destaques-evento{width: 100%; max-width: 100%; margin-top: 0;}
    .logo-evento{margin-top: 40px; margin-bottom: 40px;}
    .logo-evento-mini{margin: 25px 25%;}
    .logo-evento-short2{margin: 25px 37.5%; width: 25%;}
    .btn-default{line-height: 1.8em; margin: 0 5% 50px; margin-top: 20px; float: left; width: 90%;}
    
    .logo-centralizada img {
    max-width: 400px;
    height: auto;
}
    
  
    .banner-01{padding-left: 5vw; padding-right: 5vw;}
    .banner-03 p {padding-top: 0;}
    .banner-03 ul {padding-top: 0; font-size: 20px;}
    .grt-03 .btn-default{margin-bottom: 20px;}
    .grt-05{background-color: rgba(255, 255, 255, .6);}
    

    .logo-evento-short{width: 60px; margin-right: 20px;}

    .noticias-destaques{width: 90%; margin: 150px 5% 50px;}
    .btn-news2{width: 100%;}

    .iframe1{width: 100%; height: 54vw; margin: 0 0;}

    .prof-img1{display: block; float: none;}
    .prof-img1 img{width: 150px; height: auto;}
    .prof-full-content{padding: 60px 0; overflow-y: scroll;}

    .investimento-inclui{width: 100%; padding: 30px;}
    .investimento-inclui p{width: 80%; padding-bottom: 100px;}
    .valor{margin-top: -10rem;}
    .bg-005 .grt-06{width: 58%;}
    .obs{width: 90%;}
    .bg-006{padding-bottom: 50px;}
    .bg-006>.container-1140{padding: 60px 25px;}

    #faq1 p{width: 100%;}

    #agenda{max-width: 100vw;}
    .box-color01{background: url('../images/box1.webp') repeat-x center center; background-size: contain;}
    .box-color02{background: url('../images/box2.webp') repeat-x center center; background-size: contain;}
    .box-color03{background: url('../images/box3.webp') repeat-x center center; background-size: contain;}
    .box01{padding: 30px 0; width: 100%; height: auto;}
    .innerbox{width: 100%; text-align: center; float: initial; margin: 25px auto;}

    .border-02b{border-right: 0; border-bottom: 2px solid var(--zenite-star); padding: 0;}
    .btn-hotel{width: 100%; line-height: 2em; border-radius: 20px;}
    .bg-008 .btn-gray{font-weight: 600;}

    .bg-006 .border-06{display: block; float: left; width: 100%;}
    .banco{width: 100%; margin-top: -145px;}
    .bg-006 .border-06>p{width: 100%; margin-top: 70px; text-align: center; display: grid;}
    .bg-006 .border-06>p>span{float: left; width: 100%; height: 5px; opacity: 0;}

    /* Menu */
    .myMenu {display: none;}

    /* Footer */
    footer .container-990, footer .container-1140{padding-bottom: 0;}
    footer .container-990>div{padding: 0;}
    footer a, footer p{text-align: center;}
    footer .border-04, footer .border-04:last-child{border: 0px; width: 100%; margin: 20px 0;}
    footer .border-05{float: left; font-size: 16px; line-height: 2rem;}
    footer br{display: none;}
    .footer-social{width: 100%; text-align: center; margin-top: -100px;}
    footer .footer-social{width: 100%; text-align: center; margin-top: 60px; display: block;}

    /* Splide */
    .splide__arrows{display: none;}

    .splide__pagination{display: none;}

    .bg-galeria1, .bg-galeria2{height: 280px;}
    .marquee{background-size: auto 250px; height: 250px; width: 720vw; animation: marquee 50s linear infinite;}
    
}

@media screen and (max-width: 420px) {
    
    .flex-container3 .btn-default {
        margin-left: 20px
    } 
    
    .banner-02 .w100 {
        margin: 0px 0px 0px 40px;
    }
    
    .btopo {
        
        margin-top: 80px
    }
    
    
    .popup {
    display: none;
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(5, 41, 89, 0.95);
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.popup p {
    margin: 5px;
    color: white;
}
    
    
        .bg-005 .grt-06 {
    padding: 41px 21px;
            margin-left: 90px;
            margin-top: 1
}
    
    .container-880 img {
        margin-left: -10px
    }
    
    .container-880 h2 {
     width: 250px;
    margin-left: 40px
    }
    
    .investimento-inclui p {
    width: 80%;
    padding-bottom: 160px;
}
    
.line3 {
    line-height: 2.4rem;
}
    
    .logo-evento-mini img {
           margin-left: -45px;
    width: 16.563rem;
}
    
    .logo-evento img {
    width: 20.688rem;
    margin-left: -30px;
    padding-top: 30px;
    padding-bottom: 30px
}
    
    .prof-detalhe {display: none}
    
    /* .border-01 {margin-top: 30px; border-radius: 30px; padding: 20px 2.125rem; border: 2px solid var(--color-01); display: flex; align-items: center;} */
    
    .container-prof>button {height: 14.875rem;}
}

@media screen and (max-width: 360px){
    
        .container-880 img {
        margin-left: -10px
    }
    
       .banner-02 .w100 {
        margin: 0px 0px 0px 15px;
    }
    
    .container-880 h2 {
        font-size: 1.8rem;
     width: 210px;
    margin-left: 30px
    }
    
    .font-34 {font-size: 1.825rem;}
    .font-18 {font-size: 1.025rem;}

}
