/*Vestibular 2022*/
.vest25{padding: 0px; margin: 0; font-family: "Sora", sans-serif;}
.vest25 .topo img.seta{width: max-content; height: 60px; display:block; margin: -140px auto 80px; position: relative; z-index: 600}

/* ===== CARD ===== */
  .card-inscricao {
    background: #ffffff;
    border-radius: 20px;
	font-family: "Sora", sans-serif;
    padding: 40px 32px 36px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35), 0 4px 16px rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.35s cubic-bezier(.22,.81,.01,.99), box-shadow 0.35s ease;
	justify-content: space-between;
  }
 
  .card-inscricao:hover {
    transform: translateY(-8px);
    box-shadow: 0 32px 80px rgba(0,0,0,0.45), 0 8px 24px rgba(0,0,0,0.18);
  }
 
  .card-titulo {
    color: #003264;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 16px;
  }
 
  .card-descricao {
    color: #4a5568;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 10px;
  }
 
  /* Ícone separador */
  .card-divider {
    width: 36px;
    height: 3px;
    background: linear-gradient(90deg, #003264, #1a5fa8);
    border-radius: 2px;
    margin-bottom: 20px;
  }
 
  /* ===== BOTÃO ===== */
  .btn-inscricao {
    background: #003264;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.88rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: none;
    border-radius: 50px;
    padding: 13px 28px;
    cursor: pointer;
    width: 100%;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(0, 50, 100, 0.3);
  }
 
  .btn-inscricao::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.12) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
  }
 
  .btn-inscricao:hover {
    background: #1a5fa8;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(0, 50, 100, 0.4);
  }
 
  .btn-inscricao:hover::after {
    transform: translateX(100%);
  }
 
  .btn-inscricao:active {
    transform: translateY(0);
  }
.vest25 .processo{
  .modal-content {
    border: none;
    border-radius: 20px;
	 font-family: "Sora", sans-serif;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.3);
  }
 
  .modal-header {
    background: linear-gradient(135deg, #003264 0%, #1a5fa8 100%);
    border: none;
    padding: 28px 32px 24px;
  }
 
  .modal-title {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 700;
  }
 
  .modal-header .close {
    color: rgba(255,255,255,0.8);
    opacity: 1;
    text-shadow: none;
    font-size: 1.5rem;
    transition: color 0.2s;
  }
 
  .modal-header .close:hover {
    color: #ffffff;
  }
 
  .modal-body {
    padding: 0px;
    background: #f8fafc;
  }
 
  .modal-body p {
    color: #4a5568;
    font-size: 0.9rem;
    margin-bottom: 20px;
    line-height: 1.6;
  }
} 

/*Pre inscrição*/
.vest25 .preinscricao{background: rgb(220 241 255); padding: 50px; border-radius: 0 0 30px 30px}
.vest25 .preinscricao h2{font-weight: 700;font-size: 2rem; color: #003264; text-align: center; margin: 0px auto;width: max-content; max-width: 90%;}
.vest25 .preinscricao p {width: 600px; max-width: 100%; margin: 10px auto;text-align: center;font-size: 1.2rem;line-height: 1.5;}
.vest25 .preinscricao p strong{color: #003264; }
.vest25 .preinscricao .botao{background: #003264; border-radius: 35px; color: #fff; font-weight: 600; width: max-content;  display:block; padding: 15px 50px; margin: 20px auto 0; text-align: center; font-size: 1rem; transition:.3s; cursor: pointer}
.vest25 .preinscricao .botao:hover{background: #3985AF; color: #fff;}

/*Processo*/
.vest25 .processo{background: #003264; padding: 80px 10%}
.vest25 .processo h1{color: #fff; font-weight: 300; margin: 0 auto 50px}
.vest25 .processo h1 span.high{color: rgb(220 241 255)}
.vest25 .processo h1 strong{font-weight: 700; color: rgb(220 241 255)}
/*.vest25 .processo ul{display: flex; flex-direction: row; flex-wrap:wrap; list-style: none; gap: 15px}
.vest25 .processo ul li{width: calc(25% - 15px); cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: .85rem; padding: 20px 5px; text-align: center; text-transform:uppercase; color: #fff; border-radius: 15px}
.vest25 .processo ul li.geralbtn{background: #00406B}
.vest25 .processo ul li.medicina{background: #03609C}
.vest25 .processo ul li.enf{background: #0072BC}
.vest25 .processo ul li.on{background: #089cff}
.vest25 .processo ul li a{color: #fff; display: block;}**/
.vest25 .processo ul{list-style-position: inside!important; list-style: disc;}

/*Processos*/
.vest25 .infos{width: 95%;}
.vest25 .infos .info{padding: 5px 0; line-height: 1.6rem; font-size: .95rem;}
.vest25 .processos{padding: 0 5% 70px }

/*Geral*/
.vest25 .processo .geral{background: #fff; padding: 50px; border-radius: 0px 0px 0px 0px; margin-top: 0px; color: #00406B; }
.vest25 .processo .geral h2{color: #00406B; margin: 0 0 5px; font-weight: 700; font-size: 2rem;}
.vest25 .processo .geral .strong{font-weight: 700;}
.vest25 .processo .geral button.ativo{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #fff; background: #00406B; border: solid 1px #00406B; transition: .3s; outline: 0;}
.vest25 .processo .geral button.ativo:hover{background: #013355; border: solid 1px #013355; }
.vest25 .processo .geral button.desativado{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #00406B; background: transparent; border: solid 1px #00406B; transition: .3s; outline: 0;}
.vest25 .processo .geral .info a{color: #00406B; text-decoration: underline}


/*Medicina*/
.vest25 .processo .medicina{background: #03609C; padding: 50px; color: #fff; border-radius: 0 0 30px 30px}
.vest25 .processo .medicina h2{color: #fff; margin: 0 0 5px; font-weight: 700; font-size: 2rem;}
.vest25 .processo .medicina .strong{font-weight: 700;}
.vest25 .processo .medicina button.ativo{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #03609C; background: #fff; border: solid 1px #03609C; transition: .3s; outline: 0;}
.vest25 .processo .medicina button.ativo:hover{background: #089cff; color: #fff; border: solid 1px #013355; }
.vest25 .processo .medicina button.desativado{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #fff; background: #03609C; border: solid 1px #fff; transition: .3s; outline: 0;}
.vest25 .processo .medicina .info a{color: #fff; text-decoration: underline}

/*Online*/
.vest25 .processo .online{background: #003d88; padding: 50px; color: #fff; border-radius: 30px 30px 0 0; margin-top: 0px;}
.vest25 .processo .online h2{color: #fff; margin: 0 0 5px; font-weight: 700; font-size: 2rem;}
.vest25 .processo .online strong{font-weight: 700}
.vest25 .processo .online button.ativo{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #fff; background: #b000ff; border: solid 1px #b000ff; transition: .3s; outline: 0;}
.vest25 .processo .online button.ativo:hover{background: #6d05a3; color: #fff; border: solid 1px #6d05a3; }
.vest25 .processo .online button.desativado{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #fff; background: transparent; border: solid 1px #ff00ff; transition: .3s; outline: 0;}
.vest25 .processo .online a{color: #0072BC;}

/*Enfermagem*/
.vest25 .processo .enfermagem{border: 0; background: #e0f3ff; padding: 50px; color: #000; border-radius: 0 0 0px 0px}
.vest25 .processo .enfermagem h2{color: #003264; margin: 0 0 5px; font-weight: 700;font-size: 2rem;}
.vest25 .processo .enfermagem p strong{font-weight: 700; color: #003264}
.vest25 .processo .enfermagem button.ativo{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #fff; background: #003264; border: solid 1px #003264; transition: .3s; outline: 0;}
.vest25 .processo .enfermagem button.ativo:hover{background: rgb(7, 123, 201); color: #fff; border: solid 1px #013355; }
.vest25 .processo .enfermagem button.desativado{width: 100%; display: block; margin: 10px 0; border-radius: 30px; padding: 15px; text-align: center; color: #003264; background: transparent; border: solid 1px #0072BC; transition: .3s; outline: 0;}
.vest25 .processo .enfermagem a{color: #003264;}


/*Vantagens*/
.vest25 .motivos {width: 100%; padding: 80px 0; background: rgb(220 241 255);}
.vest25 .motivos h2{font-weight: 700;font-size: 2rem; color: #003264; text-align: center; margin: 0px auto 40px;width: max-content; max-width: 90%;}
.vest25 .motivos h2 strong{font-weight: 600;}
.vest25 .motivos .motivo { background: #fff; width: 100%; height: 200px; color: #000; padding: 30px; border-radius: 15px; display: grid; align-content: center; justify-content: center; }
.vest25 .motivos .motivo img { height: 50px; width: max-content; max-width: 100%; display: block; margin: 0px auto 5px; filter: brightness(.2); }
.vest25 .motivos .motivo h3 { text-align: center; font-weight: 400; font-size: 1rem; margin: 0; line-height: 1.4rem; }

/*Formas de ingresso*/
.vest25 .formas {padding: 60px;}
.vest25 .formas h2{font-weight: 700;font-size: 2rem; color: #003264; text-align: center; margin: 0px auto 40px;width: max-content; max-width: 90%;}
.vest25 .formas .forma{width:100%; padding: 0 15px; margin: 15px 0}
.vest25 .formas .forma h3{text-align: left; color: #003264; font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; margin: 0;}
.vest25 .formas .forma p{font-size: .9rem; line-height: 1.4rem; margin-bottom: 0px;}

.vest25 .formas .forma .botao{background: #003264; border-radius: 8px; color: #fff; font-weight: 600; width: 100%; display:block; padding: 10px 15px; margin-top: 10px; text-align: center; font-size: .9rem; transition:.3s; cursor: pointer}
.vest25 .formas .forma .botao:hover{background: #3985AF; color: #fff;}
.vest25 .formas h5{color: var(--azul2); text-align: center; font-weight: 800;}
.vest25 .formas ul{list-style: none;}
.vest25 .formas ul li{border-right: solid 1px #003264;}
.vest25 .formas ul li:last-child{border-right: none;}

/*Modal*/
.vest25 .modal-body{color: #fff; font-size: 130%}
.vest25 .modal-body b, .vest25 .modal-body strong{color: #003264}
.vest25 .modal-header .close {padding: 0.7rem 1rem;margin: -0.7rem -16px -1rem auto;color: #fff; font-size: 2rem; opacity: 1; text-shadow: none} 
.vest25 .modal {background: #181818cf;backdrop-filter: blur(10px); z-index: 99999;}
.vest25 .modal-content{background: transparent; border: 0px; color: #fff;}
.vest25 .modal-header h5 {color: #fff; font-weight: 700;font-size: 1.5rem;}
.vest25 .modal-header{border: 0px; padding: 1rem 0 0}
.vest25 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus{color: #fff}

/*Cursos*/
.vest25 .cursos{padding: 80px 5%;}
.vest25 .cursos h2{font-size: 1.8rem; font-weight:400; padding: 0; color: #00406B; margin: 0 0 60px; text-align: center;}
.vest25 .cursos h2 strong{color: #00406B; font-weight: 700;}
.vest25 .cursos .conteudo .lista-cursos-graduacao{width: 100%; padding: 0 ; display: flex; flex-direction: row; flex-wrap: wrap; max-height: 700px; overflow-y: scroll;}
.vest25 .cursos .conteudo .lista-cursos-graduacao::-webkit-scrollbar-track { background-color: transparent; border-radius: 8px; height: 60px; }
.vest25 .cursos .conteudo .lista-cursos-graduacao::-webkit-scrollbar { width: 10px; height: 40px; border-radius: 8px; background-color: transparent; }
.vest25 .cursos .conteudo .lista-cursos-graduacao::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #00406B; }
.vest25 .cursos .conteudo .curso{width: calc(25% - 20px); margin: 10px; height: 300px; padding: 0px; background: #f8f8f8; border-bottom: solid 0px #f8f8f8; transition: all 0.4s ease-out; border-radius: 10px}
.vest25 .cursos .conteudo .curso .imgd img{display: block; margin: 0 auto; object-fit: cover; width: 100%; height: 300px;filter: saturate(20%); border-radius: 10px; transition: .3s; }
.vest25 .cursos .conteudo .curso .titulo {margin-top: -300px;position: relative;text-align: left;font-weight: 600;color: #ffffff; transition: .3s; border-radius: 10px; font-size: 100%;padding: 30px 30px;line-height: 125%;transition: .3s;display: grid;align-content: flex-end;height: 300px;background: rgb(1,21,38);background: linear-gradient(360deg, rgba(1,21,38,1) 0%, rgba(4,31,54,0) 100%);}
.vest25 .cursos .conteudo .curso .titulo .grau{font-weight: 300; font-size: 80%;}
.vest25 .cursos .conteudo .curso:hover .imgd img{filter: saturate(100%);}
.vest25 .cursos .conteudo a{text-decoration: none;}
.vest25 .cursos .conteudo h2{margin: 20px 0; color: var(--cinza2); font-size: 1.4rem;}
.vest25 .cursos .filtro {background: rgb(247, 247, 247);padding: 15px 20px;border-radius: 15px;position: sticky;  top: 100px;margin: 15px 0;max-height: calc(100vh - 130px);}
.vest25 .cursos .filtro #search{margin-bottom: 10px;}
.vest25 .cursos .filtro input{background: #fff; width: 100%; border: solid 1px #fff; border-radius: 15px; padding: 12px 15px; outline: 0; transition: .3s; font-size: .8rem;}
.vest25 .cursos .filtro input:focus{border: solid 1px #00406B}
.vest25 .cursos .filtro form{z-index: 999; width: 100%;}
.vest25 .cursos .filtro form select{text-transform: none; border: 0; color: var(--azul3); font-weight: 600; border-bottom: solid 1px var(--cinza3); padding-bottom: 5px; font-size: 1.2rem; outline: 0}
.vest25 .cursos .filtro form select option{padding: 5px;}
.vest25 .cursos .filtro label{margin-bottom: 5px; font-size: .9rem;}
.vest25 .cursos .filtro label.head { color: #00406B; font-size: 1.1rem; font-weight: 600; margin: 6px 0;}
.vest25 .cursos .filtro input[type="checkbox"]{width: max-content;}

@media screen and (max-width: 1600px){
	    .vest25 .cursos .conteudo .curso { width: calc(33.333% - 20px);}

}

@media screen and (max-width: 1024px) {
    .vest25 .processo h1{margin-bottom: 40px;}
    .vest25 .processo h1 strong{display: unset;}
	.vest25 .formas ul li:nth-of-type(2){border-right: solid 1px #fff;}

}

@media screen and (max-width: 480px) {
	.vest25 .preinscricao{border-radius: 0 0 20px 20px; padding: 30px;}
	.vest25 .preinscricao .botao{padding: 10px; width: 100%;}
	.vest25 .preinscricao h2{max-width: 100%; text-align: left; font-size: 1.4rem; margin-bottom: 5px;}
	.vest25 .preinscricao p{text-align: left; font-size: .85rem;}
    .vest25 .cursos .conteudo .curso { width: 100%;}
    .vest25 .processo{padding: 30px}
    .vest25 .processos{padding: 0 30px 30px;}
    .vest25 .cursos{padding: 40px 30px}
    .vest25 .motivos{padding: 40px 0;}
    .vest25 .formas{padding: 40px 30px;}
    .vest25 .processo h1 { font-size: 1.5rem; margin-bottom: 20px;}
    .vest25 .processo ul li{width: 100%; padding: 5px 0;}
    .vest25 .processo ul{gap: 5px;}
    .vest25 .processo .online{margin-top: 25px;}
    .vest25 .processo .geral,  .vest25 .processo .online, .vest25 .processo .medicina, .vest25 .processo .enfermagem{padding: 25px;}
    .vest25 .processo .geral h2,  .vest25 .processo .online h2, .vest25 .processo .medicina h2, .vest25 .processo .enfermagem h2{font-size: 1.4rem; margin: 0;}
    .vest25 .infos .info { padding: 4px 0; line-height: 1.2rem; font-size: .85rem; }
    .vest25 .processo .enfermagem  p,  .vest25 .processo .online  p{font-size: .85rem; margin: 0 0 5px; line-height: 1.3rem;}
    .vest25 .processo .geral button.ativo, .vest25 .processo .geral button.desativado,  .vest25 .processo .online button.ativo, .vest25 .processo .online button.desativado, .vest25 .processo .medicina button.ativo, .vest25 .processo .medicina button.desativado, .vest25 .processo .enfermagem button.ativo, .vest25 .processo .enfermagem button.desativado, .vest25 .preinscricao .botao{padding: 10px; font-size: .9rem;}
	.vest25 .processo .online{border-radius: 10px 10px 0 0;}
	.vest25 .processo .geral{border-radius: 0px 0px 0 0;}
	.vest25 .processo .enfermagem{border-radius:  0 0 ;}
	.vest25 .processo .medicina{border-radius: 0 0 10px 10px;}
    .vest25 .cursos h2 { font-size: 1.7rem; text-align: center; line-height: 1.2; padding: 0; margin: 0 0 5px;}
    .vest25 .cursos .conteudo .lista-cursos-graduacao{max-height: 500px;}
    .vest25 .cursos .conteudo .curso{margin: 10px 0;}
    .vest25 .motivos h2{font-size: 1.4rem; max-width: 70%; margin: 0 auto 20px}
    .vest25 .motivos .motivo{padding: 20px;}
    .vest25 .formas h2{font-size: 1.6rem; font-weight: 700; margin: 0px}
	.vest25 .formas ul li {border-right: 0; border-bottom: solid 1px #003264;}
	.vest25 .formas .forma { width: 100%; padding: 15px 0; margin: 15px 0;}
    .vest25 .motivos .motivo h3 { font-size: .85rem; margin: 5px 0 0; line-height: 1rem;}
}