/* CSS exclusivo da página guia-universitario/. Componentes compartilhados
   (botão/seta, animação de entrada) estão em ../aquecimento/aquecimento.css */

@font-face {
  font-family: 'Antihero';
  src: url('font/Antihero.otf') format('opentype'),
       url('font/Antihero.ttf') format('truetype');
  font-display: swap;
}

/* logo do topo fica branca enquanto a nav passa por cima da dobra3 (fundo escuro) */
#navMain .logo {
  transition: filter 0.25s ease;
}
#navMain.aq-logo-branca .logo {
  filter: brightness(0) invert(1);
}
/* título pincelado (azul claro), usado em "o futuro" e "descubra o que" */
.aq-antihero {
  font-family: 'Antihero', 'Poppins', Helvetica, sans-serif;
  color: #1F88E3;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.5rem;
}

/* foto de fundo com cover + altura mínima (usado nas dobras 2 e 4) */
.aq-bg-foto {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 480px;
  height: 100%;
}

/* ---------- Hero ---------- */
.aq-hero {
  background: #eef1f6 url('bg-fundo.jpg') center center / cover no-repeat;
  background-attachment: fixed;
  padding-top: 4rem;
  padding-bottom: 0;
}
.aq-hero-col-img {
  align-self: flex-end;
}
.aq-hero-img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.aq-hero-img-wrap {
  position: relative;
}
/* crédito da foto: abaixo da imagem e centralizado até o desktop, onde
   passa a ficar colado na lateral direita da foto, na altura do peito */
.aq-hero-credito {
  color: #132764;
  text-align: left;
}
.aq-hero-credito strong {
  display: block;
  font-weight: 700;
}
.aq-hero-credito span {
  display: block;
  font-size: 0.66rem;
}
@media (min-width: 992px) {
    .aq-hero-credito {
        position: absolute;
        left: 70%;
        top: 55%;
        font-size: 0.9em;
        margin-left: 0;
        white-space: nowrap;
    }
}
.aq-hero-col-texto {
  padding-bottom: 5rem;
  padding-right: 3rem;
}
.aq-hero .aq-antihero {
  font-size: 4.75rem;
}
.aq-hero h1 {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 1.25rem;
}
.aq-hero h1 .aq-destaque {
  background: #E7EA21;
  padding: 0 0.3rem;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.aq-hero p {
  font-size: 1.3rem;
  max-width: 30rem;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .aq-hero p {
    margin-right: 0;
  }
}
@media (max-width: 992px) {
  .aq-hero-credito {
    text-align: center;
  }
}

/* limita a largura do texto nas dobras 2 e 4, pra não esticar em telas 4K+ */
.aq-texto-max {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Dobra 2: texto + foto do campus ---------- */
.aq-dobra2 {
  background: #fff;
}
.aq-dobra2 p {
  font-size: 1.3rem;
}
.aq-dobra2 p strong {
  color: #132764;
}

/* ---------- Dobra 3: bússola (fundo escuro) ---------- */
.aq-dobra3 {
  background: #132764;
  color: #fff;
  padding-bottom: 0;
}
.aq-dobra3-col-img {
  align-self: flex-end;
}
.aq-dobra3-col-texto {
  padding-right: 9rem;
}
.aq-dobra3 .aq-eyebrow {
  font-size: 3.5rem;
  margin-bottom: 0;
}
.aq-dobra3 h2 {
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.9rem;
  display: inline;
  padding-bottom: 10px;
  box-shadow: inset 0 -0.35em 0 #E7EA21;
}
.aq-dobra3 p {
  font-size: 1.3rem;
  max-width: 31rem;
  margin-top: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .aq-dobra3 p {
    margin-right: 0;
  }
}
.aq-dobra3-img {
  max-width: 100%;
}
.aq-dobra3-img-wrap {
  position: relative;
  display: inline-block;
}
/* crédito da foto: mesmo padrão do hero (aq-hero-credito), herda o
   branco do fundo escuro da dobra3 */
.aq-dobra3-credito {
  text-align: left;
}
.aq-dobra3-credito strong {
  display: block;
  font-weight: 700;
}
.aq-dobra3-credito span {
  display: block;
  font-size: 0.66rem;
}
@media (min-width: 992px) {
  .aq-dobra3-credito {
    position: absolute;
    left: 83%;
    top: 64%;
    font-size: 0.9em;
    margin-left: 0;
    white-space: nowrap;
  }
}
@media (max-width: 992px) {
  .aq-dobra3-credito {
    text-align: center;
  }
}

/* ---------- Dobra 4: foto + lista ---------- */
.aq-dobra4 {
  background: #fff;
}
.aq-dobra4 h3 {
  font-weight: 800;
  font-size: 1.75rem;
}
.aq-dobra4 ul {
  list-style: none;
  padding: 0;
  margin-top: 1.5rem;
}
.aq-dobra4 ul li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
.aq-dobra4 ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: #E7EA21;
}

/* fontes reduzidas abaixo de 1440px, onde o tamanho pensado pra telas
   grandes fica desproporcional */
@media (max-width: 1439.98px) {
  .aq-hero .aq-antihero { font-size: 3.75rem; }
  .aq-hero h1 { font-size: 1.85rem; }
  .aq-hero p { font-size: 1.15rem; }
  .aq-dobra2 p { font-size: 1.15rem; }
  .aq-dobra3 .aq-eyebrow { font-size: 2.75rem; }
  .aq-dobra3 h2 { font-size: 1.6rem; }
  .aq-dobra3 p { font-size: 1.15rem; }
  .aq-dobra4 h3 { font-size: 1.5rem; }
  .aq-dobra4 ul li { font-size: 1.05rem; }
}

/* abaixo de 992px as colunas col-lg-* empilham — tira os paddings pensados
   pro layout lado a lado, senão sobra espaço em branco torto */
@media (max-width: 991.98px) {
  .aq-hero-col-texto { padding-right: 0; }
  .aq-dobra3-col-texto { padding-right: 0; }
}

@media (max-width: 767.98px) {
  .aq-hero { padding-top: 6rem; background-attachment: scroll; }
  .aq-hero h1 { font-size: 1.5rem; }
  .aq-hero .aq-antihero { font-size: 3.25rem; }
  .aq-hero p { font-size: 1.05rem; }
  .aq-dobra2 p { font-size: 1.05rem; }
  .aq-dobra3 h2 { font-size: 1.25rem; }
  .aq-dobra3 .aq-eyebrow { font-size: 2.3rem; }
  .aq-dobra3 p { font-size: 1.05rem; }
  .aq-dobra4 h3 { font-size: 1.4rem; }
  .aq-dobra4 ul li { font-size: 1rem; }
  .aq-bg-foto { min-height: 220px; }
}