/***** Fontes *****/
@font-face {
    font-family: BebasNeue;
    src: url('../font/BebasNeue/BebasNeue-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: BebasNeue;
    src: url('../font/BebasNeue/BebasNeue-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: bold;
}
@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    src: url('../font/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: bold;
}
@font-face {
    font-family: Strong;
    src: url('../font/Strong/Strong-Brush-BF6589cfab0a742.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/***** Background Image *****/
.il-title-with-bg-blue {
    background-image: url('/img/grafismo/grafismo_tinta/SVG/azul_escuro.svg');
    background-size: contain; /* ou cover, dependendo do efeito desejado */
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px; /* Ajuste o padding conforme necessário */
}
.il-title-with-bg-orange {
    background-image: url('/img/grafismo/grafismo_tinta/SVG/laranja.svg');
    background-size: contain; /* ou cover, dependendo do efeito desejado */
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px; /* Ajuste o padding conforme necessário */
}
.il-title-with-bg-amarelo {
    background-image: url('/img/grafismo/grafismo_tinta/SVG/amarelo.svg');
    background-size: contain; /* ou cover, dependendo do efeito desejado */
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px; /* Ajuste o padding conforme necessário */
}
.space-bg{
    background-image: url("../img/backgrounds/desktop/space-bg.jpg");
    background-image: url("../img/backgrounds/desktop/space-bg.jpg");
    background-image: url("../img/backgrounds/desktop/space-bg.jpg");
    background-image: url("../img/backgrounds/desktop/space-bg.jpg");
     background-attachment: fixed;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.teachers-bg{
    background-image: url("../img/backgrounds/desktop/teatchers-bg.jpg");
    background-image: url("../img/backgrounds/desktop/teatchers-bg.jpg");
    background-image: url("../img/backgrounds/desktop/teatchers-bg.jpg");
    background-image: url("../img/backgrounds/desktop/teatchers-bg.jpg");
    
    background-position: top;
    background-repeat: repeat-y;
    background-size: cover;
}
.courses-bg{
    background-image: url("../img/backgrounds/desktop/courses-bg.jpg");
    background-image: url("../img/backgrounds/desktop/courses-bg.jpg");
    background-image: url("../img/backgrounds/desktop/courses-bg.jpg");
    background-image: url("../img/backgrounds/desktop/courses-bg.jpg");

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.workshops-bg{
    background-image: url("../img/backgrounds/desktop/workshops-bg.jpg");
    background-image: url("../img/backgrounds/desktop/workshops-bg.jpg");
    background-image: url("../img/backgrounds/desktop/workshops-bg.jpg");
    background-image: url("../img/backgrounds/desktop/workshops-bg.jpg");
     background-attachment: fixed;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.partners-bg{
    background-image: url("../img/backgrounds/desktop/partners-bg.jpg");
    background-image: url("../img/backgrounds/desktop/partners-bg.jpg");
    background-image: url("../img/backgrounds/desktop/partners-bg.jpg");
    background-image: url("../img/backgrounds/desktop/partners-bg.jpg");
    background-attachment: fixed;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-bg{
    background-image: url("../img/backgrounds/desktop/contact-bg.jpg");
    background-image: url("../img/backgrounds/desktop/contact-bg.jpg");
    background-image: url("../img/backgrounds/desktop/contact-bg.jpg");
    background-image: url("../img/backgrounds/desktop/contact-bg.jpg");
     background-attachment: fixed;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.teachers2-bg{
    background-image: url("../img/backgrounds/desktop_7.png");
    background-image: url("../img/backgrounds/desktop_7.png");
    background-image: url("../img/backgrounds/desktop_7.png");
    background-image: url("../img/backgrounds/desktop_7.png");
     background-attachment: fixed;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

:root {
    --principal-blue-color-ptf: #006ca9;
    --secondary-blue-color-ptf: #0093cb;
    --transparent-blue-color-ptf: rgb(0, 147, 203,0.5);
    --transparent-orange-color-ptf: rgba(242, 141, 40, 0.8);
    --orange-color-ptf:#f28c28;
    --dark-orange-color-ptf: #c06b15;
    --yellow-color-ptf: #ffe006;
}
body{
    font-family: 'Montserrat';
    font-weight: normal;
}
#map {
    height: 400px; /* Altura do mapa */
    width: 100%; /* Largura do mapa */
    position: relative;
    z-index: 0;
}

/***** Classes Ilustra Mundo *****/
.il-text-justify{
    text-align: justify !important;
}
/*Carousel Home*/
.il-vh-80{
    height: 80vh !important;
    max-height: 80vh !important;
}
.il-logo-navbar{
    width: 45px;
    height: 45px;
}
.il-title-strong{
    font-family: 'Strong';
    font-size: 10rem;
}
.il-strong{
    font-family: 'Strong';
}
.il-title-card-courses{
    position: absolute !important; 
    bottom: 0 !important; 
    left: 0 !important;
}
.il-mh-101{
    height: 210%;
}
.il-whatsapp-button {
    padding-right: 20px;
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 0;
}
.il-whatsapp-button-size{
    position: relative;
    width: 100px;
    z-index: 1000;
    transition: 0.1s;
}
.il-whatsapp-button-size:hover{
    transform: scale(1.06);
}
.il-border-top{
    border-radius: 20px 20px 0 0 !important;
}
.il-card-h-10{
    --bs-card-spacer-y: 3% !important;
}
.il-fs-5{
    font-size: 1.5rem;
}
.il-fs-6{
    font-size: 5rem;
}
.il-me-n1{
    margin-right: -15px;
}
.il-rounded-start-5{
    border-radius: 18px 0 0 18px;
}
.il-card-button{
    position: relative;
    left: 45%;
    top: 40%;
    --bs-btn-font-size: 2.25rem;
    --bs-btn-padding-x: 2rem;
}
.il-me-0{
    position: relative;
    left: 50% !important;
}
.il-container{
    position: relative;
}
.il-top-img{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.il-rounded-top-0{
    border-radius: 0 0 30px 30px !important;
}
.il-rounded-bottom-0{
    border-radius: 30px 30px 0 0 !important;
}
.il-w-80{
    width: 80% !important;
}
.il-mh-500{
    height: 500px !important;
    max-height: 500px !important;
}
.il-w-20{
    width: 20% !important;
}
.il-rounded-end{
    border-radius: 0 20px 20px 0;
}
.il-rounded-start{
    border-radius: 20px 0 0 20px;
}
.il-text-orange{
    color: var(--orange-color-ptf);
}
.il-text-blue{
    color: var(--principal-blue-color-ptf);
}
.il-bg-blue-primary{
    background-color: var(--principal-blue-color-ptf) !important;
}
.il-bg-blue-secondary{
    background-color: var(--secondary-blue-color-ptf) !important;
}
.il-bg-orange{
    background-color: var(--orange-color-ptf);
}
.il-bg-orange-transparent{
    background-color: var(--transparent-orange-color-ptf);
}
.il-bg-blue-transparent{
    background-color: var(--transparent-blue-color-ptf);
}
.il-fs-2{
    font-size: 5em;
}
.il-list-style-none{
    list-style-type: none;
}
.il-to-top{
    position: relative;
    z-index: 100;
}
.il-w-50px{
    width: 50px;
}
.il-btn-work{
    --bs-btn-border-color: var(--orange-color-ptf) !important;
    --bs-btn-hover-bg: var(--orange-color-ptf) !important;
    --bs-btn-hover-border-color: var(--orange-color-ptf) !important;
}
.il-work-w{
    max-width: 406px;
}
.space-bg .btn-outline-info{
    --bs-btn-color: var(--orange-color-ptf);
    --bs-btn-border-color: var(--orange-color-ptf);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--orange-color-ptf);
    --bs-btn-hover-border-color: var(--orange-color-ptf);
    --bs-btn-active-color: rgb(204, 204, 204);
    --bs-btn-active-bg: var(--dark-orange-color-ptf);
    --bs-btn-active-border-color: var(--dark-orange-color-ptf);
}
.space-bg.btn-outline-info:hover > .view-more-a{
    color: #fff !important;
}
.il-card-icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.il-title-contact{
    letter-spacing: -5px;
}
.il-fs-0{
    font-size: 2.9rem;
}
.il-fs-3{
    font-size: 8rem;
}
.il-list-style-none {
    list-style: none; 
    padding-left: 0;
    margin-left: 0; 
    text-align: left; 
}
.il-fa-1-6x{
    font-size: 1.8rem;
}
.il-text-courses{
    transition: opacity 0.3s ease;
    opacity: 0;
}
.il-workshop-card{
    position: relative;
    overflow: hidden;
    height: 400px; /* Defina uma altura adequada para o card */
}
.il-workshop-card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Garante que a imagem esteja atrás do overlay */
}

.il-workshop-card-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(6, 22, 65, 0.5); /* Adiciona um overlay para melhorar a legibilidade do texto */
    z-index: 1; /* Garante que o overlay esteja acima da imagem */
    padding: 20px; /* Ajuste conforme necessário */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Posiciona o conteúdo na parte superior */
    border-radius: inherit;
}

.il-workshop-card-content {
    margin-bottom: auto; /* Garante que o conteúdo fique na parte superior */
}

.il-workshop-card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3; /* Garante que o footer esteja acima da imagem e do overlay */
}

.il-workshop-card-button{
    z-index: 4; /* Garante que o botão esteja acima de tudo */
}
.il-rounded-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.il-rounded-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.il-bg-blue {
    background-color: var(--secondary-blue-color-ptf); 
}
.il-shadow-2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.il-fs-0 {
    font-size: 1.5rem; 
}
.il-border-none{
    border: none;
}
.il-shadow-2{
    text-shadow: 2px 2px 8px #000;
}
.il-box-shadow-2{
    box-shadow: 2px 2px 18px #000;

}
.il-box-shadow-3{
    box-shadow: 0 0 18px #633608;

}
.il-circle{
    border-radius: 50%;
}
.il-event-card{
    position: relative;
    overflow: hidden;
    min-height: 380px;
}
.il-event-card-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
}
.il-event-card-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(5, 28, 59, 0.274); 
    z-index: 2; 
    padding: 20px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: inherit;
}
.il-event-card-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3; 
}
.il-event-card-button{
    z-index: 4; 
}
.il-mail-wrap{
    word-wrap: break-word; 
}

/***** Classes Bootstrap *****/
.card{
    --bs-card-border-width: 0;
}
.card:hover .il-top-img {
    opacity: 1;
}
.card-title{
    transition: color 0.3s ease-out;
}
.courses-bg .card:hover .il-title-card-courses,
.courses-bg .card:hover .card-text,
.courses-bg .card:hover .il-text-courses{
    color: white !important;
    opacity: 1;
    cursor: pointer;
}
.courses-bg .card:hover .il-title-card-courses,
.courses-bg .card:hover .card-title {
    position: relative;
    z-index: 0;
    color: transparent !important;
    cursor: pointer;
}
.courses-bg .card-img-overlay{
    background: rgb(2,0,36);
    background: linear-gradient(4deg, rgba(2,0,36,1) 0%, rgba(5,4,54,0.7484243697478992) 4%, rgba(7,7,66,0.6503851540616247) 22%, rgba(104,104,140,0) 52%, rgba(255,255,255,0) 100%);
    border-radius: 0 !important;
    cursor: pointer;
}
.courses-bg .card-img-overlay:hover{
    background: rgba(2, 0, 36, 0.671);
}
.carousel{
    position: relative;
    z-index: 0;
}

/***** Media Query *****/
@media (max-width: 576px) {
    .il-title-strong{
        font-size: 7rem;
        line-height: 0.8;
    }
    .il-mh-courses{
        max-height: 338px;
    }

    .il-fs-5{
        font-size: 1.2rem;
    }
    .il-fs-4{
        font-size: 2rem !important;
    }
    .il-fs-3{
        font-size: 5rem !important;
    }
    .space-bg{
        background-image: url("../img/backgrounds/mobile/space-bg.jpg");
        background-image: url("../img/backgrounds/mobile/space-bg.jpg");
        background-image: url("../img/backgrounds/mobile/space-bg.jpg");
        background-image: url("../img/backgrounds/mobile/space-bg.jpg");
         background-attachment: fixed;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .teachers-bg{
        background-image: url("../img/backgrounds/mobile/teatchers-bg.jpg");
        background-image: url("../img/backgrounds/mobile/teatchers-bg.jpg");
        background-image: url("../img/backgrounds/mobile/teatchers-bg.jpg");
        background-image: url("../img/backgrounds/mobile/teatchers-bg.jpg");
        
        background-position: top;
        background-repeat: repeat-y;
        background-size: cover;
    }
    .courses-bg{
        background-image: url("../img/backgrounds/mobile/courses-bg.jpg");
        background-image: url("../img/backgrounds/mobile/courses-bg.jpg");
        background-image: url("../img/backgrounds/mobile/courses-bg.jpg");
        background-image: url("../img/backgrounds/mobile/courses-bg.jpg");
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .workshops-bg{
        background-image: url("../img/backgrounds/mobile/workshops-bg.jpg");
        background-image: url("../img/backgrounds/mobile/workshops-bg.jpg");
        background-image: url("../img/backgrounds/mobile/workshops-bg.jpg");
        background-image: url("../img/backgrounds/mobile/workshops-bg.jpg");
         background-attachment: fixed;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contact-bg{
        background-image: url("../img/backgrounds/mobile/contact-bg.jpg");
        background-image: url("../img/backgrounds/mobile/contact-bg.jpg");
        background-image: url("../img/backgrounds/mobile/contact-bg.jpg");
        background-image: url("../img/backgrounds/mobile/contact-bg.jpg");
         background-attachment: fixed;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .partners-bg{
        background-image: url("../img/backgrounds/mobile/partners-bg.jpg");
        background-image: url("../img/backgrounds/mobile/partners-bg.jpg");
        background-image: url("../img/backgrounds/mobile/partners-bg.jpg");
        background-image: url("../img/backgrounds/mobile/partners-bg.jpg");
         background-attachment: fixed;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }    
    .teatchers2-bg{
        background-image: url("../img/backgrounds/mobile/extra-bg.jpg");
        background-image: url("../img/backgrounds/mobile/extra-bg.jpg");
        background-image: url("../img/backgrounds/mobile/extra-bg.jpg");
        background-image: url("../img/backgrounds/mobile/extra-bg.jpg");
         background-attachment: fixed;
    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .il-rounded-end{
        border-radius: 0 ;
    }
    .il-rounded-start{
        border-radius: 0;
    }

}

@media (min-width: 992px) {
    .w-lg-60{
        width: 60%;
    }
}

@media (min-width: 768px) {
    .fixed-height-container {
        min-height: 100vh !important; 
    }
    .fs-footer {
		font-size: 5rem;
    }
}



.il-text-monserrat{
    font-family: 'Montserrat';
}

.img-works:hover{
    cursor: pointer;
}