/*Estilização Geral*/ *,*::before,*::after { box-sizing: border-box;} html{ overflow-x: hidden; max-width: 100%;} body{ overflow-x: hidden; max-width: 100%; font-family: 'Ubuntu', sans-serif; background-color: #ffffff;} .row{ margin: 0;} .container-fluid_cor{ padding: 0; background-color: #eeeeee88; } .container-fluid_branco{ padding: 0; background-color: #FFF; } p, li{ color: #444; font-size: 14px;} /*Barra de navegação*/ .navbar2{background-color: #fff; height: 80px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); font-family: 'Ubuntu', sans-serif; width: 100%; padding: 0 10%; } #nav-container{font-family: 'Ubuntu', sans-serif; width: 100%; justify-content: space-between; display: flex; align-items: center;} .navbar-light{width: 100%; padding: 0 10%;} #logo{height: 45px; } .navbar-brand{ color: #fff;} .navbar-brand:hover{ color: #fff;} .navbar-nav{ display: flex; flex-direction: row; /* Alterado de column para row */align-items: center; justify-content: center; text-align: center; height: auto; margin: 0 auto; padding: 0; width: auto; /* Alterado de 100% para auto */} .navbar-nav a{ color: #000; text-align: center; /* Alterado de right para center */font-size: 18px; font-weight: 400; font-family: 'Ubuntu', sans-serif; padding: 0 15px; /* Adicionado padding horizontal */} .navbar-nav a:hover {color: #190556; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px;} #navbar-links{display: flex; align-items: center; justify-content: center; /* Adicionado para centralizar */ flex-grow: 1; /* Adicionado para permitir que o elemento cresça */} #navbar-links .botao{padding-right: 0; width: 200px; justify-content: center; display: flex;} #navbar-links .botao a{border-radius: 5px; color: #FFF; background: #1D209B; padding: 10px 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 11.35px; line-height: 13px;} /* Media query para telas menores */ @media (max-width: 991px) { .navbar-nav {flex-direction: column; width: 100%; } .navbar-nav a {padding: 10px 0;} #navbar-links {flex-direction: column; } } /*Estilize o botão dropdown*/ .dropdown {position: relative; display: inline-block; } .dropdown-button { background-color: #FFF; color: #666; padding: 5px 15px; border: none; cursor: pointer; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; right: 0; /* Garante que o menu fique alinhado à direita */ left: auto; /* Evita que fique desalinhado no mobile */ } .dropdown-content a{ padding: 12px 16px; text-decoration: none; display: block; color: #333; } .dropdown-content a:hover { background-color: #ddd; text-decoration: none; } .dropdown:hover .dropdown-content { display: block; } .custom-toggler .navbar-toggler-icon1 {width: 30px;height: 30px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(200, 162, 200, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } /* Slide do carousel*/ .container-fluid{ width:100%; padding: 0; background-image: url('../imgs/ESTUDANTE WONGO2.png') ; background-repeat: no-repeat; background-size: cover; background-position: center; margin:0;} #mainslider .carousel-inner, #mainslider .carousel-item{ height: 600px; margin-left: 0%; text-align: left; width:80%} #mainslider .carousel-caption{ top:30%;} #mainslider .carousel-caption h2{ text-align: left; font-size: 42px; font-weight:700; margin-bottom: 20px; font-family: 'Ubuntu', sans-serif;} #mainslider .carousel-caption p{ text-align: left; font-size: 16px; font-weight: 300; margin-bottom: 10px; color: #FFF; font-family: 'Ubuntu', sans-serif;} .navbar-nav .btn_roxo{background-color: #4E085E ; color: #fff; padding: 7px 25px; border-radius: 30px; border: 1px solid transparent; transition: .5s; text-align: center; vertical-align: middle; } .navbar-nav .btn_roxo:hover{text-decoration: none; color:#4E085E; background-color: transparent; border-color: #4E085E; } #mainslider .carousel-caption .btn_roxo1{ background-color: #4E085E ; color: #fff; padding: 10px 20px; border-radius: 30px; border: 1px solid transparent; transition: .5s; font-size: x-large; margin-left: -80%; } .btn_roxo1:hover{text-decoration: none; color:#4E085E; background-color: transparent; border-color: #6f42c1; } .navbar-nav .btn_transparent{ background-color: transparent; color: #4E085E; padding: 7px 25px; border-radius: 30px; border: 1px solid #4E085E; transition: .5s; text-align: center; margin-right: 15px; margin-left: 8px; vertical-align: middle; } .navbar-nav .btn_transparent:hover{text-decoration: none; color:#FFF; background-color: #4E085E;} /*Quem somos*/ .container-fluid_sobre{padding: 0; background-image: url('../imgs/Group 105.svg') ; background-repeat: no-repeat; background-size: cover; background-position: center; height: 80vh;} .container-fluid_sobre .container .col-12 .row .conteudo{width:46%; margin:2%;} .container-fluid_sobre .container .col-12 .row .conteudo p{ font-size: 18px; color: #000; font-weight: 300; padding-top: 30px; padding-bottom: 20px; line-height:23.77px; font-family: 'Ubuntu', sans-serif;} .container-fluid_sobre .container .col-12 .row .conteudo h3{ font-size: 35px; color: #000; font-weight: 500;} .container-fluid_sobre .container .col-12 .row .conteudo a{background-color: transparent; color: #FFF; font-size: 18px; padding: 2px 30px; border-radius: 25px; border: 2px solid #FFF; transition: .5s; text-align: center; margin-left: 25%;} .container-fluid_sobre .container .col-12 .row .conteudo a:hover{ text-decoration: none; font-size: 23px; color: #FFF; transition: .5s;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 77%; width:100%; background:#FFF; margin-top: 22%; border-radius:18px; margin-left:8%; display: flex; justify-content:right; align-items: center; padding-right:4%;} .cor{background: #6f42c1;} .modal-dialog .modal-content .modal-body{padding: 0px;} .modal-dialog .modal-content .modal-body img{width: 100%; margin-left: 0} .modal-dialog .modal-content .modal-body p{width:90%; padding:20px;} /*Cursos*/ #cursos { position: relative; min-height: 1100px;max-height:2000px; background-color: #f4f3f4; overflow: hidden; } #cursos .container {text-align: center; padding: 20px; align-items: center; display:flex; flex-direction:column;} #cursos .container .texto1{width:450px; } #cursos .container .texto2{width:650px; } #cursos .container h4{font-family: 'Ubuntu', sans-serif; font-size:18px; font-weight:400; margin-top:50px; text-align:center;} #cursos .container h2{font-family: 'Ubuntu', sans-serif; font-size:36px; font-weight:500; margin-top:30px; text-align:center;} #cursos .container .botoes{margin-top:50px; width:650px; } #cursos .container .botoes .todos{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500;color:#fff; border-radius:21px; padding:5px 20px; background:#DB0495; margin:3px; border:none;} #cursos .container .botoes .gratuitos{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #A90c96; margin:3px; text-decoration:none;} #cursos .container .botoes .recentes{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #761398; margin:3px; text-decoration:none;} #cursos .container .botoes .educacao{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .botoes .saude{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .botoes .estetica{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .baixo {margin-top:20px; width:750px;} #cursos .container .baixo .informatica{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #DB0495; margin:3px; text-decoration:none;} #cursos .container .baixo .gestao{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #A90c96; margin:3px; text-decoration:none;} #cursos .container .baixo .ciencias{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .baixo .linguas{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .baixo .economia{font-family: 'Ubuntu', sans-serif; font-size:10.51px; font-weight:500; color:#000; border-radius:21px; padding:5px 20px; background:#fff; border: 1px solid #45209C; margin:3px; text-decoration:none;} #cursos .container .container_cartao{display:flex; flex-wrap: wrap; margin-top:50px; overflow:visible; gap: 20px; } #cursos .container .container_cartao .cartao_curso{width:259px; height:350px; padding:0; background:#fff; border-radius:8.89px; display: flex; flex-direction: column; opacity: 0; transform: translateY(30px); transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; transform-style: preserve-3d; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } #cursos .container .container_cartao .cartao_curso img{width:100%; height:56%; border-top-left-radius:8.89px; border-top-right-radius:8.89px;} #cursos .container .container_cartao .cartao_curso .texto{padding:0 8px; text-align:left; margin-top:-45px; flex-grow:1; flex-direction:column; display:flex; } #cursos .container .container_cartao .cartao_curso .texto h4{font-family: 'Ubuntu', sans-serif; font-size:17px; font-weight:500; text-align:left; color:#000; padding:0;} #cursos .container .container_cartao .cartao_curso .texto p{font-family: 'Ubuntu', sans-serif; font-size:11px; font-weight:300; color:#757474;} #cursos .container .container_cartao .cartao_curso .down{display:flex; flex-direction:row; margin-top: auto;} #cursos .container .container_cartao .cartao_curso .down .esquerda{width:25%; margin:5px 3px; font-size:16px; font-weight:400; line-height:18px;} #cursos .container .container_cartao .cartao_curso .down .esquerda img{width:19px;} #cursos .container .container_cartao .cartao_curso .down .centro{width:36%; margin:5px 2px; font-size:13px; display:inline-flex;} #cursos .container .container_cartao .cartao_curso .down .centro .preco{font-size:15px; font-weight:500; color:#000; margin-right:1px; line-height:17.5px; display:flex; flex-direction:row;} #cursos .container .container_cartao .cartao_curso .down .centro .preco s{display:block; font-size: 9.5px; font-weight:300; text-decoration:none; margin-left:2px; line-height:20px;} #cursos .container .container_cartao .cartao_curso .down .centro .gratuito{font-size:16px; font-weight:500; color:#12B235;line-height:18.38px;} #cursos .container .container_cartao .cartao_curso .down .centro .gratuito s{display:none;} #cursos .container .container_cartao .cartao_curso .down .direita{width:30%; margin-left:8px; margin-right:0; margin-top: 1px;} #cursos .container .container_cartao .cartao_curso .down .direita a{text-decoration:none; cursor:pointer; background: #45209C; font-size:11px; padding: 6px 12px; color:#FFF; margin-top:20px; line-height:13px; border-radius:1.8px;} #cursos .container .col-12 a{background:#45209C; padding: 10px 50px; border-radius:7.51px; color:#FFF; font-size:15px; font-weight:400;} #cursos .container .col-12{ padding:40px;} #cursos .quarter-circle {position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; border-top-right-radius: 100px; background-color: #DB0495;} /* Animação de entrada - Fade-in escalonado */ #cursos .container .container_cartao .cartao_curso.animate-in {opacity: 1; transform: translateY(0);} /* Efeito Tilt 3D */ #cursos .container .container_cartao .cartao_curso:hover {transform: translateY(-8px) rotateX(var(--rotateX, 0deg)) rotateY(var(--rotateY, 0deg)); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); z-index: 10;} /* Badge "Brevemente" com animação */ .badge-brevemente {position: absolute; top: 10px; right: 10px; background: #12B235;color: white; padding: 4px 8px; border-radius: 4px; font-size: 10px; font-weight: 500; animation: pulse 2s infinite;} @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } /*VIDA */ #vida { padding: 0; font-family: 'Ubuntu', sans-serif; position: relative; height: 100%; } #vida .container-fluid-novo{ padding: 0; font-family: 'Ubuntu', sans-serif; padding:1% 8%; background:#190556; height: 90vh} #vida .quarter-circle {position: absolute; top:0; left: 0; width: 100px; height: 100px; border-bottom-right-radius : 100px; background-color: #DB0495;} #vida .quarter-circle-b {position: absolute; bottom: 0; right: 0; width: 150px; height: 150px; border-top-left-radius: 150px; background-color: #DB0495;} #vida .arvore {position: absolute; bottom: 0; left: 0; width: 250px; height: 250px; } #vida .arvore img {width:200px; height:299px; } #vida .container-fluid-novo .col-12 .row .conteudo{width:46%; margin:0 2%; padding-top:5%;} #vida .container-fluid-novo .col-12 .row .conteudo h2{ padding-top:15%; font-family: 'Ubuntu', sans-serif; font-size:42px; font-weight:400; color:#FFF; } #vida .container-fluid-novo .col-12 .row .conteudo h2 b{ font-family: 'Ubuntu', sans-serif; font-size:42px; font-weight:600; color:#FB0094; } #vida .container-fluid-novo .col-12 .row .conteudo p{ font-family: 'Ubuntu', sans-serif; font-size:16px; font-weight:300; color:#FFF; margin-top:30px; margin-bottom:10%;} #vida .container-fluid-novo .col-12 .row .conteudo img{margin-left:11%; margin-top:0;} #vida .container-fluid-novo .col-12 .row .conteudo a{color: #ffffff; text-align:right; font-size:14px; font-weight:400; font-family: 'Ubuntu', sans-serif; background:#DB0495; padding: 10px 25px; cursor:pointer; border-radius: 5px;} #vida .container .col-12 .row{align-items:center; display:flex;} #vida .container .col-12 .row .conteudo{width:44%; margin:1%; margin-bottom:8%;} #vida .container .col-12 .row .conteudo1{width:44%; margin-bottom:8%; margin-left:4%;} #vida .container .col-12 .row .conteudo1 h2{font-family: 'Ubuntu', sans-serif; font-size:35px; font-weight:700; color:#190556; } #vida .container .col-12 .row .conteudo1 h6{font-family: 'Ubuntu', sans-serif; font-size:20px; font-weight:400; color:#000000; padding-bottom:10px;} #vida .container .col-12 .row .conteudo1 p{font-family: 'Ubuntu', sans-serif; font-size:20px; font-weight:300; color:#000000; margin-top:5px;} /*============================================= Últimos artigos ===================================================================*/ #artigos { min-height: 600px; width: 100%; font-family: 'Ubuntu', sans-serif; position: relative; overflow: hidden;} #artigos .quarter-circle-c {position: absolute; top: 0; right: 0; width: 150px; height: 150px; border-bottom-left-radius: 150px; background-color: #DB0495; z-index: 1;} #artigos .container-fluid-artigo{padding:50px 2px;} #artigos .container-fluid-artigo .titulo {font-family: 'Ubuntu', sans-serif; padding: 60px 20px; position: relative; z-index: 2;} #artigos .container-fluid-artigo .titulo h2 { text-align: center;} #carouselContainer_artigo {position: relative; display: flex; align-items: center; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 60px;} #artigos .container-fluid-artigo .container #carouselContainer_artigo .maior, #artigos .container-fluid-artigo .container #carouselContainer_artigo .menor {position: absolute; top: 50%; transform: translateY(-50%); font-family: 'Ubuntu', sans-serif; width: 50px; height: 50px; background-color: #FFF; color: #000; border: 1px solid #000; border-radius: 50%; font-size: 18px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; margin: 0; z-index: 1000;} #artigos .container-fluid-artigo .container #carouselContainer_artigo .maior:hover, #artigos .container-fluid-artigo .container #carouselContainer_artigo .menor:hover {background-color: #45209C; color: #FFF; border: none;} #artigos .container-fluid-artigo .container #carouselContainer_artigo .menor {left: 10px;} #artigos .container-fluid-artigo .container #carouselContainer_artigo .maior { right: 10px;} #artigos .container-fluid-artigo .container #carouselContainer_artigo #meuCarousel_artigo {flex-grow: 1; display: flex; justify-content: center; overflow: hidden; width: 100%;} /* Modificações no carrossel */ #meuCarousel_artigo {display: flex; overflow: hidden; gap: 20px; min-height: 500px; width: 100%; transition: transform 0.3s ease; position: relative;} #meuCarousel_artigo .slide { flex: 0 0 calc(33.333% - 14px); /* Para mostrar 3 itens por vez com gap */ min-width: calc(33.333% - 14px); display: none; /* Todos slides começam ocultos */ justify-content: center; align-items: center; transition: all 0.3s ease;} #meuCarousel_artigo .slide.ativo { display: flex; /* Apenas slides ativos são exibidos */} /* Para telas menores */ @media (max-width: 992px) { #meuCarousel_artigo .slide { flex: 0 0 calc(50% - 10px); min-width: calc(50% - 10px); } } @media (max-width: 576px) { #meuCarousel_artigo .slide { flex: 0 0 100%; min-width: 100%; } } #meuCarousel_artigo .cartao-artigo {min-height: auto; width: 100%; max-width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 25px; background: #fff; overflow: hidden; display: flex; flex-direction: column; height: 98%;} #meuCarousel_artigo .cartao-artigo img {width: 100%; height: auto; max-height: 200px; object-fit: cover;} #meuCarousel_artigo .slide .cartao-artigo .texto {padding: 20px; text-align: left; flex-grow: 1; display: flex; flex-direction: column;} #meuCarousel_artigo .slide .cartao-artigo .texto h4 {font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: 500; text-align: left; color: #000; padding: 0 0 10px 0;} #meuCarousel_artigo .slide .cartao-artigo .texto p {font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight: 300; color: #757474; line-height: 1.4; margin-bottom: 15px;} #meuCarousel_artigo .slide .cartao-artigo .texto .down { margin-top: auto;} #meuCarousel_artigo .slide .cartao-artigo .texto a {color: #190556; font-weight: 400; font-size: 14px; cursor: pointer; display: flex; align-items: center;} #meuCarousel_artigo .slide .cartao-artigo .texto a:hover { text-decoration: none;} #meuCarousel_artigo .slide .cartao-artigo .texto a img {width: 17px; margin-left: 5px; height: auto; max-height: none;} /*======================================================== Formandos ===================================================================================*/ #Formandos{background:#F3F3F3; min-height:614px; max-height: 1000px;} #Formandos .container .row .col-12{ padding-top:80px; padding-bottom:50px;} #Formandos .container .row .col-12 h2{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:31px; line-height: 36px; text-align:center; } #Formandos .container .row #carouselContainer #meuCarousel .slide {display: none; width: 46%; vertical-align: top; margin-right: 2%; } #Formandos .container .row #carouselContainer #meuCarousel .slide.ativo { display: inline-block;} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao { display: flex; flex-direction:column; width: 100%; max-width: 800px; margin: 0 auto; border-radius: 22px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 20px; background-color: white; font-family: 'Ubuntu', sans-serif; height: 300px; gap:15px;} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao .header { display: flex; align-items: center; gap: 15px; } #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao p{color:#585858; font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:15.6px; line-height:21.84px; padding-top:0px;} #Formandos .container .row .imagem{width: 15%; max-width:70px; display:flex; align-items: center; justify-content: center;} #Formandos .container .row .imagem img{width:60px; height:61.63px; border-radius:50%;} #Formandos .container .row .texto{flex:1; font-family: 'Ubuntu', sans-serif; } #Formandos .container .row .texto h3{font-size: 18px; color:#190556; line-height:17.93px; font-weight:500; margin-bottom: 5px;} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao .texto p{color:#757474; font-size:12.48px; font-weight:400; } /* Centralizar os botões abaixo do carousel */ #Formandos .botoes { display: flex; justify-content: center; margin-top: 20px; margin-left:39%;} #Formandos .botoes .menor, #Formandos .botoes .maior { width: 70px;height: 70px; background-color: #FFF; color: #000; border: 1px solid #000; border-radius: 50%; font-size: 24px; font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; margin: 0 10px; } #Formandos .botoes .menor:hover, #Formandos .botoes .maior:hover { background-color: #45209C; color: #FFF; border: none;} #Formandos .container .row .cartao.mostrar {display: inline-block; vertical-align: top; } /* Footer ou Rodapé*/ footer{ background-color: #211f3B; color:#AAA; font-family: 'Ubuntu', sans-serif;} footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:8%} footer .row .col-md-4 .icone{height:22.2px; width: 24.92px; margin-right:15px;} footer .row .col-md-4 p{color:#fff; font-family: 'Ubuntu', sans-serif; text-align:center; font-size:15.05px; font-weight:300;} footer .row .col-md-4 .termos{margin-left:30%;} footer .row .col-md-4 .termos a{text-decoration:none; color:#ffffff; font-weight:300; line-height:100%; font-family: 'Ubuntu', sans-serif; font-size:13px; line-height:35px;} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .btn_roxo{ background-color:#4E085E; color: #FFF; padding: 5px 22px; border: 1px solid transparent; transition: .5s; text-align: center; font-size: medium; margin-left: -3%; border-radius: 5px;} footer .btn_roxo:hover{ text-decoration: none; color:#4E085E; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif;} footer .row .bloco{ margin-left: 0; margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; } footer .row .link{color:#6f42c1; padding-right: 5%; margin-top:90px; font-size: 16px;} footer .list li{ font-size: 13px; margin: 20px 1px; color: #fff; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .redes{width: 21%; float: right; margin-left: 50%; margin-top: -110px;} footer hr{ border-color: aliceblue; margin-top: 50px;} footer .redes img{width: 35px; border-radius: 25px; border: none;} footer .container_fluid .container{display: flex; flex-direction:row; width:100%;} footer .container_fluid .container .row{gap:150px; width:100%;} footer .container_fluid .container .row .esquerda{width:28%; gap:80px; height:150px;} footer .container_fluid .container .row .esquerda img{margin: auto 0; width:100px;} footer .container_fluid .container .row .esquerda .aprenda{margin-left: 15px; padding-top:10px;} footer .container_fluid .container .row .text-center{display: flex; align-items:center; } /*.logo_branco {height: 40px; margin-bottom: 15px; } .icone { width: 30px; height: 30px; margin-right: 10px; transition: transform 0.3s ease; } .icone:hover {transform: scale(1.1); } .termos a {color: #ecf0f1; text-decoration: none;display: block; margin-bottom: 8px; transition: color 0.3s ease; cursor: pointer; } .termos a:hover { color: #3498db; } .list {list-style: none; padding: 0; } .list li { margin-bottom: 8px; display: flex; align-items: center; } .aprenda { height: 30px; } .esquerda, .direita { display: flex; align-items: center; gap: 15px; }*/ /* Estilos dos popups */ .modal-header { background-color: #4E085E; color: white; } .modal-header .btn-close { filter: invert(1); } .modal-body { max-height: 70vh; overflow-y: auto; padding:20px !important;} .terms-section, .policy-section { margin-bottom: 25px; } .terms-section h5, .policy-section h5 { color: #2c3e50; margin-bottom: 15px; } .terms-section p, .policy-section p { text-align: justify; line-height: 1.6; color: #555; } /* =========================================================== Página da Vida ====================================================================== */ /* Barra de navegação da VIDA*/ .navbar1 {background-color: #190654; height: 80px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); font-family: 'Ubuntu', sans-serif; width: 100%; padding: 0 5%; position: relative;} #nav-container1 {box-shadow: 0 1px 1px 1px #999; padding: 0; font-family: 'Ubuntu', sans-serif; width: 100%;} .navbar-brand {padding-left: 0; color: #fff; display: flex; align-items: center; z-index: 1050;} .navbar-brand img { max-height: 45px; width: auto;} .navbar-brand:hover { color: #fff;} .navbar-nav1 {display: flex; flex-direction: row; align-items: center; justify-content: center; background: none; margin: 0 auto; padding: 0; height: 100%;} .navbar-nav1 a {color: #fff; text-align: center; font-size: 18px; font-weight: 400; font-family: 'Ubuntu', sans-serif; padding: 0 15px; line-height: 80px; transition: color 0.3s ease;} .navbar-nav1 a:hover {color: #FB0094; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px;} #navbar-links1 {display: flex; align-items: center;} #navbar-links1 .botao { margin-left: 20px;} #navbar-links1 .botao a {border-radius: 5px; color: #FFF; background: #FB0094; padding: 10px 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 14px; line-height: 13px; display: inline-block; text-decoration: none; transition: background-color 0.3s ease;} #navbar-links1 .botao a:hover { background: #d2007d; text-decoration: none;} .navbar-toggler { display: none; background: transparent; border: none; cursor: pointer; padding: 10px; z-index: 1050; } .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} /* VIDA Banner */ #vida1 {padding: 0; font-family: 'Ubuntu', sans-serif;} #vida1 .container-fluid-novo{ padding: 0; font-family: 'Ubuntu', sans-serif; padding:1% 8%; height: 85vh; background-image: url('../imgs/Group 111@2x.png'); background-repeat: no-repeat; background-position:left; width:100%; background-size: cover;} #vida1 .container-fluid-novo .col-12 .row .conteudo{width:46%; margin:2%; padding-top:5%;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{background-image: url('../imgs/Group 106.png'); background-repeat: no-repeat; background-position: center; height:520px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ padding-top:15%; font-family: 'Ubuntu', sans-serif; font-size:42px; font-weight:400; color:#FFF; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-family: 'Ubuntu', sans-serif; font-size:42px; font-weight:600; color:#FB0094; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-family: 'Ubuntu', sans-serif; font-size:20px; font-weight:300; color:#FFF; margin-top:30px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:11%; margin-top:10px;} #vida2 {background:#F8F8F8;} #vida2 .container-fluid_cor .row{align-items:center; display:flex; padding: 2% 8%; gap:30px;} #vida2 .container-fluid_cor .row .card-vida{width:48%; background:#fff; border-radius:11px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 30px 10px; height:500px; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo{width:36%; margin:1%; align-items:center; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo img{width:100%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1{width:54%; margin-left:2%; align-items:center; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 h2{font-family: 'Ubuntu', sans-serif; font-size:32px; font-weight:700; color:#190556; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 b{color:#FB0094; text-decoration:none;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 hr{background:#FB0094;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 h6{font-family: 'Ubuntu', sans-serif; font-size:16px; font-weight:400; color:#000000; padding-bottom:10px;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 p{font-family: 'Ubuntu', sans-serif; font-size:14px; font-weight:300; color:#000000; margin-top:5px;} /* ================================================================== Sobre Nós ========================================================================= */ #aprender-hoje{min-height:500px; max-height:1500px; ; gap:20px; padding-top:10%;} #aprender-hoje .container .row .texto{width:38%; padding-top:8%; } #aprender-hoje .container .row .texto h3{font-family: 'Ubuntu', sans-serif; font-size:45px; font-weight:400; color:#000; line-height:45px;} #aprender-hoje .container .row .texto b{font-family: 'Ubuntu', sans-serif; font-size:45px; font-weight:700; color:#190556; line-height:45px;} #aprender-hoje .container .row .texto p{font-family: 'Ubuntu', sans-serif; font-size:12px; font-weight:300; color:#000; margin-top:10px;} #aprender-hoje .container .row .imagem{width:60%;} #aprender-hoje .container .row .imagem img{width:100%;} /*O que fazemos*/ #oquefazemos{min-height:500px; max-height:1500px; width:100%;} #oquefazemos .container .row .col-12 h3{font-family: 'Ubuntu', sans-serif; font-size:36px; font-weight:500; color:#000; margin-bottom:50px; text-align:center;} #oquefazemos .container .row { flex-wrap: wrap; display: flex; justify-content: space-between; gap: 20px; align-items: stretch; } #oquefazemos .container .row .fazemos{width: 32%; text-align:center; justify-content:center; display:flex; flex-direction:column; } #oquefazemos .container .row .fazemos img{width:100%;} #oquefazemos .container .row .fazemos h4{font-family: 'Ubuntu', sans-serif; font-size:24px; font-weight:500;} #oquefazemos .container .row .fazemos p{font-family: 'Ubuntu', sans-serif; font-size:16.63px; font-weight:300; text-align:left;} .fazemos .card-content { padding: 15px; flex-grow: 1; /* Força esta área a crescer igualmente */ display: flex; flex-direction: column; justify-content: space-between;} /* Ajustes para container da imagem */ .fazemos .image-container {position: relative; display: inline-block; z-index: 1; } .fazemos .image-container img {width: 100%; display: block;} /* Botões sobre a imagem */ .fazemos .image-container .button-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 10px; opacity: 0; transition: opacity 0.3s ease; z-index: 2; /* Garante que os botões fiquem acima da imagem */} .fazemos .image-container:hover .button-overlay { opacity: 1;} .fazemos .image-container .btn-details {background-color: rgba(0, 0, 0, 0.7); color: #fff; border: none; padding: 8px 12px; cursor: pointer; border-radius: 5px; font-size: 14px; border: 1px solid #fff; z-index: 3; /* Garante que os botões sejam clicáveis */} .fazemos .image-container .btn-details:hover {background-color: rgba(0, 0, 0, 0.9);} /* Estilo para Popups - CORRIGIDO */ .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; justify-content: center; align-items: center;} .popup-content {background: #fff; padding: 30px;border-radius: 10px; text-align: center; position: relative; max-width: 600px; /* ADICIONADO: largura máxima */max-height: 90vh; /* ADICIONADO: altura máxima */ overflow-y: auto; /* ADICIONADO: scroll se necessário */margin: 20px; /* ADICIONADO: margem para mobile */} .popup-content img {max-width: 100%; height: auto;margin-bottom: 15px;} #popupDescription{text-align:justify;} /* Botão X no canto superior direito */ .close-popup { position: absolute;top: 10px; right: 15px; background: none; border: none; font-size: 24px; cursor: pointer; color: #999; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;} .close-popup:hover {color: #000;} /* Botão Fechar na parte inferior */ .btn-close { background-color: #f44336; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; font-size: 14px; margin-top: 15px;} .btn-close:hover { background-color: #d32f2f;} /* Responsivo para mobile */ @media (max-width: 768px) { .popup-content { margin: 10px; padding: 20px; max-width: 95%; } } /* Estatistica*/ #estatistica { background: #211F3B;min-height:400px; max-height:1500px; width: 100%; display: flex; align-items: center; } #estatistica .container { width: 100%;} #estatistica .container .row { display: flex; justify-content: center; align-items: center; width: 100%; } #estatistica .container .row .dados {text-align: center; justify-content: center; display: flex; flex-direction: column; width: 25%; margin: 0 auto; align-items: center;} #estatistica .container .row .dados h4 {font-family: 'Ubuntu', sans-serif; font-size: 50px; font-weight: 700; text-align: center; color: #FB0094; margin: 0; /* Remove margens padrão */} #estatistica .container .row .dados p { font-family: 'Ubuntu', sans-serif; font-size: 24px; font-weight: 400; text-align: center; color: #FFFFFF; margin: 0; /* Remove margens padrão */} #estatistica {opacity: 0; transform: translateY(50px); transition: all 0.8s ease-out;} #estatistica.animate {opacity: 1; transform: translateY(0);} #estatistica .container .row .dados {opacity: 0; transform: translateY(30px); transition: all 0.6s ease-out;} #estatistica .container .row .dados.animate {opacity: 1; transform: translateY(0);} /* Delays escalonados */ #estatistica .container .row .dados:nth-child(1) { transition-delay: 0.1s; } #estatistica .container .row .dados:nth-child(2) { transition-delay: 0.2s; } #estatistica .container .row .dados:nth-child(3) { transition-delay: 0.3s; } #estatistica .container .row .dados:nth-child(4) { transition-delay: 0.4s; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .pulse-animation { animation: pulse 0.6s ease-in-out; } /* Compromisso*/ #compromisso {height:80vh; padding: 6% 0;} #compromisso .container .row {gap:100px;} #compromisso .container .row .conteudo{width:35%; margin:0; padding:0;} #compromisso .container .row .conteudo img{width:100%; } #compromisso .container .row .conteudo1{width:55%; margin:0;} #compromisso .container .row .conteudo1 h2{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:36px; } #compromisso .container .row .conteudo1 p{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:16px; } #compromisso .container .row .conteudo1 .taca{text-align:center; justify-content:center; display:flex; flex-direction:row; width:100%; margin:40px auto; align-items:center; gap:20px; border-radius:12px; background:#F4F3F3; padding:8px; height:200px;} #compromisso .container .row .conteudo1 .taca .imagem{width:25%;} #compromisso .container .row .conteudo1 .taca .imagem img{width:80%;} #compromisso .container .row .conteudo1 .taca .texto{width:70%; border-radius:12px;} #compromisso .container .row .conteudo1 .taca .texto h3{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:20px; margin-top: 30px; color:#313131;text-align:left;} #compromisso .container .row .conteudo1 .taca .texto p{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:14px; color:#fff; text-align:left; color:#313131;} #compromisso .container .row .conteudo1 .botao a{border-radius:5px; color:#FFF; background:#1D209B; padding: 10px 22px; font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:11.35px; line-height:13px; margin-top:20px;} /*================================================================= Sobre o curso =============================================================*/ /*Banner*/ #banner{padding-top: 50px;} #banner .container-fluid-novo{ padding: 0; font-family: 'Ubuntu', sans-serif; padding:4% 12%; height: 55vh; background-image: url('../imgs/Group 111@2x.png'); background-repeat: no-repeat; background-position:left; width:100%; background-size: cover;} #banner .container-fluid-novo .row{width:75%;} #banner .container-fluid-novo .row h2{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:40px; margin-top: 30px; color:#fff;text-align:left; margin-right:50%;} #banner .container-fluid-novo .row p{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:20px; color:#FB0094; text-align:left;} #banner .container-fluid-novo .row .detalhes{width:100%; display:flex; flex-direction:row; padding:0; } #banner .container-fluid-novo .row .detalhen{border: 1px solid #fff; padding: 6px 14px ; margin:8px; border-radius:50px; align-items:center; } #banner .container-fluid-novo .row .detalhen p{font-family: 'Ubuntu', sans-serif; font-weight:400; font-size:12.82px; color:#fff; text-align:left; margin: 0;} #banner .container-fluid-novo .row .detalhen b{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:12.82px; color:#FB0094; text-align:left;} .breadcrumb {display: flex; list-style: none; padding: 0; background-color: transparent !important; border-radius: 4px; font-family: 'Ubuntu', sans-serif;} .breadcrumb-item + .breadcrumb-item::before { content: ">"; padding: 0 8px; color: #FFF;} .breadcrumb-item a {text-decoration: none; color: #FFF !important;} .breadcrumb-item a:hover {text-decoration: underline;} .breadcrumb-item.active {color: #FFF;} /* Lateral */ #lateral { position: fixed; top: 35vh; right: 100px; width: 400px; background-color: #f8f9fa; padding: 20px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); text-align: center; border-radius: 8px; z-index: 9999; } #lateral img {width: 100%; border-radius: 8px; margin-bottom: 50px;} #lateral a { display: block; margin-top: 10px; padding: 10px 15px; background-color: #45209C; color: #fff; text-decoration: none; border-radius: 7px; font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size:18px; line-height:100%;} #lateral a:hover { background-color: #e60084; } @media (max-width: 768px) { #lateral { position: fixed; bottom: 20px; right: 20px; left: 20px;top: auto; width: auto; padding: 15px; } #lateral img { display: none; /* Esconde a imagem no mobile */ } #lateral a { margin-top: 0; font-size: 16px; } } /*Visão Geral do curso*/ #geral .container .descricao-geral{width:60%;} #geral .container .descricao-geral h4{font-family: 'Ubuntu', sans-serif; font-weight:400; font-size:14px; color:#B0AEAE; text-align:left; line-height:140%} #geral .container .descricao-geral h3{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:24px; color:#000000; text-align:left; line-height:28px;} #geral .container .descricao-geral p{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:15px; color:#000000; text-align:left; line-height:28px;} #geral .container .descricao-geral .paraquem{width:100%; padding: 20px; border: 1px solid #E7E7E7; border-radius:14px;} #geral .container .descricao-geral .modulos-container {max-width: 900px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-bottom:100px;} .modulos-panel { border: 1px solid #E7E7E7 ; border-radius: 8px; overflow: hidden; background-color: #fff; } .modulos-header {background-color: #FFF; color: #000; padding: 15px 20px; font-size: 20px;font-weight: 600; margin: 0; } .modulo-item {border-bottom: 1px solid #e0e0e0; background-color: #fff; } .modulo-item:last-child { border-bottom: none; } .modulo-header { padding: 16px 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.2s ease; user-select: none;} .modulo-header:hover { background-color: #f8f9fa; } .modulo-title {font-family: 'Ubuntu', sans-serif; font-weight:400; font-size:16px; color:#000; text-align:left; margin: 0; flex-grow: 1; } .modulo-icon {width: 20px; height: 20px;transition: transform 0.3s ease; margin-left: 15px; flex-shrink: 0;} .modulo-icon.expanded {transform: rotate(90deg); } .modulo-content {padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; background-color: #fff; border-top: 1px solid #f0f0f0; } .modulo-content.expanded {max-height: 200px; padding: 16px 20px; } .modulo-description {color: #666; line-height: 1.5; margin: 0; font-size: 14px;} /* Ícone SVG para a seta */ .arrow-icon { fill: #666;} .formador {border: 1px solid #EBEBEB; width: 100%; margin-bottom:20px; padding: 40px 5%; background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);} .formador .row { display: flex; flex-direction: column; align-items: center; text-align: center;} .formador .row .imagem {width: 100%; display: flex; justify-content: center; margin-bottom: 30px;} .formador .row .imagem img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; background-color: #D0D0D0;} .formador .row .descricao { width: 100%; margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; text-align: center;} .formador .row .descricao h2 {font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 32px; color: #000000; text-align: center; line-height: 100%; margin: 0 0 15px 0;} .formador .row .descricao h3 { font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 18px; color: #000000; text-align: center; line-height: 100%; margin: 0 auto;} .formador .row .descricao h4 {font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 16px; color: #B0AEAE; text-align: center; line-height: 100%; margin: 0 0 25px 0;} .formador .row .descricao .Paragrafo{width:100%; text-align:left;} .formador .row .descricao .Paragrafo p { font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 14px; color: #666666; text-align: left; line-height: 150%; } .formador .row .redes {width: 100%; display: flex; justify-content: center; gap: 15px;} .formador .row .redes img {width: 40px; height: 40px; cursor: pointer; transition: transform 0.2s ease;} .formador .row .redes img:hover { transform: scale(1.1);} /* Responsivo */ @media (max-width: 768px) { .formador { padding: 30px 4%; } .formador .row .descricao h2 { font-size: 28px; } .formador .row .imagem img { width: 100px; height: 100px; } .formador .row .redes img { width: 35px; height: 35px; } } /*====================================== Contactos ====================================================================*/ #contacto-area { background-color: #FFFFFF; padding:2% 5%; margin-top:2%;} #contacto-area .container {background-color:#fff; border-radius:20px; min-height: 550px; font-family: 'Ubuntu', sans-serif; } /*lateral*/ #contacto-area .container .lateral{background-color:#1D209B; float: left; width: 40%; border-radius:20px; min-height:460px; padding: 1% 3%; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .lateral ul li{color:#fff; list-style:none; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .lateral .list{padding-top: 50px;} #contacto-area .container .lateral .list li{font-family: 'Ubuntu', sans-serif; font-size: 12px; margin: 10px; color: #FFF; margin-left: 1%; font-weight:300; line-height:40px;} #contacto-area .container .lateral .redes { padding-top: 20%; margin-left:18%;} #contacto-area .container .lateral .redes img{width: 35px; border-radius: 25px; border: none; margin: 0 10px; } /* Formulário*/ #contacto-area .container .formula{float:right; width: 57%; background:#FFF; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .form-campo{padding:4%; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .textbox { border: none; border-bottom: 1px solid #ccc;width:100%; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .tel{margin-left:48%; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .textbox-email {float:left; width:50%; border: none; border-bottom: 1px solid #ccc; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .textbox-email:focus { border-bottom: 1px solid #4E085E; border:1px Solid #ccc; } #contacto-area .container .formula .textbox-tel {float:right; width:40%; border: none; border-bottom: 1px solid #ccc; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .textbox-msg{min-width:100%; font-family: 'Ubuntu', sans-serif;} #contacto-area .container .formula .btn{ width: 40%; background-color:#1D209B; color:#fff; padding: 10px 20px; border-radius:10px; float:right; margin-right:4%;} /*Visão geral*/ #geral{padding-top: 100px;} /* Responsividade*/ @media(max-width: 1460px) { #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:9%; margin-top:50px;} #vida2 .container-fluid_cor .row{align-items:center; display:flex; padding: 2% 6%; gap:30px;} #vida2 .container-fluid_cor .row .card-vida{width:48%; background:#fff; border-radius:11px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 30px 8px; height:500px; } } @media(max-width: 1380px) { #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ height:520px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} } @media(max-width: 1300px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:85%} /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:120%; } #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:37px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:37px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:18px; font-weight:300; margin-top:30px;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo{width:36%; margin:0; align-items:center; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo img{width:100%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1{width:57%; margin-left:0; align-items:center; } .container-fluid_sobre .container .col-12 .row .col-6 .video{height: 65%; width:90%; padding-right:4%; margin-left:12%; } } @media(max-width: 1280px) { body{overflow-x: hidden;} #mainslider .carousel-inner, #mainslider .carousel-item{ width:85%} /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:120%; height:520px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:30px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:37px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:37px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:18px; font-weight:300; margin-top:30px;} #vida2 .container-fluid_cor .row{align-items:center; display:flex; padding: 2% 4%; gap:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%; margin-left:12%; } } @media(max-width: 1100px) { .campo_pesquisa { width: 70%; } .caixa_pesquisa{width: 60%; margin-left:8px; } .navbar-nav .btn_transparent{padding: 7px 15px; } .navbar-nav .btn_roxo{padding: 7px 15px; } #mainslider .carousel-inner, #mainslider .carousel-item{ width:90%} /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:130%; } #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:34px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:34px; font-weight:600; } #vida2 .container-fluid_cor .row .card-vida{width:48%; background:#fff; border-radius:11px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 20px 8px; height:500px; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo{width:29%; margin:0; align-items:center; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo img{width:100%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1{width:63%; margin-left:0; align-items:center; } .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%; margin-left:12%; } } @media(max-width: 1024px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:93%} /*QUEM SOMOS*/ .container-fluid_sobre { height: 90vh; } /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:110%; background-size: cover; height:440px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:4%; margin-top:10px; width:90%} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:30px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:30px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} #oquefazemos .container .row {gap:20px; justify-content:center;} #oquefazemos .container .row .fazemos { width: 30%; } #estatistica{ height: 70vh; width:100%;} #estatistica .container .row{padding-top:11%; display:flex; flex-direction:column;} #compromisso {height:auto; padding: 6% 3%;} #compromisso .container .row {gap:30px;} } @media(max-width: 1000px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:93%} /*QUEM SOMOS*/ /*================================VIDA====================================*/ /*Barra de Navegação*/ .navbar1 { padding: 0 20px; height: 70px;} .navbar-brand img { max-height: 40px;} .navbar-toggler {display: block;} #navbar-links1 {position: absolute; top: 70px; left: 0; width: 100%; background-color: #190654; flex-direction: column; align-items: center; padding: 0; max-height: 0; overflow: hidden; transition: max-height 0.5s ease; } #navbar-links1.show {max-height: 500px; border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); } .navbar-nav1 {flex-direction: column; width: 100%; margin: 0; } .navbar-nav1 a {padding: 15px; line-height: normal; width: 100%; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #navbar-links1 .botao {margin: 20px 0; } #navbar-links { position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; z-index: 100; flex-direction: column; padding: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .navbar-nav {flex-direction: column; width: 100%; margin-bottom: 15px; } #navbar-links .botao {width: 100%; margin-top: 10px;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:135%; } #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:30px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:30px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} } @media(max-width: 912px) { #navbar-links { position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; z-index: 100; flex-direction: column; padding: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .navbar-nav {flex-direction: column; width: 100%; margin-bottom: 15px; } #navbar-links .botao {width: 100%; margin-top: 10px;} #mainslider .carousel-inner, #mainslider .carousel-item{ width:100%} /*QUEM SOMOS*/ /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:120%; height:430px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:30px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:30px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} #vida2 .container-fluid_cor{height:auto;} #vida2 .container-fluid_cor .row .card-vida{height:550px; padding:10px;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo{width: 100%; justify-content:center; display:flex;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1{width: 100%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo img{width:30%; } .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} } @media(max-width: 855px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:100%} /*QUEM SOMOS*/ /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:120%; height:390px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:30px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:30px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} } @media(max-width: 820px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:100%} /*QUEM SOMOS*/ /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:135%; } #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:7%; margin-top:50px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:30px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:30px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} } @media(min-width: 769px) { #navbar-links { display: flex !important; } } @media(max-width: 768px){ /*Geral*/ .container{ padding:20px 0; } /* Barra de Navegação*/ #navbar-links { position: absolute; top: 80px; left: 0; width: 100%; background-color: #fff; z-index: 100; flex-direction: column; padding: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .navbar-nav {flex-direction: column; width: 100%; margin-bottom: 15px; } #navbar-links .botao {width: 100%; margin-top: 10px;} /* Visual para botão toggler personalizado */ .custom-toggler {cursor: pointer; } /*Slider*/ #mainslider .carousel-inner, #mainSlider .carousel-item{ height: auto; } .container-fluid .overlay{ height: 580px; } #mainslider .carousel-caption h2{ font-size: 26px; } #mainslider .carousel-caption p{ font-size: 12px; margin-bottom: 40px; } #mainslider .carousel-caption{ left:10%; right: 10%; top:40%; } #mainslider .carousel-caption .btn_roxo1{ font-size: 12px; margin-left: -80%; bottom: 100px;} /*QUEM SOMOS*/ .container-fluid_sobre {height:100vh; } .container-fluid_sobre .container .col-12 .row .conteudo{width:98%; margin:2%;} .container-fluid_sobre .container .col-12 .row .conteudo iframe{margin-top: -180px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} /*Cursos*/ #cursos { min-height: 1024px ; height:auto} #cursos .container {padding: 8px;} #cursos .container .texto1 { width: 100%; max-width: 450px; } #cursos .container .texto2 { width: 100%; max-width: 650px; } #cursos .container h2 {font-size: 28px; } #cursos .container .botoes, #cursos .container .baixo { width: 100%; max-width: 650px; display: flex; flex-wrap: wrap; justify-content: center; } #cursos .container .botoes a, #cursos .container .botoes .todos, #cursos .container .baixo a { margin: 5px; } #cursos .container .container_cartao .cartao_curso { width: calc(50% - 20px); min-width: 250px; height: 380px; margin: 0 auto;} #cursos .container .container_cartao .cartao_curso .down .esquerda{width:25%; margin:5px 3px; font-size:12px; font-weight:400; line-height:18px;} #cursos .container .container_cartao .cartao_curso .down .esquerda img{width:19px;} #cursos .container .container_cartao .cartao_curso .down .centro{width:36%; margin:5px 2px; font-size:13px; display:inline-flex;} #cursos .container .container_cartao .cartao_curso .down .centro .preco{font-size:12px; font-weight:500; color:#000; margin-right:1px; line-height:17.5px; display:flex; flex-direction:row;} #cursos .container .container_cartao .cartao_curso .down .centro .preco s{display:block; font-size: 9.5px; font-weight:300; text-decoration:none; margin-left:2px; line-height:20px;} #cursos .container .container_cartao .cartao_curso .down .centro .gratuito{font-size:12px; font-weight:500; color:#12B235;line-height:18.38px;} #cursos .container .container_cartao .cartao_curso .down .centro .gratuito s{display:none;} #cursos .container .container_cartao .cartao_curso .down .direita{width:30%; margin-left:8px; margin-right:0; margin-top: 1px;} #cursos .container .container_cartao .cartao_curso .down .direita a{text-decoration:none; cursor:pointer; background: #45209C; font-size:11px; padding: 6px 12px; color:#FFF; margin-top:20px; line-height:13px; border-radius:1.8px;} /*VIDA*/ #vida1 .container-fluid-novo .col-12 .row .conteudo{min-height:50vh;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:120%; height:360px;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:5%; margin-top:20px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:26px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:26px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:14px; font-weight:300; margin-top:30px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} /*últimos artigos*/ #meuCarousel_artigo .slide { flex: 0 0 60%; display: flex; justify-content: center; align-items: center; display: none; min-height:682px;} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao { min-height: 340px;} #Formandos .botoes { display: flex; justify-content: center; margin-top: 20px; margin-left:23%;} #Formandos .container .row #carouselContainer #meuCarousel .slide {width: 96%; margin-left: 1%; margin-bottom:3%; } /* footer*/ footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:35%} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif; margin-left:23%;} footer .row .bloco{ margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; margin-left: 0} footer .list li{ font-size: 11px; margin: 10px; color: #AAA; margin-left: 1%; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .container_fluid .container {display: flex; flex-direction: column; } footer .container_fluid .container .row { gap: 0; width: 100%; display: flex; flex-direction: column-reverse;} footer .container_fluid .container .row .esquerda {width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: -20px;} footer .container_fluid .container .row .esquerda img {width: auto; height: 50px; } footer .container_fluid .container .row .esquerda .aprenda {height: 40px; margin-left: -50px; padding-top: 0;} footer .container_fluid .container .row .text-center {width: 100%; text-align: center; margin: 20px 0; display: block; } footer .container_fluid .container .row .text-center p { font-size: 12px;} /*============================ Contactos============================*/ #contacto-area .container .lateral .redes { padding-top: 2%; margin-left:8%;} #contacto-area .container .lateral .redes img{width: 28px; border-radius: 25px; border: none; margin: 0 10px; } /* ============ Sobre nos==========*/ #aprender-hoje .container .row{display: flex; flex-direction:column; gap:30px; padding: 30px;} #aprender-hoje .container .row .texto{width:60%; padding-top:8%; } #aprender-hoje .container .row .imagem{width:100%;} #oquefazemos .container .row {gap:20px; justify-content:center;} #estatistica{ height: 70vh; width:100%;} #estatistica .container .row{padding-top:11%; display:flex; flex-direction:column;} #compromisso {height:auto; padding: 6% 3%;} #compromisso .container .row {gap:30px;} /*=====================vida========================*/ #vida2 .container-fluid_cor .row{padding:10px 30px;} #vida2 .container-fluid_cor .row .card-vida{width:100%; background:#fff; border-radius:11px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 20px 8px; height:420px; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo{width:29%; margin:0; align-items:center; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo img{width:100%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1{width:63%; margin-left:0; align-items:center; } } @media(max-width: 540px) { #mainslider .carousel-inner, #mainslider .carousel-item{ width:100%} /*QUEM SOMOS*/ .container-fluid_sobre {height:100vh; } .container-fluid_sobre .container .col-12 .row .conteudo{width:98%; margin:2%;} .container-fluid_sobre .container .col-12 .row .conteudo iframe{margin-top: -180px;} .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:90%; padding-right:4%;} /*VIDA*/ .navbar1 {padding: 0 15px; height: 60px; } .navbar-brand img { max-height: 35px; } #navbar-links1.show {top: 60px; } #navbar-links1 .botao a { padding: 8px 15px; font-size: 12px; } #vida1 .container-fluid-novo {height:120vh;} #vida1 .container-fluid-novo .col-12 .row{flex-direction:column-reverse;} #vida1 .container-fluid-novo .col-12 .row .conteudo{width:98%; margin:2%; flex-direction:column-reverse;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:80%; height:340px; margin: 0 auto;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:5%; margin-top:20px;} #vida1 .container-fluid-novo .col-12 .row .conteudo h2{ font-size:28px; font-weight:400; } #vida1 .container-fluid-novo .col-12 .row .conteudo h3{ font-size:28px; font-weight:600; } #vida1 .container-fluid-novo .col-12 .row .conteudo p{ font-size:16px; font-weight:300; margin-top:30px;} #vida1 .container .col-12 .row{flex-direction: column;} #vida1 .container .col-12 .row .conteudo{width:95%; margin:1%; margin-bottom:5%;} #vida1 .container .col-12 .row .conteudo1{width:95%; margin-bottom:8%; margin-left:4%;} #vida1 .container .col-12 .row .conteudo img{width:95%; margin:0; padding:0;} #vida1 .container .col-12 .row .conteudo1 img{width:95%; margin:0; padding:0;} #vida1 .container .col-12 .row .conteudo1 h2{font-family: 'Ubuntu', sans-serif; font-size:28px; font-weight:700; color:#190556; } #vida1 .container .col-12 .row .conteudo1 h6{font-family: 'Ubuntu', sans-serif; font-size:16px; font-weight:400; color:#000000; padding-bottom:10px;} #vida1 .container .col-12 .row .conteudo1 p{font-family: 'Ubuntu', sans-serif; font-size:16px; font-weight:300; color:#000000; margin-top:5px;} #vida2 .container-fluid_cor .row .card-vida{width:100%; padding: 30px 10px; height:auto; } #vida2 .container-fluid_cor .row .card-vida .row .conteudo { width:90%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 { width:90%;} /*Curso*/ #cursos { min-height: 1024px ; max-height:5000px;} #cursos .container h4 { font-size: 16px;} #cursos .container h2 { font-size: 24px;} #cursos .container .container_cartao{height:auto;} #cursos .container .container_cartao .cartao_curso {width: 100%; max-width: 320px; } #cursos .quarter-circle { width: 60px; height: 60px;} /*Compromisso*/ #compromisso .container .row{flex-direction: column; } #compromisso .container .row .conteudo{width:95%; padding:2%;} #compromisso .container .row .conteudo img{width:100%;} #compromisso .container .row .conteudo1{width:95%; padding:2%;} #compromisso .container .row .conteudo1 h2{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:28px;} #compromisso .container .row .conteudo1 h3{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:16px; margin-top: 30px;} #compromisso .container .row .conteudo1 p{font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:16px} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao { min-height: 340px;} #estatistica .container .row .dados h4{font-family: 'Ubuntu', sans-serif; font-size:40px; font-weight:700; text-align:center; color:#FB0094;} /*Formandos*/ #Formandos .botoes { display: flex; justify-content: center; margin-top: 20px; margin-left:23%;} #Formandos .container .row #carouselContainer #meuCarousel .slide {width: 96%; margin-left: 1%; margin-bottom:3%; } /* footer*/ footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:35%} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif; margin-left:23%;} footer .row .bloco{ margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; } footer .list li{ font-size: 11px; margin: 10px; color: #AAA; margin-left: 1%; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .container_fluid .container {display: flex; flex-direction: column; } footer .container_fluid .container .row { gap: 0; width: 100%; display: flex; flex-direction: column-reverse;} footer .container_fluid .container .row .esquerda {width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: -20px;} footer .container_fluid .container .row .esquerda img {width: auto; height: 50px; } footer .container_fluid .container .row .esquerda .aprenda {height: 40px; margin-left: -50px; padding-top: 0;} footer .container_fluid .container .row .text-center {width: 100%; text-align: center; margin: 20px 0; display: block; } footer .container_fluid .container .row .text-center p { font-size: 12px;} /* ============ Sobre nos==========*/ #aprender-hoje .container .row{display: flex; flex-direction:column; gap:30px; padding: 30px;} #aprender-hoje .container .row .texto{width:60%; padding-top:8%; } #aprender-hoje .container .row .imagem{width:100%; margin-bottom:50px;} #oquefazemos{margin-top:120px; height:100vh;} #oquefazemos .container .row {gap:20px; justify-content:center;} #estatistica{ height: 90vh; width:100%;} #estatistica .container .row{padding-top:11%; display:flex; flex-direction:column;} #compromisso {height:135vh; padding: 6% 3%;} #compromisso .container .row {gap:30px;} /* ============ Contactos ==========*/ #contacto-area{height:700px;} #contacto-area .container .lateral{display:none;} #contacto-area{padding-top:10%;} #contacto-area .container .formula{width:100%; } #contacto-area .container .formula .btn{ width: 60%; padding: 10px 20px; margin-right:4%;} /* ================ Sobre o curso ===============*/ #banner{padding-top: 30px;} #banner .container-fluid-novo{ font-family: 'Ubuntu', sans-serif; padding:1% 8%; height: 55vh; margin:0;} #banner .container-fluid-novo .row{width:100%;} #banner .container-fluid-novo .row h2{font-family: 'Ubuntu', sans-serif; font-weight:700; font-size:34px; margin-top: 30px; color:#fff;text-align:left; margin-right:0;} #banner .container-fluid-novo .row p{font-family: 'Ubuntu', sans-serif; font-weight:500; font-size:16px; color:#FB0094; text-align:left;} #geral .container .descricao-geral{width:100%;} } @media(max-width: 435px) { #vida1{padding-top:30px; height:800px;} #vida1 .container-fluid-novo .col-12 .row{ flex-direction: column-reverse; } #vida1 .container-fluid-novo .col-12 .row .conteudo { width: 100%; height:300px !important; margin:0; padding:0;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:90%; height:330px; margin: 30px auto; } #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:5%; margin-top:10px;} #vida1 .container .col-12 .row .conteudo1 { width: 100%; margin-bottom: 20px; } /* ============ Sobre nos==========*/ #aprender-hoje .container .row{display: flex; flex-direction:column; gap:30px; padding: 30px;} #aprender-hoje .container .row .texto{width:60%; padding-top:8%; } #aprender-hoje .container .row .imagem{width:100%;} #oquefazemos{height:auto;} #oquefazemos .container .row {gap:20px; justify-content:center; height:auto;} #oquefazemos .container .row .fazemos{width: 100%; text-align:center; } #estatistica{ height: 75vh; width:100%;} #estatistica .container .row{padding-top:11%; display:flex; flex-direction:column;} #compromisso {height:110vh; padding: 6% 3%;} #compromisso .container .row {gap:30px;} #estatistica .container .row .dados{width:50%;} #estatistica .container .row .dados h4{font-family: 'Ubuntu', sans-serif; font-size:40px; font-weight:700; text-align:center; color:#FB0094;} } @media(max-width: 425px){ /*Navegação*/ nav{max-width: 100%; margin:0;} #navbar-links { top: 80px; margin-top: 0; margin-left: 0; height: auto; padding-bottom: 20px; } /* Slider Principal*/ #mainslider .carousel-inner, #mainSlider .carousel-item{ height: 80vh; } #mainslider{ margin-top: 0; } #mainslider .carousel-caption{ top: 40%; } #mainslider .carousel-caption .btn_roxo1{ font-size: 12px; margin-left: -62%; bottom: 100px;} #mainslider .carousel-caption h2{ font-size: 26px; margin-bottom: 40px; } /*Quem Somos */ .container-fluid_sobre .container .col-12 .row{ flex-direction: column; } .container-fluid_sobre .container .col-12 .row .conteudo { width: 100%; margin-bottom: 180px; } .container-fluid_sobre .container .col-12 .row .conteudo .video iframe {width: 100%; /* Ajusta o iframe para ocupar 100% da largura da coluna */ height: auto; /* Ajusta a altura automaticamente */ } .container-fluid_sobre .container .col-12 .row .conteudo .video{height: 65%; width:100%; background:#FFF; margin-top:-50px; border-radius:18px; margin-left:0; display: flex; justify-content:right; align-items: center; padding-right:0;} /*VIDA*/ .navbar-brand img { max-height: 35px; } .navbar1 {padding: 0 ; height: 60px;} #navbar-links1.show {top: 60px; } #navbar-links1 .botao a { padding: 8px 15px; font-size: 12px; } #vida1{padding-top:30px; height:800px;} #vida1 .container-fluid-novo .col-12 .row{ flex-direction: column-reverse; } #vida1 .container-fluid-novo .col-12 .row .conteudo { width: 100%; height:300px !important; margin:0; padding:0;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:90%; height:300px; margin: 10px; auto;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:5%; margin-top:10px;} #vida1 .container .col-12 .row .conteudo1 { width: 100%; margin-bottom: 20px; } #cursos { min-height: 1024px ; max-height:5000px;} #cursos .container .container_cartao{height:auto;} /*últimos artigos*/ #meuCarousel_artigo .slide { flex: 0 0 100%; display: flex; justify-content: center; align-items: center; display: none; min-height:682px;} #meuCarousel_artigo .slide.ativo { display: flex; } /*Fomandos*/ #Formandos{background:#F3F3F3; min-height:614px; max-height: 1200px;} #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao { min-height: 340px;} #Formandos .botoes { display: flex; justify-content: center; margin-top: 20px; margin-left:25%; } #Formandos .container .row #carouselContainer #meuCarousel .slide {width: 96%; margin-left: 1%; margin-bottom:3%; } /* footer*/ footer {padding: 0 15px; text-align: center;} footer .row {display: flex; flex-direction: column; } footer .row .col-md-4 {width: 100%; margin: 0; padding: 0; } footer .logo_branco {width: 50%; margin-top: 50px; margin-bottom: 10px;} footer .row .col-md-4 p {margin: 15px 0; font-size: 15px;} footer .row .col-md-4 .icone { margin: 0 5px;} footer .row .col-md-4 .termos { margin-top: 80px; text-align: left; margin-left:25%;} footer .row .col-md-4 .termos a {line-height: 10px; display: block; margin: 1px 0; } footer h3 {text-align:left; margin-top: 60px; padding-top: 20px; margin-left: 25%; width:100%; display: inline-block;} footer .list {margin-left: 25%; padding: 0; list-style: none;} footer .list li {display: flex; align-items: center; text-align:left; margin: 25px 0; color: #fff; font-size: 13px; line-height:15px; } footer .list li img {margin-right: 10px; } footer hr { margin-top: 30px; } footer .container_fluid .container {display: flex; flex-direction: column; } footer .container_fluid .container .row { gap: 0; width: 100%; display: flex; flex-direction: column-reverse;} footer .container_fluid .container .row .esquerda {width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: -20px;} footer .container_fluid .container .row .esquerda img {width: auto; height: 50px; } footer .container_fluid .container .row .esquerda .aprenda {height: 40px; margin-left: -50px; padding-top: 0;} footer .container_fluid .container .row .text-center {width: 100%; text-align: center; margin: 20px 0; display: block; } footer .container_fluid .container .row .text-center p { font-size: 12px;} /* ============ Sobre nos==========*/ #aprender-hoje .container .row{display: flex; flex-direction:column; gap:30px; padding: 30px;} #aprender-hoje .container .row .texto{width:60%; padding-top:8%; } #aprender-hoje .container .row .imagem{width:100%;} #oquefazemos{height:auto;} #oquefazemos .container .row {gap:20px; justify-content:center; height:auto;} #oquefazemos .container .row .fazemos{width: 100%; text-align:center; } #estatistica{ height: 75vh; width:100%;} #estatistica .container .row{padding-top:11%; display:flex; flex-direction:column;} #compromisso {height:110vh; padding: 6% 3%;} #compromisso .container .row {gap:30px;} /* ============ Contactos ==========*/ #contacto-area .container .lateral{display:none;} #contacto-area .container .formula{width:100%;} #contacto-area .container .formula .btn{ width: 60%; padding: 10px 20px; margin-right:4%;} } @media(max-width: 375px){ #vida1{padding-top:30px; height:800px;} #vida1 .container-fluid-novo .col-12 .row{ flex-direction: column-reverse; } #vida1 .container-fluid-novo .col-12 .row .conteudo { width: 100%; height:240px !important; margin:0; padding:0;} #vida1 .container-fluid-novo .col-12 .row .conteudo .aro{ width:100%; height:300px; margin: 0 auto;} #vida1 .container-fluid-novo .col-12 .row .conteudo img{margin-left:5%; margin-top:10px;} #vida1 .container .col-12 .row .conteudo1 { width: 100%; margin-bottom: 20px; } .container-fluid .overlay{ height: 580px; } #mainslider .carousel-caption .btn_roxo1{ font-size: 12px; margin-left: -58%; bottom: 100px;} .container-fluid_cor{ height: 700px; } /*Vantagens do wongo*/ #vantagens .fundo_img{height: 35vh;} #vantagens .fundo_img .col-md-3 .list{list-style: none;float: right; margin-top: -63%; margin-left: -250px;} #vantagens .fundo_img .col-md-3 .list li{font-size: 8px; padding:0; } /*Curso*/ #cursos { min-height: 2024px ; max-height:5000px;} #cursos .container .container_cartao{height:auto;} /* footer*/ footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:35%} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif; margin-left:23%;} footer .row .bloco{ margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; } footer .list li{ font-size: 11px; margin: 10px; color: #AAA; margin-left: 1%; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .row .col-md-3 .aprenda{margin-left: 30%; padding-top:45px;} /*==================VIDA ===============*/ #vida1 .container-fluid-novo {height:auto;} #vida2 .container-fluid_cor{height:auto;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo { width:90%;} #vida2 .container-fluid_cor .row .card-vida .row .conteudo1 { width:90%;} /* ============ Sobre nos==========*/ #aprender-hoje .container .row{display: flex; flex-direction:column; gap:30px; padding: 30px;} #aprender-hoje .container .row .texto{width:60%; padding-top:8%; } #aprender-hoje .container .row .imagem{width:100%;} #oquefazemos .container .row {gap:20px; justify-content:center;} #estatistica{ height: 90vh; width:100%;} #estatistica .container .row{padding-top:5%; display:flex; flex-direction:column;} #compromisso {min-height:750px; max-height:1000px; padding: 6% 3%;} #compromisso .container .row {gap:30px;} } @media(max-width: 360px){ #mainslider .carousel-caption{ top: 40%; } .container-fluid .overlay{ height: 580px; } #mainslider .carousel-caption .btn_roxo1{ font-size: 12px; margin-left: -62%; bottom: 80px;} #mainslider .carousel-caption h2{ font-size: 20px; margin-bottom: 20px; font-weight:600; } #mainslider .carousel-caption p{ font-size: 12px; margin-bottom: 20px; } .center{ align-items: center; padding-top: 5%; } /* Formandos*/ #Formandos .container .row #carouselContainer #meuCarousel .slide .cartao { min-height: 320px;} #Formandos .botoes { display: flex; justify-content: center; margin-top: 20px; margin-left:23%;} #Formandos .container .row #carouselContainer #meuCarousel .slide {width: 96%; margin-right: 2%; margin-bottom:3%; } /*Torne-se um estudante*/ #Estudante .container-fluid_branco .row .estudante{top: 10px; padding-left:30px;} #Estudante .container-fluid_branco .row .estudante h3{ font-size: 30px; top: 100px; margin-bottom: 40px;} #Estudante .container-fluid_branco .row .col-md-4 img{ width: 80%;} .btn_comecar{background-color: #4E085E; color: #fff; padding: 12px 30px; border-radius: 30px; border: 1px solid transparent; transition: .5s; text-align: center; margin-left: 60px;} /* footer*/ footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:35%} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif; margin-left:23%;} footer .row .bloco{ margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; } footer .list li{ font-size: 11px; margin: 10px; color: #AAA; margin-left: 1%; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .row .col-md-3 .aprenda{margin-left: 30%; padding-top:45px;} #compromisso {min-height:750px; max-height:1000px; padding: 6% 3%;} #compromisso .container .row {gap:30px;} } @media(max-width: 320px) { #mainslider .carousel-caption{ top: 40%; } .container-fluid .overlay{ height: 580px; } #mainslider .carousel-caption .btn_roxo1{ font-size: 12px; margin-left: -62%; bottom: 80px;} #mainslider .carousel-caption h2{ font-size: 20px; margin-bottom: 20px; font-weight:600; } #mainslider .carousel-caption p{ font-size: 12px; margin-bottom: 20px; } #cursos { min-height: 2024px ; max-height:5000px;} /* footer*/ footer h3{ font-family: 'Ubuntu', sans-serif; text-align: left; font-size: 15px; color: #FFF; font-weight: 500; text-decoration: underline; text-decoration-color: #FB0094; text-underline-offset: 5px; text-decoration-thickness: 1.5px; padding-top:70px; margin-left:35%} footer .campo{ border-radius: 10px; margin-left: 0; height: 40px; width: 50%;border-radius: 10px; padding-left:6px;} footer .list{ list-style: none; font-family: 'Ubuntu', sans-serif; margin-left:23%;} footer .row .bloco{ margin-top: -25px; text-align: center; display: flex; flex-direction: column; align-items: center; } footer .list li{ font-size: 11px; margin: 10px; color: #AAA; margin-left: 1%; font-weight: 300; font-family: 'Ubuntu', sans-serif;} footer .logo_branco{ min-width: 40%; max-width: 50%; margin-top:60px;} footer .row .col-md-3 .aprenda{margin-left: 30%; padding-top:45px;} }