/* RESET BÁSICO */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* CONFIGURAÇÃO PADRÃO DOS BLOCOS */
.bloco {
  width: 100%;
  min-height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* PADRÃO */
body {
  margin: 0;
}

.bloco {
  width: 100%;
  height: 100vh;
}

.bloco-0 {
  background-image: url("images/bloco0.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;

  height: auto;
  min-height: 120px; /* ajuste conforme sua imagem */
}

/* =========================
   BLOCO 0 – MENU
========================= */

.bloco-0 {
  position: relative;
}

/* container do menu */
.menu {
  position: absolute;
  top: 20px;
  right: 40px;

  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* links do menu */
.menu-links {
  display: flex;
  gap: 30px;
}

/* aparência dos botões */
.menu-links a {
  color: #ffffff;
  font-weight: bold;
  font-size: 22px;
  text-decoration: none;
}

/* efeito hover */
.menu-links a:hover {
  text-decoration: underline;
}

/* BLOCO 1 */
.bloco-1 {
  background-image: url("images/bloco1.jpg");
}

/* BLOCO 2 */
.bloco-2 {
  background-image: url("images/bloco2.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-end; /* empurra para a direita */
}

/* CAIXA DE TEXTO */
.caixa-texto {
  max-width: 600px;
  margin-right: 60px; /* espaço da borda direita */
  background-color: transparent;
}

/* TÍTULO */
.caixa-texto h2 {
  color: #0066cc;
  font-size: 46px;
  margin-bottom: 20px;
}

/* TEXTO */
.caixa-texto p {
  color: #000000;
  font-size: 28px;
  line-height: 1.6;
}

/* BLOCO 3 */
.bloco-3 {
  background-image: url("images/bloco3.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-start; /* texto à esquerda */
}

/* CAIXA DE TEXTO (reaproveitada) */
.bloco-3 .caixa-texto {
  max-width: 600px;
  margin-left: 20px; /* espaço da borda esquerda */
  background-color: transparent;
}

/* BLOCO 4 */
.bloco-4 {
  background-image: url("images/bloco4.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-end; /* agora vai para a direita */
}

/* CAIXA DE TEXTO DO BLOCO 4 */
.bloco-4 .caixa-texto {
  max-width: 600px;
  margin-right: 80px; /* espaço da borda direita */
  background-color: transparent;
}

/* BLOCO 5 */
.bloco-5 {
  background-image: url("images/bloco5.png");
  display: flex;
  align-items: center;
  justify-content: flex-start; /* texto à esquerda */
}

/* CAIXA DE TEXTO */
.bloco-5 .caixa-texto {
  max-width: 600px;
  margin-left: 80px;
  background-color: transparent;
}

/* CAIXA DE TEXTO */
.bloco-4 .caixa-texto {
  max-width: 600px;
  margin-left: 80px;
  background-color: transparent;
}

/* BLOCO 6 — MAIS FINO */
.bloco-6 {
  background-image: url("images/bloco6.jpg");
  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 80px; /* altura reduzida */
}

/* CAIXA DE TEXTO */
.bloco-6 .caixa-texto {
  background-color: transparent;
  text-align: center;
}

/* BLOCO 7 */
.bloco-7 {
  background-image: url("images/bloco7.jpg");
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
  justify-content: flex-end; /* texto à direita */
}

/* CAIXA DE TEXTO */
.bloco-7 .caixa-texto {
  max-width: 600px;
  margin-right: 10px;
  background-color: transparent;
}

/* BLOCO 8 */
.bloco-8 {
  background-image: url("images/bloco8.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-start; /* texto à esquerda */
}

/* CAIXA DE TEXTO */
.bloco-8 .caixa-texto {
  max-width: 600px;
  margin-left: 80px;
  background-color: transparent;
}

/* BLOCO 9 */
.bloco-9 {
  background-image: url("images/bloco9.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-end; /* texto à direita */
}

/* CAIXA DE TEXTO */
.bloco-9 .caixa-texto {
  max-width: 600px;
  margin-right: 80px;
  background-color: transparent;
}

/* LISTA DE DIFERENCIAIS */
.lista-diferenciais {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.lista-diferenciais li {
  margin-bottom: 16px;
  font-size: 22px;      /* texto maior */
  line-height: 1.7;     /* mais espaçamento entre linhas */
}

/* BLOCO 10 */
.bloco-10 {
  background-image: url("images/bloco10.jpg");
  display: flex;
  align-items: center;
  justify-content: flex-start; /* texto à esquerda */
}

/* TEXTO DO BLOCO 10 */
.bloco-10 p {
  font-size: 22px;     /* menor que os outros blocos */
  line-height: 1.6;   /* mantém boa leitura */
}

/* CAIXA DE TEXTO */
.bloco-10 .caixa-texto {
  max-width: 650px;
  margin-left: 40px;
  background-color: transparent;
}

/* BLOCO 11 */
.bloco-11 {
  background-image: url("images/bloco11.jpg");
  position: relative; /* base para o absolute */
}

/* CAIXA DE TEXTO */
.bloco-11 .caixa-texto {
  position: absolute;
  right: 20px;        /* CONTROLE TOTAL aqui */
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  background-color: transparent;
}

/* TEXTO */
.bloco-11 p {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 10px;
}

/* BLOCO 12 */
.bloco-12 {
  background-image: url("images/bloco12.jpg");
  position: relative;
}

/* TEXTO À ESQUERDA */
.bloco-12 .caixa-texto {
  position: absolute;
  left: 40px;              /* controle total */
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  background-color: transparent;
}

.bloco-12 p {
  font-size: 22px;
  line-height: 1.5;
}

/* BLOCO 13 */
.bloco-13 {
  background-image: url("images/bloco13.jpg");
  position: relative;
}

/* TEXTO À DIREITA */
.bloco-13 .caixa-texto {
  position: absolute;
  right: 40px;             /* ajuste fino aqui */
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  background-color: transparent;
}

.bloco-13 p {
  font-size: 22px;
  line-height: 1.5;
}

/* BLOCO 14 */
.bloco-14 {
  background-image: url("images/bloco14.jpg");
  position: relative;
}

/* TEXTO À ESQUERDA */
.bloco-14 .caixa-texto {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 600px;
  background-color: transparent;
}

.bloco-14 p {
  font-size: 22px;
  line-height: 1.5;
}

/* BLOCO 15 */
.bloco-15 {
  background-image: url("images/bloco15.jpg");
  position: relative;
}

/* TÍTULO CENTRAL NO TOPO */
.bloco-15 .titulo-centro {
  position: absolute;
  top: 20px;                 /* bem em cima */
  left: 50%;
  transform: translateX(-50%);
  font-size: 42px;
  color: #0057b8;            /* azul institucional */
  text-align: center;
}

/* BLOCO 16 */
.bloco-16 {
  background-image: url("images/bloco16.jpg");
  position: relative;
}

/* =========================
   BLOCO 17 – CONTATO
========================= */

.bloco-17 {
  width: 100%;
  min-height: 500px;
  background-image: url("images/bloco17.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px 40px 60px 80px;
  position: relative;
}

/* CONTEÚDO PRINCIPAL */
.bloco17-conteudo {
  display: flex;
  align-items: flex-start;
}

/* TEXTO À ESQUERDA */
.bloco17-texto {
  width: 45%;
  color: #000;
}

.bloco17-texto .titulo {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.bloco17-texto p {
  font-size: 22px;
  line-height: 1.5;
}

/* MAPA À DIREITA */
.bloco-17-mapa {
  position: absolute;
  top: 60px;
  right: 0;
  width: 50vw;       /* controla o quanto entra na tela */
  height: 480px;
}

.bloco-17-mapa iframe {
  width: 100%;
  height: 150px;   /* 👈 AUMENTA AQUI */
  border: 0;
}

/* COPYRIGHT CENTRALIZADO EMBAIXO */
.bloco17-rodape {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #000;
  text-align: center;
  width: 100%;
}

/* COPYRIGHT FIXO NO FUNDO */
.bloco17-rodape {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 22px;
  width: 100%;
}

/* CONTAINER PRINCIPAL COM BORDA AZUL */
.container-borda {
  border: 5px solid #0066cc; /* borda azul */
  margin: 20px; /* espaço fora da borda */
  padding: 10px; /* espaço interno */
}

/* =========================
   MENU SANDUÍCHE
========================= */

/* ESCONDE NO DESKTOP */
.menu-toggle {
  display: none;
}

/* MOSTRA SOMENTE NO MOBILE */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 999;
  }
}

.img-mobile {
  display: none;
}

/* =========================
   AJUSTE FINO – ESPAÇO ENTRE BLOCO 61 E 7 (DESKTOP)
========================= */

@media (min-width: 769px) {
  .bloco-61 {
    margin-bottom: 220px; /* ajuste fino aqui */
  }
}

/* =========================
   BLOCO 61 – AVALIAÇÃO FORMATIVA
========================= */

.bloco-61 {
  background-image: url("images/bloco61.png"); /* 🔥 imagem de fundo */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 120px 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* conteúdo central */
.bloco-61 .caixa-texto {
  text-align: center;
  background: transparent;
}

/* título */
.bloco-61 h2 {
  color: #0057b8; /* ajuste se quiser branco */
}

/* BOTÃO */
.btn-avaliacao-formativa {
  display: inline-block;
  margin-top: 30px;
  padding: 18px 36px;
  background-color: #0057b8;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 40px;
  transition: background 0.3s;
}

.btn-avaliacao-formativa:hover {
  background-color: #003f86;
}

/* =========================
   BLOCO 61 – CENTRALIZADO
========================= */

.bloco-61 {
  background-image: url("images/bloco61.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  min-height: 320px;          /* altura confortável */
  padding: 80px 20px;

  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* centro vertical */
}

/* conteúdo */
.bloco-61 .caixa-texto {
  text-align: center;
}

/* botão */
.btn-avaliacao-formativa {
  display: inline-block;
  margin-top: 24px;
  padding: 16px 32px;
  background-color: #0057b8;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 32px;
}

/* =========================
   BLOCO 61 – CENTRALIZAÇÃO REAL
========================= */

.bloco-61 {
  display: flex;
  justify-content: center;   /* centro horizontal */
  align-items: center;       /* centro vertical */
  text-align: center;        /* texto centralizado */
}

/* garante que o conteúdo fique central */
.bloco-61 .caixa-texto {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;       /* 🔥 isso centraliza o botão */
}

/* botão centralizado */
.bloco-61 .btn-avaliacao-formativa {
  margin-top: 24px;
}

/* =========================
   CORREÇÃO ESPAÇO ENTRE BLOCO 61 E BLOCO 7 (DESKTOP)
========================= */

@media (min-width: 769px) {
  .bloco-61 {
    margin-bottom: 0 !important;
  }

  .bloco-7 {
    margin-top: 0 !important;
  }
}