/* Todos */

/*-------------------------------------------------*/
/*palheta de cores*/
.color-azul-escuro-chadu{
    background: #21247E;
}
.color-azul-marinho-escuro-chadu{
    background: #12156D;
}
.color-azul-marinho-chadu{
    background: #2E3192;
}
.color-roxin-escuro-chadu{
    /*background: #2E3192;*/
    background:#42459c !important;
}
.color-roxin-chadu{
    background: #8173FF;
}

#data-atualizacao{
    color: #d1d1d1;
    text-align: start;
}
/*-------------------------------------------------*/


body { 
    margin: 0; 
    font-family: "Nunito Sans", sans-serif !important; 
    /*font-family: 'Arial', sans-serif; */
}


:not(fa fas) {
    font-family: "Nunito Sans", sans-serif !important; 
    /* font-family: 'BAHNSCHRIFT'; */
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}

.fab{
    font-family: "Font Awesome 5 Brands" !important;
}

body.contraste,
body.contraste button:not([data-bs-target]),
body.contraste a.btn-virtual,
body.contraste .card,
body.contraste .cards-main{
    background: #000!important;
}
body.contraste button[data-bs-target]{
    background-color:#9F0;
}

.contraste p,
.contraste a, 
.contraste li,
.contraste span,
.contraste button{
    color: #9F0!important;
}
.contraste h1,
.contraste h2,
.contraste h3,
.contraste h4,
.contraste h5,
.contraste h6{
    color: #FFF!important;
}
body.contraste .quick-links{
    background: #2E3192 !important;
}

body.contraste a:hover,
body.contraste button:hover{
    opacity: .8;
}

p {
  display: flex;
  align-items: center;
  gap: 8px; /* espaço entre ícone e texto */
  margin: 5px 0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #FFF !important;
    background-color: initial !important;
}


.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
    overflow: scroll;
    scrollbar-color: #FFF #000000;
    scrollbar-width: thin;
}

nav.navbar{
    margin-left: 0 !important;
    padding: 0 !important;
}
.nav{
    margin: 0;
    box-shadow: none;
}

.nav a {
  margin: 1em;
  text-decoration: none;
}

a.nav-link:hover,
a.nav-links:hover{
    color: #ff3100;
    text-decoration: underline;
}


body, p, li{
    font-family: "Nunito Sans", sans-serif !important; 
    color: #363534;
}

li ul{
  margin-left: 20px; /* espaçamento para a lista filha */
  padding-left: 20px; /* dá mais recuo nos bullets */
}

section h4{
    color: #002266;
    font-weight: 600;
}

section.start-main {
    background-image: url(https://site.uniaraxa.edu.br/wp-content/uploads/2025/07/Vestivular-EAD-2025-2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
    height: 35em;
}

section.start-main a {
    position: absolute;
    padding: .5em 2em;
    border-radius: .5em;
}

div#offcanvasDarkNavbar {
    width: 100%;
}

.offcanvas-header,  
body .offcanvas-header h4{  
    font-size: 3vh;
    color: #FFF;
}
body .offcanvas-header button{
    font-size: 3vh;
    color: #FFF;
    background: transparent;
    border: none;
}

/* <768px */
@media screen and (min-width: 768px) {
    html,body,
    body li,
    body p,
    body a{
        font-size: 2vh;
        font-family: "Nunito Sans", sans-serif !important; 
    }
        
    li.nav-item{
       font-size: 2vh; 
    }
    
    .offcanvas-body a{  
        font-size: 3vh;
        margin: 0 .5em;
    }
    
    .nav-responsive-com-drop{
        height: auto;
        max-height: auto;
        margin-top: 0;
    }
}
/* >768px */
@media screen and (min-width: 992px){
    html,body,
    body li,
    body p,
    body a{
        font-size: inherit;
        font-family: "Nunito Sans", sans-serif !important; 
    }   
    
    body li.nav-item{
       font-size:  inherit;; 
    }
    
    .offcanvas-body a{  
        font-size: 1rem;
        /*margin: 0 .5em;*/
    }
    
    .nav-responsive-com-drop{
        height: 30vh;
        max-height: 10vh;
        margin-top: 30px;
    }
}

/* Header Chadu */
.container-fluid{
    height: inherit !important;
    background: transparent !important;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*background-color: #072b63; /* azul escuro */
  padding: 19px 3em;
}
.logo{
    color: #FFF;
    display:grid;
    width: 12vw;
    margin: .5em;
}

/* Botão Uniaraxá Virtual */
.btn-virtual {
    display: flex;
    align-items: center;
    border-radius: 8px;
    color: #FFF;
    background: #00bfff;
    border: 2px solid #00bfff;
    text-decoration: none;
    transition: 0.3s;
    /*padding: .5em;*/
}
.btn-virtual i{
    margin: 0 .5em;
}

.btn-virtual:hover {
  color: #FFF;
  background: #8173FF;
  border-color: #00bfff;
  text-decoration: none;
}

.btn-virtual img {
    margin: 0 1em;
    width: 1.6em;
}


/* <768px */
@media screen and (min-width: 768px) {
    .logo{
        width: 40vw;
        padding: 1em;
    }
}
/* >768px */
@media screen and (min-width: 992px){
    .logo{
        width: 15vw;
        padding: 0;
    }
}

/*  Footer chadu */

.diferente {
    color:#d1d1d1;
    justify-content: center;
    font-weight: bolder;
}

.footer {
  /*background: #2b2f86;*/
  color: #fff;
  font-family: Arial, sans-serif;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links ul li {
  margin: 5px 0;
}

.footer-contact a p,
.footer-links ul li a {
  color: #B1B1BB;
  text-decoration: none;
  transition: 0.3s;
}

a:hover,
.footer-contact a p:hover,
.footer-links ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer-contact p {
  margin: 5px 0;
  /*color: #6A81AF;*/
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  padding: 3em;
  /*border-bottom: 1px solid rgba(255,255,255,0.2);*/
}
.footer-logos {
    /*grid-template-columns: repeat(2, 1fr);*/
    grid-template-columns: repeat(auto-fit, minmax(25vh, 1fr));;
    display: grid;
    align-items: center;
    padding: 1em 0;
}

.footer-logos img {
  /* altura máxima aumentada 
  margin: auto; /* mantém a proporção */
  transition: transform 0.3s ease;
  max-height: 30vh;
  margin:auto;
}

.footer-logos img:hover {
  transform: scale(1.1); /* efeito de leve zoom ao passar o mouse */
}

.footer-links 
.links-columns {
    display: grid;
}


body .footer-bottom {
    text-align: center;
    padding: 15px 10px 0px;
    font-size: 14px;
    color: #fff; /* cor do texto no fundo azul escuro */
}



.footer-bottom, 
.footer-links {
  justify-content: center;
}

.footer-bottom p {
    margin-bottom: 0;
}

.footer-bottom a {
  color: #ffc107; /* destaque dourado */
  text-decoration: none;
  transition: 0.3s;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3em;   /* largura do quadrado */
  height: 3em;  /* altura do quadrado */
  background-color: #0056b3; /* azul */
  border-radius: 8px; /* pode ser 0 se quiser canto reto */
  transition: 0.3s;
  text-decoration: none;
}

.social-icons a:hover {
  background-color: #00BFFF; /* azul mais escuro no hover */
}

.social-icons i {
    color: aliceblue;
    font-size: 2em;
    /* text-decoration: none; */
}

/* <768px */
@media screen and (min-width: 768px) {
    .footer-links h4, .footer-contact h4 {
        margin-bottom: 15px;
        font-size: 3vh;
        width: 101%;
        margin-top: 1em;
    }
    
    .mapa-representativo{
        display: none;
    }
    
    .footer-logos {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-logos img {
      margin: 3em auto;
      height: 40vw;
      max-height: 30vh;
    }    
    
    .footer-links,
    .links-columns {
        grid-template-columns: repeat(auto-fit, minmax(25vh, 1fr));
        /*width: 35vw;*/
    }
    
    .footer-container {
      justify-content: start;
    }
}

/* >768px */
@media screen and (min-width: 992px){
    .footer-links h4, .footer-contact h4 {
      margin-bottom: 15px;
      font-size: 1.2rem;
      
    }

    .mapa-representativo{
        display: block;
    }
    
    .footer-logos {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .footer-logos img {
      margin: auto;
      height: 12vw;
      max-height: 12vw;
    }           
    
    .footer-links,
    .links-columns {
        grid-template-columns: repeat(3, 1fr);
        width: 55vw;
    }
    
    .footer-container {
      justify-content: space-between;
    }
}

/*Pagina principal*/

.quick-links {
    background: #D1DBED;
    justify-content: space-around;
    margin-top: 1em;
}

.quick-links a  {
    text-decoration: none;
    color: #393C97;
}



.cards-main {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}


.seta-roxa {
    color: #8173FF;
}

button.btn-link-seta {
    background: #FFF;
    border-radius: .5em;
    color: #303393;
    border: 1px #8173FF solid;
    padding: .5em 1em;
}

button.btn-link-seta:hover {
    color: #FFF;
    background: #8173FF;
}

#btn-inscreva-se{
    top: 31em;
    left: 3em;
    background: #FBB03B;
    color: #FFF;
}
#btn-conheca-cursos{
    top: 35em;
    left: 3em;
    border: 1px #00BFFF solid;
    background: #FFF;
    color: #00BFFF;
}

section.section-sobre-uniaraxa{
    display: flex;
    padding: 1em 3em;
    justify-content: center;
    margin-bottom: 5vh;
}

.sobre-uniaraxa {
    width: 40vw;
    margin-top: 2em;
}

.section-sobre-uniaraxa .img-missao{
    width: 40vw;
}
.section-sobre-uniaraxa .img-missao img{
    width: 100%;
    padding: 2em;
}

.sobre-uniaraxa li.title-list-valores,
.sobre-uniaraxa li.list-itens-valores {
    list-style: disc;
}

.sobre-uniaraxa li.title-list-valores > h6{
    color: #002266;
    font-weight: 600;
    font-size: 1.2em;
}
.sobre-uniaraxa li.title-list-valores::marker {
  color: #FBB03B;
}

.news, .opportunities, .campus {
  padding: 40px;
  text-align: center;
}

a.card-news,
a.card-oportunite {
  display: flex;
  flex-direction: column;
  border-radius: .5em;
  border: 1px solid #8173FF;
  height: 100%;
}

.card-news:hover,
.card-oportunite:hover{
    background: #8173ff29;
    border: 1px solid #8173FF;
}

.card-news img {
    width: 100%;
    height: 186px;
    object-fit: cover;
    object-position: center;
}

.card-news p, .card-news a{
    padding: .5em 2em;
}

 .card-news p{
    text-align: justify;
}

.card-oportunite{
    padding: 1em 2em;
}

.oportunite-empresa{
    color: #8173FF;
}
.oportunite-vaga{
    color: #2E3192;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0;
}
.oportunite-description, .news-title{
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.oportunite-link-footer, .news-link-footer{
    margin-top: auto;
    text-align: end;
}

.text-roxin-chadu{
    color: #8173FF;
}

.campus{
    padding: 1em 0;
}

.conteiner-campus-mapa{
    background: #676F7E36;
    width:100%;
}

.conteiner-campus-mapa {
    background: #676F7E36;
    width: 100%;
    display: flex;
    position: relative;
    /*height: 14em;*/
    /*margin-bottom: 2em;*/
}

.navegar-mapa{
    float: left; 
    margin-left: 3em; 
    display: flex; 
    align-items: center; 
    gap: 10px;
    margin-bottom: 1em;
}

.mapa-representativo {
    width: 40%;
}

.mapa-representativo img {
    width: 25em;
    position: absolute;
    left: 5vw;
    top: -2vh;
}
.mapa-redirecionamento {
    width: 50%;
    margin: 0;
    padding: 0;
}

.mapa-redirecionamento p {
    padding: 1em 2em;
    text-align: justify;
    margin: 0;
}

.mantenedora-redirecionamento {
  display: flex;
  align-items: center; /* Centraliza verticalmente */
  gap: 10px; /* Espaçamento entre seta e botão */
}

.seta-roxa-mant {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid purple; /* seta roxa para direita */
}

.listra-acessibilidade{
    margin: 0;
    width: 100%;
    height: 30px;
    z-index: 1;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: end;
    padding: 0 1em;
    position: fixed;
    background: #f1f1f1;
    color: #444;
}
.contraste .listra-acessibilidade{
    background: #444;
    color: #9F0!important;
}

.listra-acessibilidade div {
    padding: 1px;
    font-size: .78em;
    font-weight: 100;
    margin-top: .3em;
}

.listra-acessibilidade a{
    color: #444;
    text-decoration: none;
    padding: 0 .3rem;
    font-weight: 400;
}
.listra-acessibilidade a:hover{
    text-decoration: underline;
}

/* <768px */
@media screen and (min-width: 768px) {
    .cards-main {
          grid-template-columns: repeat(auto-fit, minmax(35vh, 1fr));
          margin: 0 4em;
    }
    .btn-virtual{
        font-size: 1.6vh;
    }
    .btn-link-seta{
        font-size: 2.2vh;
    }
    .seta-roxa {
        font-size: 3rem;
    }
    .titulos-principal{
        font-size: 4vh;
    }
}
/* >768px */
@media screen and (min-width: 992px){
    .cards-main {
          grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
    .btn-link-seta,
    .seta-roxa,
    .btn-virtual{
        font-size: 1rem;
    }
    .titulos-principal{
        font-size: 2rem;
    }    
}

/* TABLET (992px ou menos) */
@media (max-width: 992px) {
    .section-sobre-uniaraxa {
        flex-direction: column;
        align-items: center;
        padding: 1em 2em;
    }

    .card-news img {
        height: 25vh;
    }    

    .sobre-uniaraxa,
    .section-sobre-uniaraxa .img-missao {
        width: 90%;
        margin-top: 1em;
    }

    .conteiner-campus-mapa {
        flex-direction: column;
        height: auto;
        padding: 1em 0;
    }

    .mapa-representativo,
    .mapa-redirecionamento {
        width: 90%;
        text-align: center;
    }

    .mapa-representativo img {
        width: 80%;
        left: 0;
        top: 0;
        position: relative;
    }

    .mantenedora-redirecionamento {
        justify-content: center;
    }
}

/* MOBILE (600px ou menos) */
@media (max-width: 600px) {
    section.start-main {
        height: 25em;
    }

    #btn-inscreva-se,
    #btn-conheca-cursos {
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        margin-top: 1em;
    }

    .cards-main {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    
    .card-news img {
        height: 25vh;
    }    

    .card-news,
    .card-oportunite {
        width: 90%;
        padding: 1em;
    }

    .mapa-representativo img {
        width: 100%;
    }

    .mapa-redirecionamento p {
        padding: 1em;
    }
}