* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background: #f4f7f4;
  color: #15251b;
}

body {
  overflow: hidden;
}

button {
  font: inherit;
}

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 64px;
  z-index: 1000;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 28px;

  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #dfe8e1;
}

.brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.brand strong {
  font-size: 24px;
  color: #087a42;
}

.brand span {
  font-size: 14px;
  color: #607067;
}

.menu-button {
  border: 0;
  border-radius: 9px;
  padding: 10px 15px;

  background: #0b7c45;
  color: white;

  cursor: pointer;
}

#presentation {
  width: 100%;
  height: 100%;
}

.slide {
  display: none;

  width: 100%;
  height: 100%;

  padding:
    100px
    max(7vw, 35px)
    95px;

  align-items: center;
}

.slide.active {
  display: flex;
}

.slide-content {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.eyebrow {
  margin-bottom: 18px;

  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.12em;

  color: #148553;
}

h1 {
  margin: 0;
  max-width: 1000px;

  font-size: clamp(42px, 6vw, 82px);
  line-height: 0.98;
  letter-spacing: -0.04em;

  color: #16251c;
}

.lead {
  max-width: 900px;
  margin: 30px 0 0;

  font-size: clamp(20px, 2.2vw, 31px);
  line-height: 1.42;

  color: #53645a;
}

.statement {
  display: inline-block;

  margin-top: 40px;
  padding: 18px 22px;

  border-left: 6px solid #e4b623;
  background: white;

  font-size: clamp(19px, 1.8vw, 28px);
  font-weight: 700;
  line-height: 1.3;

  box-shadow: 0 10px 30px rgba(21, 37, 27, 0.08);
}

.navigation {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  height: 70px;
  z-index: 900;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;

  background: rgba(255, 255, 255, 0.97);
  border-top: 1px solid #dfe8e1;
}

.navigation button {
  min-width: 130px;

  padding: 11px 16px;

  border: 1px solid #cbd8cf;
  border-radius: 9px;

  background: white;
  color: #173323;

  cursor: pointer;
}

.navigation button:hover {
  background: #edf5ef;
}

.navigation button:disabled {
  opacity: 0.35;
  cursor: default;
}

.counter {
  min-width: 75px;
  text-align: center;
  color: #64736a;
}

.counter strong {
  color: #0b7c45;
}

.drawer {
  position: fixed;
  z-index: 2000;

  top: 0;
  right: -390px;

  width: min(390px, 88vw);
  height: 100%;

  padding: 20px;

  background: white;

  box-shadow: -12px 0 35px rgba(0, 0, 0, 0.15);

  transition: right 0.25s ease;
}

.drawer.open {
  right: 0;
}

.drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 25px;
}

.drawer-header strong {
  font-size: 20px;
}

.drawer-header button {
  border: 0;
  background: transparent;
  font-size: 32px;
  cursor: pointer;
}

#indiceLinks {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#indiceLinks button {
  width: 100%;
  padding: 13px 14px;

  border: 0;
  border-radius: 8px;

  background: #f1f5f2;
  color: #26372c;

  text-align: left;
  cursor: pointer;
}

#indiceLinks button:hover {
  background: #e3eee6;
}

.overlay {
  display: none;

  position: fixed;
  inset: 0;
  z-index: 1500;

  background: rgba(0, 0, 0, 0.35);
}

.overlay.open {
  display: block;
}


/* CELULAR */

@media (max-width: 700px) {

  .topbar {
    height: 58px;
    padding: 0 14px;
  }

  .brand strong {
    font-size: 20px;
  }

  .brand span {
    display: none;
  }

  .menu-button {
    padding: 9px 12px;
  }

  .slide {
    padding:
      85px
      20px
      80px;

    align-items: flex-start;
  }

  .slide-content {
    margin-top: 6vh;
  }

  h1 {
    font-size: clamp(38px, 12vw, 58px);
  }

  .lead {
    margin-top: 24px;
    font-size: 20px;
  }

  .statement {
    margin-top: 28px;
    font-size: 19px;
  }

  .navigation {
    height: 64px;
    gap: 9px;
    padding: 0 10px;
  }

  .navigation button {
    min-width: 0;
    flex: 1;
    padding: 10px 8px;
  }

  .counter {
    min-width: 58px;
    font-size: 14px;
  }
}

/* ROLAGEM DO ÍNDICE */

.drawer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.drawer-header {
  flex: 0 0 auto;
}

#indiceLinks {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  padding-bottom: 24px;
}

/* scrollbar discreta */
#indiceLinks::-webkit-scrollbar {
  width: 8px;
}

#indiceLinks::-webkit-scrollbar-track {
  background: #f1f5f2;
  border-radius: 10px;
}

#indiceLinks::-webkit-scrollbar-thumb {
  background: #b7c8bd;
  border-radius: 10px;
}

#indiceLinks::-webkit-scrollbar-thumb:hover {
  background: #8fa799;
}


/* =========================================================
   PAGINA 01 — ABERTURA COM IMAGEM
   ========================================================= */

#pagina-01 .pagina01-layout {
  width: min(1450px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  grid-template-areas:
    "copy image"
    "statement image";
  column-gap: clamp(36px, 5vw, 86px);
  row-gap: 24px;
  align-items: center;
}

#pagina-01 .pagina01-copy {
  grid-area: copy;
  min-width: 0;
}

#pagina-01 .pagina01-image-wrap {
  grid-area: image;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pagina-01 .pagina01-image {
  display: block;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 190px);
  object-fit: cover;
  object-position: center;
  border-radius: 24px;
  box-shadow:
    0 22px 55px rgba(21, 37, 27, 0.14),
    0 4px 14px rgba(21, 37, 27, 0.08);
}

#pagina-01 .pagina01-statement {
  grid-area: statement;
  margin-top: 4px;
}

#pagina-01 h1 {
  font-size: clamp(44px, 5.1vw, 76px);
}

#pagina-01 .lead {
  max-width: 760px;
}


/* CELULAR */

@media (max-width: 700px) {

  #pagina-01.slide {
    overflow-y: auto;
    padding-bottom: 95px;
  }

  #pagina-01 .pagina01-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
  }

  #pagina-01 .pagina01-copy {
    order: 1;
  }

  #pagina-01 .pagina01-image-wrap {
    order: 2;
  }

  #pagina-01 .pagina01-statement {
    order: 3;
  }

  #pagina-01 .pagina01-image {
    width: 100%;
    max-width: none;
    max-height: none;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center;
    border-radius: 18px;
  }

  #pagina-01 h1 {
    font-size: clamp(39px, 11vw, 56px);
  }

  #pagina-01 .lead {
    font-size: 20px;
  }

  #pagina-01 .pagina01-statement {
    width: 100%;
    margin-top: 0;
  }
}


/* =========================================================
   PAGINA 02 — MAPA X REDE NAVEGAVEL
   ========================================================= */

#pagina-02 .pagina02-layout {
  width: min(1450px, 100%);
  display: grid;
  grid-template-columns: minmax(360px, 0.76fr) minmax(520px, 1.24fr);
  gap: clamp(34px, 4vw, 70px);
  align-items: center;
}

#pagina-02 .pagina02-copy {
  min-width: 0;
}

#pagina-02 .pagina02-image-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pagina-02 .pagina02-image-wrap picture {
  display: block;
  width: 100%;
}

#pagina-02 .pagina02-image {
  display: block;
  width: 100%;
  max-height: calc(100vh - 185px);
  object-fit: contain;
  border-radius: 22px;
  box-shadow:
    0 22px 55px rgba(21, 37, 27, 0.12),
    0 4px 14px rgba(21, 37, 27, 0.07);
}

#pagina-02 h1 {
  font-size: clamp(46px, 5.2vw, 78px);
}

#pagina-02 .lead {
  margin-top: 26px;
  font-size: clamp(20px, 1.8vw, 27px);
  max-width: 610px;
}

#pagina-02 .pagina02-statement {
  margin-top: 30px;
  max-width: 620px;
  font-size: clamp(18px, 1.55vw, 24px);
}


/* PAGINA 02 — CELULAR */

@media (max-width: 700px) {

  #pagina-02.slide {
    overflow-y: auto;
    padding-bottom: 95px;
  }

  #pagina-02 .pagina02-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
  }

  #pagina-02 .pagina02-copy {
    order: 1;
  }

  #pagina-02 .pagina02-image-wrap {
    order: 2;
  }

  #pagina-02 .pagina02-image {
    width: 100%;
    max-height: none;
    object-fit: contain;
    border-radius: 18px;
  }

  #pagina-02 h1 {
    font-size: clamp(40px, 11vw, 56px);
  }

  #pagina-02 .lead {
    font-size: 20px;
  }

  #pagina-02 .pagina02-statement {
    width: 100%;
    margin-top: 26px;
    font-size: 19px;
  }
}


/* =========================================================
   PAGINA 03 — ROTAS RURAIS ES
   ========================================================= */

#pagina-03.slide {
  overflow-y: auto;
}

#pagina-03 .pagina03-layout {
  width: min(1280px, 100%);
  margin: auto;
  padding-top: 10px;
  padding-bottom: 20px;
}

#pagina-03 h1 {
  max-width: 1100px;
  font-size: clamp(46px, 5.4vw, 78px);
  margin-bottom: 30px;
}

#pagina-03 .pagina03-programa {
  display: flex;
  align-items: stretch;
  gap: 18px;
  margin-top: 10px;
}

#pagina-03 .pagina03-programa-nome {
  display: flex;
  align-items: center;

  min-width: 300px;
  padding: 24px 28px;

  border-radius: 18px;

  background: #0b7c45;
  color: #ffffff;

  font-size: clamp(26px, 2.7vw, 40px);
  font-weight: 800;
  letter-spacing: -0.02em;
}

#pagina-03 .pagina03-dados {
  flex: 1;

  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 14px;
}

#pagina-03 .pagina03-dado {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 20px 24px;

  border: 1px solid #dce6df;
  border-radius: 18px;

  background: #ffffff;

  box-shadow: 0 8px 24px rgba(21, 37, 27, 0.05);
}

#pagina-03 .pagina03-dado strong {
  font-size: clamp(22px, 2vw, 31px);
  color: #173323;
}

#pagina-03 .pagina03-dado span {
  margin-top: 6px;
  font-size: 16px;
  color: #68776e;
}

#pagina-03 .pagina03-texto {
  max-width: 1120px;
  margin-top: 28px;

  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.55;

  color: #4f6056;
}

#pagina-03 .pagina03-texto p {
  margin: 0 0 13px;
}

#pagina-03 .pagina03-texto strong {
  color: #193728;
}

#pagina-03 .pagina03-statement {
  margin-top: 13px;
  font-size: clamp(19px, 1.6vw, 25px);
}

#pagina-03 .pagina03-pergunta {
  margin-top: 24px;
  padding: 20px 24px;

  border-radius: 16px;

  background: #eaf3ed;
  border: 1px solid #d4e5d9;
}

#pagina-03 .pagina03-pergunta span {
  display: block;

  margin-bottom: 7px;

  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;

  color: #148553;
}

#pagina-03 .pagina03-pergunta strong {
  display: block;

  max-width: 1050px;

  font-size: clamp(21px, 2vw, 30px);
  line-height: 1.3;

  color: #173323;
}

#pagina-03 .pagina03-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;

  margin-top: 22px;
}

#pagina-03 .pagina03-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 13px 18px;

  border: 1px solid #b9cbbf;
  border-radius: 10px;

  background: #ffffff;
  color: #165934;

  font-size: 16px;
  font-weight: 700;

  text-decoration: none;

  transition:
    transform 0.15s ease,
    background 0.15s ease;
}

#pagina-03 .pagina03-link:hover {
  background: #edf5ef;
  transform: translateY(-1px);
}

#pagina-03 .pagina03-link-primary {
  background: #0b7c45;
  border-color: #0b7c45;
  color: #ffffff;
}

#pagina-03 .pagina03-link-primary:hover {
  background: #096b3b;
}


/* PAGINA 03 — CELULAR */

@media (max-width: 700px) {

  #pagina-03.slide {
    padding-bottom: 95px;
  }

  #pagina-03 .pagina03-layout {
    padding-top: 0;
  }

  #pagina-03 h1 {
    font-size: clamp(39px, 11vw, 55px);
    margin-bottom: 24px;
  }

  #pagina-03 .pagina03-programa {
    flex-direction: column;
  }

  #pagina-03 .pagina03-programa-nome {
    min-width: 0;
    width: 100%;

    padding: 20px;

    font-size: 29px;
  }

  #pagina-03 .pagina03-dados {
    grid-template-columns: 1fr;
  }

  #pagina-03 .pagina03-dado {
    padding: 18px 20px;
  }

  #pagina-03 .pagina03-texto {
    margin-top: 24px;
    font-size: 19px;
  }

  #pagina-03 .pagina03-statement {
    width: 100%;
    font-size: 19px;
  }

  #pagina-03 .pagina03-pergunta strong {
    font-size: 22px;
  }

  #pagina-03 .pagina03-links {
    flex-direction: column;
  }

  #pagina-03 .pagina03-link {
    width: 100%;
    min-height: 50px;
  }
}


/* =========================================================
   PAGINA 04 — EXPERIENCIA DE SAO PAULO
   ========================================================= */

#pagina-04.slide {
  overflow-y: auto;
}

#pagina-04 .pagina04-layout {
  width: min(1280px, 100%);
  margin: auto;
  padding-top: 8px;
  padding-bottom: 24px;
}

#pagina-04 h1 {
  max-width: 1120px;
  font-size: clamp(46px, 5.2vw, 76px);
  margin-bottom: 28px;
}


/* NÚMEROS */

#pagina-04 .pagina04-numeros {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

#pagina-04 .pagina04-numero {
  min-height: 122px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 20px 24px;

  background: #ffffff;
  border: 1px solid #d9e5dc;
  border-radius: 18px;

  box-shadow: 0 8px 25px rgba(21, 37, 27, 0.05);
}

#pagina-04 .pagina04-numero strong {
  font-size: clamp(29px, 3vw, 45px);
  line-height: 1;
  color: #0b7c45;
}

#pagina-04 .pagina04-numero span {
  margin-top: 9px;

  font-size: 17px;
  line-height: 1.3;

  color: #607067;
}


/* TEXTO */

#pagina-04 .pagina04-texto {
  max-width: 1130px;
  margin-top: 25px;

  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.5;

  color: #506158;
}

#pagina-04 .pagina04-texto p {
  margin: 0 0 11px;
}

#pagina-04 .pagina04-texto strong {
  color: #183629;
}


/* FLUXO */

#pagina-04 .pagina04-fluxo {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-top: 21px;
}

#pagina-04 .pagina04-etapa {
  flex: 1;

  display: flex;
  align-items: center;
  gap: 13px;

  min-height: 68px;
  padding: 13px 18px;

  border-radius: 14px;

  background: #eaf3ed;
  border: 1px solid #d5e5d9;
}

#pagina-04 .pagina04-etapa span {
  flex: 0 0 35px;

  width: 35px;
  height: 35px;

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

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-size: 17px;
  font-weight: 800;
}

#pagina-04 .pagina04-etapa strong {
  font-size: clamp(18px, 1.6vw, 23px);
  color: #173323;
}

#pagina-04 .pagina04-seta {
  flex: 0 0 auto;

  font-size: 27px;
  font-weight: 700;

  color: #91a59a;
}


/* DESTAQUE */

#pagina-04 .pagina04-statement {
  margin-top: 22px;
  font-size: clamp(19px, 1.6vw, 25px);
}


/* PERGUNTA FINAL */

#pagina-04 .pagina04-pergunta {
  margin-top: 20px;
  padding: 19px 23px;

  border-radius: 16px;

  background: #173323;
  color: white;
}

#pagina-04 .pagina04-pergunta span {
  display: block;

  margin-bottom: 5px;

  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;

  color: #a9d5ba;
}

#pagina-04 .pagina04-pergunta strong {
  display: block;

  font-size: clamp(20px, 1.9vw, 28px);
  line-height: 1.3;
}


/* LINKS */

#pagina-04 .pagina04-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;

  margin-top: 19px;
}

#pagina-04 .pagina04-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 17px;

  border: 1px solid #b9cbbf;
  border-radius: 10px;

  background: #ffffff;
  color: #165934;

  font-size: 15px;
  font-weight: 700;

  text-decoration: none;

  transition:
    transform 0.15s ease,
    background 0.15s ease;
}

#pagina-04 .pagina04-link:hover {
  background: #edf5ef;
  transform: translateY(-1px);
}

#pagina-04 .pagina04-link-primary {
  background: #0b7c45;
  border-color: #0b7c45;
  color: #ffffff;
}

#pagina-04 .pagina04-link-primary:hover {
  background: #096b3b;
}


/* CELULAR */

@media (max-width: 700px) {

  #pagina-04.slide {
    padding-bottom: 95px;
  }

  #pagina-04 h1 {
    font-size: clamp(39px, 11vw, 55px);
    margin-bottom: 24px;
  }

  #pagina-04 .pagina04-numeros {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #pagina-04 .pagina04-numero {
    min-height: 0;
    padding: 17px 19px;
  }

  #pagina-04 .pagina04-numero strong {
    font-size: 32px;
  }

  #pagina-04 .pagina04-texto {
    font-size: 19px;
  }

  #pagina-04 .pagina04-fluxo {
    flex-direction: column;
    align-items: stretch;
  }

  #pagina-04 .pagina04-etapa {
    width: 100%;
  }

  #pagina-04 .pagina04-seta {
    align-self: center;
    transform: rotate(90deg);
  }

  #pagina-04 .pagina04-statement {
    width: 100%;
    font-size: 19px;
  }

  #pagina-04 .pagina04-pergunta strong {
    font-size: 22px;
  }

  #pagina-04 .pagina04-links {
    flex-direction: column;
  }

  #pagina-04 .pagina04-link {
    width: 100%;
    min-height: 50px;
  }
}


/* =========================================================
   PAGINA 05 — CASOS REAIS GOOGLE MAPS
   ========================================================= */

#pagina-05.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-05 .pagina05-layout {
  width: min(1450px, 100%);
  margin: 0 auto;
  padding-top: 4px;
  padding-bottom: 35px;
}

#pagina-05 .pagina05-topo {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1.1fr);
  gap: 40px;
  align-items: end;
}

#pagina-05 h1 {
  font-size: clamp(43px, 4.7vw, 70px);
  margin-bottom: 18px;
}

#pagina-05 .lead {
  margin-top: 0;
  max-width: 690px;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* PERGUNTAS */

#pagina-05 .pagina05-perguntas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#pagina-05 .pagina05-perguntas > div {
  padding: 14px 17px;
  border-radius: 13px;
  background: #ffffff;
  border: 1px solid #dbe5de;
}

#pagina-05 .pagina05-perguntas span {
  display: block;
  margin-bottom: 5px;
  color: #637269;
  font-size: 14px;
  font-weight: 700;
}

#pagina-05 .pagina05-perguntas strong {
  color: #0b7c45;
  font-size: 21px;
}

#pagina-05 .pagina05-pergunta-final {
  grid-column: 1 / -1;
  background: #173323 !important;
}

#pagina-05 .pagina05-pergunta-final span {
  color: #acd4bb;
}

#pagina-05 .pagina05-pergunta-final strong {
  display: block;
  color: #ffffff;
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.3;
}


/* TRÊS CASOS */

#pagina-05 .pagina05-casos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 26px;
}

#pagina-05 .pagina05-card {
  min-width: 0;
  padding: 13px;

  border-radius: 18px;
  border: 1px solid #d8e3db;

  background: #ffffff;

  box-shadow:
    0 11px 30px rgba(21, 37, 27, 0.07);
}

#pagina-05 .pagina05-card-header {
  min-height: 53px;
  margin-bottom: 10px;
}

#pagina-05 .pagina05-card-header span {
  display: block;

  margin-bottom: 3px;

  color: #148553;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.09em;
}

#pagina-05 .pagina05-card-header strong {
  display: block;

  color: #173323;

  font-size: 17px;
  line-height: 1.2;
}


/* PRINT */

#pagina-05 .pagina05-print-link {
  display: block;
  width: 100%;
  text-decoration: none;
}

#pagina-05 .pagina05-print {
  display: block;

  width: 100%;
  height: 270px;

  object-fit: contain;

  border-radius: 11px;
  border: 1px solid #dfe7e1;

  background: #f4f7f5;
}


/* BOTÃO */

#pagina-05 .pagina05-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 46px;

  margin-top: 11px;
  padding: 10px 12px;

  border-radius: 10px;

  background: #0b7c45;
  color: #ffffff;

  text-align: center;
  text-decoration: none;

  font-size: 14px;
  font-weight: 800;

  transition:
    transform 0.15s ease,
    background 0.15s ease;
}

#pagina-05 .pagina05-btn:hover {
  background: #096b3b;
  transform: translateY(-1px);
}


/* URL VISÍVEL */

#pagina-05 .pagina05-url {
  display: block;

  margin-top: 8px;

  color: #577064;

  font-size: 12px;
  line-height: 1.35;

  text-align: center;
  text-decoration: none;

  overflow-wrap: anywhere;
}

#pagina-05 .pagina05-url:hover {
  text-decoration: underline;
}


/* CONCLUSÃO */

#pagina-05 .pagina05-conclusao {
  display: flex;
  align-items: center;
  gap: 20px;

  margin-top: 20px;
  padding: 17px 21px;

  border-radius: 15px;

  background: #fff7dc;
  border: 1px solid #f0df9e;
}

#pagina-05 .pagina05-conclusao strong {
  flex: 0 0 auto;

  color: #8b6911;

  font-size: clamp(19px, 1.7vw, 26px);
}

#pagina-05 .pagina05-conclusao span {
  color: #695d3b;

  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.35;
}


/* =========================================================
   PAGINA 05 — CELULAR
   ========================================================= */

@media (max-width: 700px) {

  #pagina-05.slide {
    padding-bottom: 95px;
  }

  #pagina-05 .pagina05-topo {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
  }

  #pagina-05 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-05 .lead {
    font-size: 19px;
  }

  #pagina-05 .pagina05-perguntas {
    grid-template-columns: 1fr;
  }

  #pagina-05 .pagina05-pergunta-final {
    grid-column: auto;
  }

  #pagina-05 .pagina05-casos {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  #pagina-05 .pagina05-card {
    padding: 12px;
  }

  #pagina-05 .pagina05-print {
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  #pagina-05 .pagina05-btn {
    min-height: 50px;
    font-size: 15px;
  }

  #pagina-05 .pagina05-url {
    font-size: 13px;
  }

  #pagina-05 .pagina05-conclusao {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

}


/* =========================================================
   PAGINA 06 — COBERTURA NAO E ADOCAO
   ========================================================= */

#pagina-06.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-06 .pagina06-layout {
  width: min(1350px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-06 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 16px;
}

#pagina-06 .pagina06-intro {
  max-width: 1000px;
  margin-top: 0;
  font-size: clamp(19px, 1.6vw, 25px);
}


/* COMPARAÇÃO PRINCIPAL */

#pagina-06 .pagina06-comparacao {
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) 80px minmax(390px, 1.18fr);
  gap: 22px;
  align-items: center;

  margin-top: 26px;
}

#pagina-06 .pagina06-oficial,
#pagina-06 .pagina06-play {
  min-height: 325px;

  padding: 22px;

  border-radius: 19px;
  border: 1px solid #d9e4dc;

  background: #ffffff;

  box-shadow:
    0 12px 32px rgba(21, 37, 27, 0.07);
}

#pagina-06 .pagina06-oficial {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#pagina-06 .pagina06-label {
  display: block;

  margin-bottom: 12px;

  color: #148553;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-06 .pagina06-numero {
  display: block;

  color: #0b7c45;

  font-size: clamp(53px, 6vw, 88px);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

#pagina-06 .pagina06-descricao {
  display: block;

  margin-top: 13px;

  color: #344a3d;

  font-size: clamp(21px, 2vw, 30px);
  font-weight: 700;
}

#pagina-06 .pagina06-check {
  display: inline-block;

  align-self: flex-start;

  margin-top: 24px;
  padding: 9px 13px;

  border-radius: 9px;

  background: #eaf5ee;
  color: #16613a;

  font-size: 15px;
  font-weight: 700;
}


/* SÍMBOLO */

#pagina-06 .pagina06-diferente {
  text-align: center;

  color: #d99a18;

  font-size: clamp(55px, 6vw, 90px);
  font-weight: 900;
  line-height: 1;
}


/* PRINT GOOGLE PLAY */

#pagina-06 .pagina06-play {
  display: flex;
  flex-direction: column;
}

#pagina-06 .pagina06-image-wrap {
  flex: 1;

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

  min-height: 0;
}

#pagina-06 .pagina06-image {
  display: block;

  width: 100%;
  max-height: 255px;

  object-fit: contain;

  border-radius: 11px;
}


/* AVISO DE HONESTIDADE METODOLÓGICA */

#pagina-06 .pagina06-alerta {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 17px;
  padding: 13px 17px;

  border-radius: 12px;

  background: #f4f6f5;
  border: 1px solid #dce3df;
}

#pagina-06 .pagina06-alerta strong {
  flex: 0 0 auto;

  color: #43554a;

  font-size: 15px;
}

#pagina-06 .pagina06-alerta span {
  color: #647269;

  font-size: 14px;
  line-height: 1.4;
}


/* CONCLUSÃO */

#pagina-06 .pagina06-conclusao {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;

  margin-top: 20px;
}

#pagina-06 .pagina06-conclusao-frase {
  padding: 20px 22px;

  border-radius: 15px;

  background: #173323;
}

#pagina-06 .pagina06-conclusao-frase span {
  display: block;

  margin-bottom: 7px;

  color: #abd5bb;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-06 .pagina06-conclusao-frase strong {
  display: block;

  color: #ffffff;

  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.3;
}


/* PERGUNTAS */

#pagina-06 .pagina06-perguntas {
  display: grid;
  gap: 8px;
}

#pagina-06 .pagina06-perguntas > div {
  padding: 12px 15px;

  border-radius: 11px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-06 .pagina06-perguntas span {
  display: block;

  color: #68776e;

  font-size: 13px;
}

#pagina-06 .pagina06-perguntas strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: 16px;
}


/* FRASE */

#pagina-06 .pagina06-statement {
  margin-top: 19px;
  font-size: clamp(20px, 1.7vw, 27px);
}


/* TRANSIÇÃO PARA MINHA REDE */

#pagina-06 .pagina06-transicao {
  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #eaf3ed;
  border: 1px solid #d4e5d9;
}

#pagina-06 .pagina06-transicao span {
  display: block;

  color: #148553;

  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#pagina-06 .pagina06-transicao strong {
  display: block;

  margin-top: 5px;

  color: #173323;

  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.3;
}


/* LINK */

#pagina-06 .pagina06-links {
  margin-top: 17px;
}

#pagina-06 .pagina06-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 45px;

  padding: 11px 17px;

  border-radius: 9px;

  background: #0b7c45;
  color: #ffffff;

  font-size: 14px;
  font-weight: 800;

  text-decoration: none;
}

#pagina-06 .pagina06-link:hover {
  background: #096b3b;
}


/* =========================================================
   PAGINA 06 — CELULAR
   ========================================================= */

@media (max-width: 700px) {

  #pagina-06.slide {
    padding-bottom: 95px;
  }

  #pagina-06 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-06 .pagina06-intro {
    font-size: 19px;
  }

  #pagina-06 .pagina06-comparacao {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
  }

  #pagina-06 .pagina06-oficial,
  #pagina-06 .pagina06-play {
    min-height: 0;
    padding: 18px;
  }

  #pagina-06 .pagina06-numero {
    font-size: 59px;
  }

  #pagina-06 .pagina06-diferente {
    font-size: 58px;
  }

  #pagina-06 .pagina06-image {
    max-height: none;
  }

  #pagina-06 .pagina06-alerta {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-06 .pagina06-conclusao {
    grid-template-columns: 1fr;
  }

  #pagina-06 .pagina06-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-06 .pagina06-transicao strong {
    font-size: 21px;
  }

  #pagina-06 .pagina06-link {
    width: 100%;
    min-height: 50px;
  }

}


/* BOTÃO GOOGLE PLAY — PAGINA 06 */

#pagina-06 .pagina06-play-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: 46px;

  margin-top: 14px;
  padding: 11px 15px;

  border-radius: 10px;

  background: #0b7c45;
  color: #ffffff;

  font-size: 14px;
  font-weight: 800;

  text-align: center;
  text-decoration: none;

  transition:
    background 0.15s ease,
    transform 0.15s ease;
}

#pagina-06 .pagina06-play-btn:hover {
  background: #096b3b;
  transform: translateY(-1px);
}

@media (max-width: 700px) {

  #pagina-06 .pagina06-play-btn {
    min-height: 50px;
    font-size: 15px;
  }

}


/* =========================================================
   PÁGINA 7 — ENDEREÇO NÃO É CONEXÃO
========================================================= */

.page7-layout {
  align-items: start;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 14px;
  margin: 22px 0;
}

.stat-card {
  background: #f7f9fc;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
  padding: 16px;
}

.stat-label {
  display: block;
  font-size: 0.92rem;
  color: #4d5d72;
  margin-bottom: 6px;
}

.stat-value {
  font-size: 1.35rem;
  color: #0d2340;
}

.stat-danger {
  color: #c62828;
}

.quote-box {
  margin-top: 20px;
  padding: 18px;
  border-left: 5px solid #1d4ed8;
  background: #eff6ff;
  border-radius: 10px;
}

.process-box {
  margin-top: 20px;
  padding: 18px;
  background: #f8fafc;
  border: 1px solid #dbe4ef;
  border-radius: 14px;
}

.process-box h4 {
  margin-top: 0;
  margin-bottom: 10px;
}

.process-box ol {
  margin: 0;
  padding-left: 20px;
}

.process-box li + li {
  margin-top: 8px;
}

.visual-card .feature-list {
  margin-bottom: 20px;
}

.warning-box {
  margin-top: 22px;
  padding: 18px;
  background: #fff7ed;
  border: 1px solid #fdba74;
  border-radius: 14px;
  color: #7c2d12;
}

@media (max-width: 900px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   PAGINA 07 — ENDERECO NAO E CONEXAO
   ========================================================= */

#pagina-07.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-07 .pagina07-layout {
  width: min(1320px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-07 h1 {
  font-size: clamp(46px, 5.2vw, 76px);
  margin-bottom: 15px;
}

#pagina-07 .pagina07-intro {
  max-width: 980px;
  margin-top: 0;
  font-size: clamp(19px, 1.6vw, 25px);
}


/* BLOCO PRINCIPAL */

#pagina-07 .pagina07-principal {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 20px;
  margin-top: 26px;
}

#pagina-07 .pagina07-diagnostico {
  padding: 22px;

  border-radius: 18px;
  border: 1px solid #d9e4dc;

  background: #ffffff;

  box-shadow:
    0 11px 30px rgba(21, 37, 27, 0.06);
}

#pagina-07 .pagina07-label {
  display: block;

  margin-bottom: 16px;

  color: #148553;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}


/* CHECKS */

#pagina-07 .pagina07-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#pagina-07 .pagina07-checks > div {
  display: flex;
  align-items: center;
  gap: 11px;

  min-height: 56px;

  padding: 12px 15px;

  border-radius: 12px;

  background: #eef7f1;
  border: 1px solid #d4e8da;
}

#pagina-07 .pagina07-checks span {
  flex: 0 0 31px;

  width: 31px;
  height: 31px;

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

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-weight: 900;
}

#pagina-07 .pagina07-checks strong {
  color: #173323;
  font-size: 16px;
}

#pagina-07 .pagina07-checks .pagina07-falha {
  background: #fff0ed;
  border-color: #f1c9c1;
}

#pagina-07 .pagina07-checks .pagina07-falha span {
  background: #c84c36;
}


/* 155 METROS */

#pagina-07 .pagina07-distancia {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 25px;

  border-radius: 18px;

  background: #173323;
  color: #ffffff;

  text-align: center;

  box-shadow:
    0 11px 30px rgba(21, 37, 27, 0.10);
}

#pagina-07 .pagina07-distancia > span {
  color: #a9d5ba;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.09em;
}

#pagina-07 .pagina07-distancia strong {
  display: block;

  margin: 8px 0 2px;

  color: #ffffff;

  font-size: clamp(62px, 7vw, 100px);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

#pagina-07 .pagina07-distancia p {
  margin: 8px 0 0;

  color: #dcece2;

  font-size: clamp(18px, 1.5vw, 23px);
  font-weight: 700;
}


/* DADOS */

#pagina-07 .pagina07-dados {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;

  margin-top: 18px;
}

#pagina-07 .pagina07-dados > div {
  padding: 15px 17px;

  border-radius: 13px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-07 .pagina07-dados span {
  display: block;

  margin-bottom: 5px;

  color: #6b796f;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.07em;
}

#pagina-07 .pagina07-dados strong {
  color: #173323;

  font-size: clamp(18px, 1.6vw, 24px);
}

#pagina-07 .pagina07-dado-destaque {
  background: #fff5e8 !important;
  border-color: #efd4ad !important;
}

#pagina-07 .pagina07-dado-destaque strong {
  color: #b06b0b;
}


/* PERGUNTAS */

#pagina-07 .pagina07-explicacao {
  display: grid;
  grid-template-columns: 0.7fr 0.7fr 1.6fr;
  gap: 10px;

  margin-top: 18px;
}

#pagina-07 .pagina07-explicacao > div {
  padding: 15px 17px;

  border-radius: 13px;

  background: #eef5f0;
  border: 1px solid #d8e5dc;
}

#pagina-07 .pagina07-explicacao span {
  display: block;

  color: #617168;

  font-size: 13px;
}

#pagina-07 .pagina07-explicacao strong {
  display: block;

  margin-top: 4px;

  color: #0b7c45;

  font-size: 20px;
}

#pagina-07 .pagina07-explicacao-final {
  background: #fff5e8 !important;
  border-color: #efd6b4 !important;
}

#pagina-07 .pagina07-explicacao-final strong {
  color: #925b0d;
  font-size: 18px;
  line-height: 1.3;
}


/* CADASTRO X MINHA REDE */

#pagina-07 .pagina07-conclusao {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 12px;
  align-items: center;

  margin-top: 19px;
  padding: 18px 20px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #d9e4dc;
}

#pagina-07 .pagina07-conclusao span {
  color: #69786f;

  font-size: 14px;
  font-weight: 700;
}

#pagina-07 .pagina07-conclusao strong {
  color: #173323;

  font-size: clamp(18px, 1.55vw, 23px);
}


/* FRASE PRINCIPAL */

#pagina-07 .pagina07-statement {
  margin-top: 18px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* TRANSIÇÃO */

#pagina-07 .pagina07-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-07 .pagina07-transicao span {
  color: #c8ddd0;

  font-size: clamp(16px, 1.35vw, 20px);
}

#pagina-07 .pagina07-transicao strong {
  flex: 0 0 auto;

  color: #ffffff;

  font-size: clamp(24px, 2.4vw, 35px);
}


/* LINKS */

#pagina-07 .pagina07-links {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;

  margin-top: 17px;
}

#pagina-07 .pagina07-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 45px;

  padding: 11px 17px;

  border-radius: 9px;
  border: 1px solid #b9cbbf;

  background: #ffffff;
  color: #165934;

  font-size: 14px;
  font-weight: 800;

  text-decoration: none;
}

#pagina-07 .pagina07-link-primary {
  background: #0b7c45;
  border-color: #0b7c45;
  color: #ffffff;
}

#pagina-07 .pagina07-link:hover {
  transform: translateY(-1px);
}


/* =========================================================
   PAGINA 07 — CELULAR
   ========================================================= */

@media (max-width: 700px) {

  #pagina-07.slide {
    padding-bottom: 95px;
  }

  #pagina-07 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-07 .pagina07-intro {
    font-size: 19px;
  }

  #pagina-07 .pagina07-principal {
    grid-template-columns: 1fr;
  }

  #pagina-07 .pagina07-checks {
    grid-template-columns: 1fr;
  }

  #pagina-07 .pagina07-distancia strong {
    font-size: 72px;
  }

  #pagina-07 .pagina07-dados {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-07 .pagina07-explicacao {
    grid-template-columns: 1fr;
  }

  #pagina-07 .pagina07-conclusao {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  #pagina-07 .pagina07-conclusao strong {
    margin-bottom: 10px;
  }

  #pagina-07 .pagina07-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-07 .pagina07-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  #pagina-07 .pagina07-transicao strong {
    font-size: 29px;
  }

  #pagina-07 .pagina07-links {
    flex-direction: column;
  }

  #pagina-07 .pagina07-link {
    width: 100%;
    min-height: 50px;
  }

}


/* =========================================================
   PAGINA 08 — E AQUI QUE O PRODUTOR ENTRA
   ========================================================= */

#pagina-08.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-08 .pagina08-layout {
  width: min(1380px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-08 h1 {
  font-size: clamp(46px, 5.2vw, 76px);
  margin-bottom: 15px;
}

#pagina-08 .pagina08-intro {
  max-width: 1050px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* PERGUNTA 155 M */

#pagina-08 .pagina08-pergunta {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  gap: 20px;
  align-items: center;

  margin-top: 25px;
  padding: 20px 23px;

  border-radius: 17px;

  background: #173323;
  color: #ffffff;
}

#pagina-08 .pagina08-pergunta > span {
  color: #a9d5ba;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-08 .pagina08-pergunta > strong {
  color: #ffffff;

  font-size: clamp(40px, 4.5vw, 65px);
  line-height: 1;
}

#pagina-08 .pagina08-pergunta p {
  margin: 0;

  color: #d5e7db;

  font-size: clamp(16px, 1.35vw, 20px);
}

#pagina-08 .pagina08-pergunta > div {
  padding: 11px 17px;

  border-radius: 10px;

  background: #ffffff;
  color: #0b7c45;

  font-size: clamp(20px, 1.8vw, 27px);
  font-weight: 900;
}


/* FLUXO */

#pagina-08 .pagina08-fluxo {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    32px
    minmax(0, 1fr)
    32px
    minmax(0, 1fr)
    32px
    minmax(0, 1fr);

  gap: 8px;
  align-items: stretch;

  margin-top: 24px;
}

#pagina-08 .pagina08-fluxo article {
  display: flex;
  gap: 13px;

  min-width: 0;

  padding: 17px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #d9e4dc;

  box-shadow:
    0 8px 23px rgba(21, 37, 27, 0.05);
}

#pagina-08 .pagina08-numero {
  flex: 0 0 36px;

  width: 36px;
  height: 36px;

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

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-size: 17px;
  font-weight: 900;
}

#pagina-08 .pagina08-fluxo small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-08 .pagina08-fluxo strong {
  display: block;

  color: #173323;

  font-size: 17px;
  line-height: 1.25;
}

#pagina-08 .pagina08-fluxo p {
  margin: 7px 0 0;

  color: #65736a;

  font-size: 14px;
  line-height: 1.4;
}

#pagina-08 .pagina08-seta {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #91a59a;

  font-size: 25px;
  font-weight: 800;
}


/* COMPARAÇÃO */

#pagina-08 .pagina08-comparacao {
  display: grid;
  grid-template-columns: 1fr 65px 1fr;
  gap: 15px;
  align-items: stretch;

  margin-top: 23px;
}

#pagina-08 .pagina08-modelo {
  padding: 20px 22px;

  border-radius: 15px;
}

#pagina-08 .pagina08-modelo > span {
  display: block;

  margin-bottom: 7px;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-08 .pagina08-modelo strong {
  display: block;

  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.25;
}

#pagina-08 .pagina08-modelo p {
  margin: 8px 0 0;

  font-size: 15px;
  line-height: 1.4;
}

#pagina-08 .pagina08-modelo-antigo {
  background: #f5f6f5;
  border: 1px solid #dfe4e1;
}

#pagina-08 .pagina08-modelo-antigo span {
  color: #7a8780;
}

#pagina-08 .pagina08-modelo-antigo strong {
  color: #445149;
}

#pagina-08 .pagina08-modelo-antigo p {
  color: #737e77;
}

#pagina-08 .pagina08-modelo-idrural {
  background: #eaf5ee;
  border: 1px solid #cfe5d6;
}

#pagina-08 .pagina08-modelo-idrural span {
  color: #148553;
}

#pagina-08 .pagina08-modelo-idrural strong {
  color: #173323;
}

#pagina-08 .pagina08-modelo-idrural p {
  color: #50675a;
}

#pagina-08 .pagina08-versus {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #b1bbb5;

  font-size: 39px;
  font-weight: 500;
}


/* PRINCÍPIO */

#pagina-08 .pagina08-principio {
  margin-top: 20px;
  padding: 18px 21px;

  border-radius: 15px;

  background: #fff6e8;
  border: 1px solid #eed6af;
}

#pagina-08 .pagina08-principio span {
  display: block;

  color: #8a682d;

  font-size: 15px;
  font-weight: 700;
}

#pagina-08 .pagina08-principio strong {
  display: block;

  margin-top: 3px;

  color: #7a4f09;

  font-size: clamp(20px, 1.8vw, 27px);
}

#pagina-08 .pagina08-principio p {
  margin: 7px 0 0;

  color: #766547;

  font-size: 15px;
}


/* FRASE */

#pagina-08 .pagina08-statement {
  margin-top: 18px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* PRIVACIDADE */

#pagina-08 .pagina08-privacidade {
  display: flex;
  gap: 15px;
  align-items: flex-start;

  margin-top: 18px;
  padding: 16px 19px;

  border-radius: 14px;

  background: #f1f5f3;
  border: 1px solid #dce5df;
}

#pagina-08 .pagina08-privacidade > span {
  font-size: 26px;
}

#pagina-08 .pagina08-privacidade strong {
  display: block;

  color: #173323;

  font-size: 17px;
}

#pagina-08 .pagina08-privacidade p {
  margin: 4px 0 0;

  color: #647269;

  font-size: 14px;
  line-height: 1.4;
}


/* LINK */

#pagina-08 .pagina08-links {
  margin-top: 17px;
}

#pagina-08 .pagina08-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 11px 18px;

  border-radius: 9px;

  text-decoration: none;

  font-size: 14px;
  font-weight: 800;
}

#pagina-08 .pagina08-link-primary {
  background: #0b7c45;
  color: #ffffff;
}

#pagina-08 .pagina08-link-primary:hover {
  background: #096b3b;
}


/* =========================================================
   PAGINA 08 — CELULAR
   ========================================================= */

@media (max-width: 700px) {

  #pagina-08.slide {
    padding-bottom: 95px;
  }

  #pagina-08 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-08 .pagina08-intro {
    font-size: 19px;
  }

  #pagina-08 .pagina08-pergunta {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #pagina-08 .pagina08-pergunta > strong {
    font-size: 65px;
  }

  #pagina-08 .pagina08-pergunta > div {
    text-align: center;
  }

  #pagina-08 .pagina08-fluxo {
    grid-template-columns: 1fr;
  }

  #pagina-08 .pagina08-seta {
    transform: rotate(90deg);
  }

  #pagina-08 .pagina08-comparacao {
    grid-template-columns: 1fr;
  }

  #pagina-08 .pagina08-versus {
    min-height: 36px;
  }

  #pagina-08 .pagina08-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-08 .pagina08-link {
    width: 100%;
    min-height: 50px;
  }

}


/* =========================================================
   PAGINA 09 — ULTIMAS MILHAS INTERNAS
   ========================================================= */

#pagina-09.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-09 .pagina09-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-09 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-09 .pagina09-intro {
  max-width: 1050px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* FRASE PRINCIPAL */

#pagina-09 .pagina09-frase-principal {
  display: flex;
  align-items: center;
  gap: 18px;

  margin-top: 24px;
  padding: 17px 21px;

  border-radius: 14px;

  background: #173323;
}

#pagina-09 .pagina09-frase-principal span {
  color: #a9d5ba;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-09 .pagina09-frase-principal strong {
  color: #ffffff;

  font-size: clamp(22px, 2vw, 31px);
}


/* DIAGRAMA */

#pagina-09 .pagina09-diagrama {
  display: grid;
  grid-template-columns:
    minmax(155px, 0.8fr)
    34px
    minmax(170px, 0.9fr)
    34px
    minmax(120px, 0.65fr)
    34px
    minmax(340px, 1.8fr);

  gap: 9px;
  align-items: center;

  margin-top: 24px;
}

#pagina-09 .pagina09-origem,
#pagina-09 .pagina09-conexao,
#pagina-09 .pagina09-porteira {
  min-height: 112px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 17px;

  border-radius: 15px;

  text-align: center;
}

#pagina-09 .pagina09-origem {
  background: #eaf3ed;
  border: 1px solid #d1e4d7;
}

#pagina-09 .pagina09-conexao {
  background: #fff4e2;
  border: 1px solid #efd2a1;
}

#pagina-09 .pagina09-porteira {
  background: #173323;
  color: #ffffff;
}

#pagina-09 .pagina09-origem span,
#pagina-09 .pagina09-conexao span {
  margin-bottom: 7px;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

#pagina-09 .pagina09-origem span {
  color: #148553;
}

#pagina-09 .pagina09-conexao span {
  color: #a66b12;
}

#pagina-09 .pagina09-origem strong,
#pagina-09 .pagina09-conexao strong {
  color: #173323;

  font-size: 18px;
  line-height: 1.25;
}

#pagina-09 .pagina09-porteira > span {
  font-size: 32px;
}

#pagina-09 .pagina09-porteira strong {
  margin-top: 5px;

  font-size: 17px;
  letter-spacing: 0.06em;
}

#pagina-09 .pagina09-seta-horizontal {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #8fa298;

  font-size: 27px;
  font-weight: 900;
}


/* DESTINOS INTERNOS */

#pagina-09 .pagina09-destinos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

#pagina-09 .pagina09-destinos > div {
  min-height: 78px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 10px;

  border-radius: 11px;

  background: #ffffff;
  border: 1px solid #dbe5df;
}

#pagina-09 .pagina09-destinos span {
  font-size: 23px;
}

#pagina-09 .pagina09-destinos strong {
  margin-top: 3px;

  color: #173323;

  font-size: 13px;
  text-align: center;
}


/* DUAS CAMADAS */

#pagina-09 .pagina09-duas-milhas {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 14px;
  align-items: stretch;

  margin-top: 23px;
}

#pagina-09 .pagina09-duas-milhas article {
  padding: 19px 21px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #dbe5df;
}

#pagina-09 .pagina09-duas-milhas small {
  display: block;

  margin-bottom: 6px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-09 .pagina09-duas-milhas strong {
  color: #173323;

  font-size: clamp(20px, 1.8vw, 27px);
}

#pagina-09 .pagina09-duas-milhas p {
  margin: 8px 0 0;

  color: #647269;

  font-size: 15px;
}

#pagina-09 .pagina09-duas-milhas p span {
  color: #0b7c45;
  font-weight: 900;
}

#pagina-09 .pagina09-mais {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #b0832d;

  font-size: 42px;
  font-weight: 500;
}


/* STATEMENT */

#pagina-09 .pagina09-statement {
  margin-top: 20px;

  font-size: clamp(21px, 1.8vw, 28px);
}


/* EXEMPLOS */

#pagina-09 .pagina09-exemplo {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;

  margin-top: 19px;
}

#pagina-09 .pagina09-exemplo > div {
  padding: 14px 16px;

  border-radius: 12px;

  background: #f4f7f5;
  border: 1px solid #dce5df;
}

#pagina-09 .pagina09-exemplo span {
  display: block;

  color: #68776e;

  font-size: 12px;
  line-height: 1.3;
}

#pagina-09 .pagina09-exemplo strong {
  display: block;

  margin-top: 4px;

  color: #173323;

  font-size: 18px;
}


/* PRIVACIDADE */

#pagina-09 .pagina09-privacidade {
  display: flex;
  align-items: flex-start;
  gap: 14px;

  margin-top: 18px;
  padding: 15px 18px;

  border-radius: 13px;

  background: #eef4f1;
  border: 1px solid #d7e3dc;
}

#pagina-09 .pagina09-privacidade > span {
  font-size: 25px;
}

#pagina-09 .pagina09-privacidade strong {
  display: block;

  color: #173323;

  font-size: 16px;
}

#pagina-09 .pagina09-privacidade p {
  margin: 4px 0 0;

  color: #647269;

  font-size: 14px;
  line-height: 1.4;
}


/* FECHAMENTO */

#pagina-09 .pagina09-fechamento {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 12px;
  align-items: center;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-09 .pagina09-fechamento span {
  color: #b8d3c2;

  font-size: 14px;
}

#pagina-09 .pagina09-fechamento strong {
  color: #ffffff;

  font-size: clamp(17px, 1.5vw, 22px);
}


/* =========================================================
   PAGINA 09 — CELULAR
   ========================================================= */

@media (max-width: 700px) {

  #pagina-09.slide {
    padding-bottom: 95px;
  }

  #pagina-09 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-09 .pagina09-intro {
    font-size: 19px;
  }

  #pagina-09 .pagina09-frase-principal {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-09 .pagina09-diagrama {
    grid-template-columns: 1fr;
  }

  #pagina-09 .pagina09-seta-horizontal {
    transform: rotate(90deg);
    min-height: 34px;
  }

  #pagina-09 .pagina09-origem,
  #pagina-09 .pagina09-conexao,
  #pagina-09 .pagina09-porteira {
    min-height: 95px;
  }

  #pagina-09 .pagina09-destinos {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-09 .pagina09-duas-milhas {
    grid-template-columns: 1fr;
  }

  #pagina-09 .pagina09-mais {
    min-height: 35px;
  }

  #pagina-09 .pagina09-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-09 .pagina09-exemplo {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-09 .pagina09-fechamento {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  #pagina-09 .pagina09-fechamento strong {
    margin-bottom: 9px;
  }

}



/* =========================================================
   PAGINA 10 — DE CIMA PARA BAIXO / DE BAIXO PARA CIMA
   ========================================================= */

#pagina-10.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-10 .pagina10-layout {
  width: min(1380px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-10 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-10 .pagina10-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* MODELOS */

#pagina-10 .pagina10-modelos {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  gap: 18px;
  align-items: stretch;
  margin-top: 26px;
}

#pagina-10 .pagina10-modelo {
  padding: 23px;
  border-radius: 18px;
  border: 1px solid #d9e4dc;
}

#pagina-10 .pagina10-topdown {
  background: #f4f6f5;
}

#pagina-10 .pagina10-bottomup {
  background: #eaf5ee;
  border-color: #cce3d3;
}

#pagina-10 .pagina10-tipo {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
  color: #67756d;
}

#pagina-10 .pagina10-bottomup .pagina10-tipo {
  color: #148553;
}

#pagina-10 .pagina10-modelo > strong {
  display: block;
  color: #173323;
  font-size: clamp(22px, 2vw, 30px);
}

#pagina-10 .pagina10-modelo > p {
  margin: 15px 0 0;
  color: #647269;
  font-size: 15px;
  line-height: 1.45;
}


/* FLUXO */

#pagina-10 .pagina10-fluxo {
  display: grid;
  gap: 7px;
  margin-top: 18px;
}

#pagina-10 .pagina10-fluxo div {
  padding: 11px 14px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #dce5df;
  color: #173323;
  font-weight: 700;
  text-align: center;
}

#pagina-10 .pagina10-fluxo span {
  text-align: center;
  color: #8da097;
  font-size: 20px;
  font-weight: 900;
}

#pagina-10 .pagina10-mais {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0b7c45;
  font-size: 52px;
  font-weight: 400;
}


/* FRASE CENTRAL */

#pagina-10 .pagina10-frase {
  margin-top: 22px;
  padding: 19px 22px;
  border-radius: 15px;
  background: #173323;
}

#pagina-10 .pagina10-frase span {
  display: block;
  margin-bottom: 6px;
  color: #a9d5ba;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-10 .pagina10-frase strong {
  display: block;
  color: #ffffff;
  font-size: clamp(21px, 1.9vw, 29px);
  line-height: 1.3;
}


/* NÃO É CONCORRÊNCIA */

#pagina-10 .pagina10-nao-concorrencia {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  margin-top: 18px;
}

#pagina-10 .pagina10-nao-concorrencia > div {
  padding: 14px 16px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-10 .pagina10-nao-concorrencia span {
  display: block;
  color: #7a8780;
  font-size: 12px;
  font-weight: 800;
}

#pagina-10 .pagina10-nao-concorrencia strong {
  display: block;
  margin-top: 3px;
  color: #445149;
  font-size: 17px;
}

#pagina-10 .pagina10-nao-concorrencia .pagina10-soma {
  background: #eaf5ee;
  border-color: #cfe4d5;
}

#pagina-10 .pagina10-soma span {
  color: #148553;
}

#pagina-10 .pagina10-soma strong {
  color: #173323;
}


/* PAPÉIS */

#pagina-10 .pagina10-papel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
  margin-top: 18px;
}

#pagina-10 .pagina10-papel article {
  padding: 14px;
  border-radius: 12px;
  background: #f5f7f6;
  border: 1px solid #dfe6e2;
}

#pagina-10 .pagina10-papel small {
  display: block;
  margin-bottom: 4px;
  color: #148553;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-10 .pagina10-papel strong {
  color: #173323;
  font-size: 14px;
  line-height: 1.3;
}


/* STATEMENT */

#pagina-10 .pagina10-statement {
  margin-top: 19px;
  font-size: clamp(20px, 1.7vw, 27px);
}


/* TRANSIÇÃO */

#pagina-10 .pagina10-transicao {
  margin-top: 18px;
  padding: 17px 20px;
  border-radius: 14px;
  background: #fff5e7;
  border: 1px solid #ecd2a9;
}

#pagina-10 .pagina10-transicao span {
  display: block;
  color: #8a682d;
  font-size: 14px;
  font-weight: 700;
}

#pagina-10 .pagina10-transicao strong {
  display: block;
  margin-top: 4px;
  color: #774d0b;
  font-size: clamp(19px, 1.65vw, 25px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-10.slide {
    padding-bottom: 95px;
  }

  #pagina-10 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-10 .pagina10-intro {
    font-size: 19px;
  }

  #pagina-10 .pagina10-modelos {
    grid-template-columns: 1fr;
  }

  #pagina-10 .pagina10-mais {
    min-height: 35px;
  }

  #pagina-10 .pagina10-nao-concorrencia {
    grid-template-columns: 1fr;
  }

  #pagina-10 .pagina10-papel {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-10 .pagina10-papel article:last-child {
    grid-column: 1 / -1;
  }

  #pagina-10 .pagina10-statement {
    width: 100%;
    font-size: 20px;
  }

}


/* =========================================================
   PAGINA 11 — MINHA PROPRIEDADE. MINHA AUTORIZACAO.
   ========================================================= */

#pagina-11.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-11 .pagina11-layout {
  width: min(1380px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-11 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-11 .pagina11-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* REGRA CENTRAL */

#pagina-11 .pagina11-regra {
  margin-top: 25px;
  padding: 20px 23px;

  border-radius: 16px;

  background: #173323;
}

#pagina-11 .pagina11-regra span {
  display: block;

  margin-bottom: 6px;

  color: #a9d5ba;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-11 .pagina11-regra strong {
  display: block;

  color: #ffffff;

  font-size: clamp(22px, 2vw, 31px);
  line-height: 1.3;
}


/* REGISTRAR / PUBLICAR / COMPARTILHAR */

#pagina-11 .pagina11-tres {
  display: grid;
  grid-template-columns: 1fr 52px 1fr 52px 1fr;
  gap: 11px;
  align-items: stretch;

  margin-top: 23px;
}

#pagina-11 .pagina11-tres article {
  padding: 19px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #dbe5df;
}

#pagina-11 .pagina11-icone {
  margin-bottom: 9px;

  font-size: 30px;
}

#pagina-11 .pagina11-tres small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-11 .pagina11-tres strong {
  display: block;

  color: #173323;

  font-size: clamp(19px, 1.6vw, 24px);
}

#pagina-11 .pagina11-tres p {
  margin: 8px 0 0;

  color: #647269;

  font-size: 14px;
  line-height: 1.45;
}

#pagina-11 .pagina11-sinal {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #c28224;

  font-size: 34px;
  font-weight: 900;
}


/* REDES */

#pagina-11 .pagina11-redes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;

  margin-top: 22px;
}

#pagina-11 .pagina11-rede-publica,
#pagina-11 .pagina11-rede-privada {
  display: flex;
  gap: 15px;

  padding: 19px 21px;

  border-radius: 15px;
}

#pagina-11 .pagina11-rede-publica {
  background: #eaf5ee;
  border: 1px solid #cee4d5;
}

#pagina-11 .pagina11-rede-privada {
  background: #eef2f7;
  border: 1px solid #d9e0e8;
}

#pagina-11 .pagina11-rede-publica > span,
#pagina-11 .pagina11-rede-privada > span {
  flex: 0 0 auto;

  font-size: 29px;
}

#pagina-11 .pagina11-redes small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-11 .pagina11-rede-privada small {
  color: #526a83;
}

#pagina-11 .pagina11-redes strong {
  display: block;

  color: #173323;

  font-size: clamp(18px, 1.55vw, 23px);
}

#pagina-11 .pagina11-redes p {
  margin: 7px 0 0;

  color: #617168;

  font-size: 14px;
  line-height: 1.4;
}


/* PERGUNTA */

#pagina-11 .pagina11-pergunta {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  gap: 11px;
  align-items: center;

  margin-top: 20px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #fff5e7;
  border: 1px solid #ecd3aa;
}

#pagina-11 .pagina11-pergunta span {
  color: #826b44;

  font-size: 13px;
  font-weight: 700;
}

#pagina-11 .pagina11-pergunta strong {
  color: #714a0c;

  font-size: clamp(17px, 1.45vw, 21px);
}


/* STATEMENT */

#pagina-11 .pagina11-statement {
  margin-top: 19px;

  font-size: clamp(21px, 1.8vw, 28px);
}


/* CONFIANÇA */

#pagina-11 .pagina11-confianca {
  display: grid;
  grid-template-columns: 1fr 35px 1fr 35px 1.2fr;
  gap: 9px;
  align-items: center;

  margin-top: 19px;
}

#pagina-11 .pagina11-confianca > div:not(.pagina11-seta) {
  min-height: 76px;

  padding: 13px 15px;

  border-radius: 12px;

  background: #f4f6f5;
  border: 1px solid #dfe5e1;
}

#pagina-11 .pagina11-confianca span {
  display: block;

  margin-bottom: 4px;

  color: #7a8780;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-11 .pagina11-confianca strong {
  color: #445149;

  font-size: 15px;
  line-height: 1.3;
}

#pagina-11 .pagina11-confianca .pagina11-final {
  background: #eaf5ee;
  border-color: #cde4d4;
}

#pagina-11 .pagina11-final span {
  color: #148553;
}

#pagina-11 .pagina11-final strong {
  color: #173323;
}

#pagina-11 .pagina11-seta {
  text-align: center;

  color: #96a79e;

  font-size: 23px;
  font-weight: 900;
}


/* TRANSIÇÃO */

#pagina-11 .pagina11-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 19px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-11 .pagina11-transicao span {
  color: #c6dbcd;

  font-size: clamp(15px, 1.3vw, 19px);
}

#pagina-11 .pagina11-transicao strong {
  flex: 0 0 auto;

  color: #ffffff;

  font-size: clamp(25px, 2.4vw, 36px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-11.slide {
    padding-bottom: 95px;
  }

  #pagina-11 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-11 .pagina11-intro {
    font-size: 19px;
  }

  #pagina-11 .pagina11-tres {
    grid-template-columns: 1fr;
  }

  #pagina-11 .pagina11-sinal {
    min-height: 30px;
  }

  #pagina-11 .pagina11-redes {
    grid-template-columns: 1fr;
  }

  #pagina-11 .pagina11-pergunta {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  #pagina-11 .pagina11-pergunta strong {
    margin-bottom: 10px;
  }

  #pagina-11 .pagina11-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-11 .pagina11-confianca {
    grid-template-columns: 1fr;
  }

  #pagina-11 .pagina11-seta {
    transform: rotate(90deg);
  }

  #pagina-11 .pagina11-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-11 .pagina11-transicao strong {
    font-size: 30px;
  }

}


/* =========================================================
   PAGINA 12 — IDRURAL CAMPO
   ========================================================= */

#pagina-12.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-12 .pagina12-layout {
  width: min(1380px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-12 h1 {
  font-size: clamp(48px, 5.3vw, 78px);
  margin-bottom: 15px;
}

#pagina-12 .pagina12-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* PRINCIPAL */

#pagina-12 .pagina12-principal {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 22px;
  align-items: stretch;
  margin-top: 25px;
}

#pagina-12 .pagina12-mensagem {
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: 24px;

  border-radius: 17px;

  background: #173323;
}

#pagina-12 .pagina12-mensagem > span {
  color: #a9d5ba;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-12 .pagina12-mensagem strong {
  display: block;

  margin-top: 7px;

  color: #ffffff;

  font-size: clamp(24px, 2.25vw, 34px);
  line-height: 1.25;
}

#pagina-12 .pagina12-mensagem p {
  max-width: 780px;

  margin: 11px 0 0;

  color: #d1e5d8;

  font-size: 16px;
  line-height: 1.45;
}


/* TELEFONE */

#pagina-12 .pagina12-mobile {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 17px;

  border-radius: 17px;

  background: #eaf5ee;
  border: 1px solid #cee4d5;
}

#pagina-12 .pagina12-phone {
  width: min(100%, 290px);

  overflow: hidden;

  border: 7px solid #173323;
  border-radius: 27px;

  background: #ffffff;

  box-shadow:
    0 12px 30px rgba(21, 37, 27, 0.12);
}

#pagina-12 .pagina12-phone-top {
  padding: 12px 14px;

  background: #0b7c45;
  color: #ffffff;

  font-size: 15px;
  font-weight: 900;
  text-align: center;
}

#pagina-12 .pagina12-phone-body {
  display: grid;
  gap: 8px;

  padding: 14px;
}

#pagina-12 .pagina12-phone-body div {
  padding: 10px 11px;

  border-radius: 9px;

  background: #f2f6f3;
  border: 1px solid #dce5df;

  color: #173323;

  font-size: 13px;
  font-weight: 700;
}

#pagina-12 .pagina12-phone-bottom {
  padding: 10px;

  background: #f3f6f4;

  color: #6a786f;

  font-size: 10px;
  text-align: center;
}


/* RECURSOS */

#pagina-12 .pagina12-recursos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;

  margin-top: 22px;
}

#pagina-12 .pagina12-recursos article {
  display: flex;
  gap: 11px;

  min-width: 0;

  padding: 15px;

  border-radius: 13px;

  background: #ffffff;
  border: 1px solid #dbe5df;
}

#pagina-12 .pagina12-recursos article > span {
  flex: 0 0 auto;

  font-size: 25px;
}

#pagina-12 .pagina12-recursos small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-12 .pagina12-recursos strong {
  display: block;

  color: #173323;

  font-size: 15px;
  line-height: 1.25;
}

#pagina-12 .pagina12-recursos p {
  margin: 6px 0 0;

  color: #69776f;

  font-size: 12px;
  line-height: 1.4;
}


/* FLUXO */

#pagina-12 .pagina12-fluxo {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr;
  gap: 8px;
  align-items: center;

  margin-top: 21px;
}

#pagina-12 .pagina12-fluxo > div:not(.pagina12-seta) {
  display: flex;
  align-items: center;
  gap: 10px;

  min-height: 56px;

  padding: 11px 13px;

  border-radius: 11px;

  background: #eef5f0;
  border: 1px solid #d5e5d9;
}

#pagina-12 .pagina12-fluxo span {
  flex: 0 0 29px;

  width: 29px;
  height: 29px;

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

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-size: 13px;
  font-weight: 900;
}

#pagina-12 .pagina12-fluxo strong {
  color: #173323;

  font-size: 14px;
}

#pagina-12 .pagina12-seta {
  text-align: center;

  color: #91a39a;

  font-size: 22px;
  font-weight: 900;
}


/* STATEMENT */

#pagina-12 .pagina12-statement {
  margin-top: 19px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* DIFERENCIAL */

#pagina-12 .pagina12-diferencial {
  display: grid;
  grid-template-columns: 1fr 50px 1.3fr;
  gap: 12px;
  align-items: center;

  margin-top: 18px;
}

#pagina-12 .pagina12-diferencial > div:not(.pagina12-transforma) {
  padding: 16px 18px;

  border-radius: 13px;

  background: #f4f6f5;
  border: 1px solid #dfe5e1;
}

#pagina-12 .pagina12-diferencial span {
  display: block;

  margin-bottom: 4px;

  color: #7b8780;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-12 .pagina12-diferencial strong {
  color: #445149;

  font-size: 16px;
}

#pagina-12 .pagina12-diferencial .pagina12-diferencial-final {
  background: #eaf5ee;
  border-color: #cde4d4;
}

#pagina-12 .pagina12-diferencial-final span {
  color: #148553;
}

#pagina-12 .pagina12-diferencial-final strong {
  color: #173323;
}

#pagina-12 .pagina12-transforma {
  text-align: center;

  color: #0b7c45;

  font-size: 28px;
  font-weight: 900;
}


/* LINK */

#pagina-12 .pagina12-links {
  margin-top: 17px;
}

#pagina-12 .pagina12-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 11px 18px;

  border-radius: 9px;

  text-decoration: none;

  font-size: 14px;
  font-weight: 800;
}

#pagina-12 .pagina12-link-primary {
  background: #0b7c45;
  color: #ffffff;
}

#pagina-12 .pagina12-link-primary:hover {
  background: #096b3b;
}


/* TRANSICAO */

#pagina-12 .pagina12-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-12 .pagina12-transicao span {
  color: #c9ddd0;

  font-size: clamp(15px, 1.25vw, 18px);
}

#pagina-12 .pagina12-transicao strong {
  flex: 0 0 auto;

  color: #ffffff;

  font-size: clamp(22px, 2vw, 30px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-12.slide {
    padding-bottom: 95px;
  }

  #pagina-12 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-12 .pagina12-intro {
    font-size: 19px;
  }

  #pagina-12 .pagina12-principal {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-recursos {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-fluxo {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-seta {
    transform: rotate(90deg);
  }

  #pagina-12 .pagina12-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-12 .pagina12-diferencial {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-transforma {
    transform: rotate(90deg);
  }

  #pagina-12 .pagina12-link {
    width: 100%;
    min-height: 50px;
  }

  #pagina-12 .pagina12-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 13 — IDRURAL NAVEGACAO
   ========================================================= */

#pagina-13.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-13 .pagina13-layout {
  width: min(1380px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-13 h1 {
  font-size: clamp(48px, 5.3vw, 78px);
  margin-bottom: 15px;
}

#pagina-13 .pagina13-intro {
  max-width: 1050px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* ONDE + COMO */

#pagina-13 .pagina13-principal {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  gap: 16px;
  align-items: stretch;

  margin-top: 25px;
}

#pagina-13 .pagina13-mensagem {
  padding: 22px;

  border-radius: 17px;

  background: #f4f6f5;
  border: 1px solid #dce4df;
}

#pagina-13 .pagina13-mensagem span {
  display: block;

  color: #75827a;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-13 .pagina13-mensagem strong {
  display: block;

  margin-top: 5px;

  color: #445149;

  font-size: clamp(30px, 3vw, 45px);
}

#pagina-13 .pagina13-mensagem p {
  margin: 7px 0 0;

  color: #68766e;

  font-size: 15px;
}

#pagina-13 .pagina13-rede {
  background: #173323;
  border-color: #173323;
}

#pagina-13 .pagina13-rede span {
  color: #a9d5ba;
}

#pagina-13 .pagina13-rede strong {
  color: #ffffff;
}

#pagina-13 .pagina13-rede p {
  color: #d1e3d7;
}

#pagina-13 .pagina13-mais {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #0b7c45;

  font-size: 50px;
}


/* FLUXO */

#pagina-13 .pagina13-fluxo {
  display: grid;
  grid-template-columns: 1fr 35px 1fr 35px 1fr 35px 1fr;
  gap: 8px;
  align-items: center;

  margin-top: 22px;
}

#pagina-13 .pagina13-fluxo article {
  min-height: 92px;

  padding: 14px;

  border-radius: 13px;

  background: #ffffff;
  border: 1px solid #dbe5df;
}

#pagina-13 .pagina13-fluxo article > span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  margin-bottom: 6px;

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-size: 12px;
  font-weight: 900;
}

#pagina-13 .pagina13-fluxo small {
  display: block;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-13 .pagina13-fluxo strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: 15px;
}

#pagina-13 .pagina13-seta {
  text-align: center;

  color: #91a39a;

  font-size: 22px;
  font-weight: 900;
}


/* LOCALIZACAO X NAVEGACAO */

#pagina-13 .pagina13-diferenca {
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  gap: 15px;
  align-items: stretch;

  margin-top: 22px;
}

#pagina-13 .pagina13-ponto,
#pagina-13 .pagina13-rota {
  padding: 19px 21px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-13 .pagina13-rota {
  background: #eaf5ee;
  border-color: #cce3d3;
}

#pagina-13 .pagina13-diferenca small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-13 .pagina13-diferenca strong {
  color: #173323;

  font-size: clamp(19px, 1.7vw, 25px);
}

#pagina-13 .pagina13-diferenca p {
  margin: 7px 0 0;

  color: #647269;

  font-size: 14px;
  line-height: 1.4;
}

#pagina-13 .pagina13-nao-e {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #c48a2b;

  font-size: 37px;
  font-weight: 900;
}


/* FRASE */

#pagina-13 .pagina13-statement {
  margin-top: 19px;

  font-size: clamp(21px, 1.8vw, 28px);
}


/* PAPEIS */

#pagina-13 .pagina13-papeis {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  gap: 9px;
  align-items: center;

  margin-top: 19px;
}

#pagina-13 .pagina13-papeis article {
  min-height: 90px;

  padding: 14px 16px;

  border-radius: 13px;

  background: #f4f7f5;
  border: 1px solid #dce5df;
}

#pagina-13 .pagina13-papeis article > span {
  display: block;

  margin-bottom: 3px;

  font-size: 24px;
}

#pagina-13 .pagina13-papeis small {
  display: block;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-13 .pagina13-papeis strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: 15px;
}

#pagina-13 .pagina13-papeis > div {
  text-align: center;

  color: #90a198;

  font-size: 23px;
  font-weight: 900;
}


/* INDEPENDENCIA */

#pagina-13 .pagina13-independencia {
  margin-top: 19px;
  padding: 18px 21px;

  border-radius: 14px;

  background: #fff5e8;
  border: 1px solid #edd4ac;
}

#pagina-13 .pagina13-independencia > span {
  display: block;

  color: #906b2c;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-13 .pagina13-independencia strong {
  display: block;

  margin-top: 4px;

  color: #704809;

  font-size: clamp(19px, 1.65vw, 25px);
}

#pagina-13 .pagina13-independencia p {
  margin: 7px 0 0;

  color: #756547;

  font-size: 14px;
  line-height: 1.4;
}


/* LINK */

#pagina-13 .pagina13-links {
  margin-top: 17px;
}

#pagina-13 .pagina13-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 46px;

  padding: 11px 18px;

  border-radius: 9px;

  text-decoration: none;

  font-size: 14px;
  font-weight: 800;
}

#pagina-13 .pagina13-link-primary {
  background: #0b7c45;
  color: #ffffff;
}

#pagina-13 .pagina13-link-primary:hover {
  background: #096b3b;
}


/* TRANSICAO */

#pagina-13 .pagina13-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-13 .pagina13-transicao span {
  color: #c8ddd0;

  font-size: 15px;
}

#pagina-13 .pagina13-transicao strong {
  color: #ffffff;

  font-size: clamp(22px, 2vw, 30px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-13.slide {
    padding-bottom: 95px;
  }

  #pagina-13 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-13 .pagina13-intro {
    font-size: 19px;
  }

  #pagina-13 .pagina13-principal,
  #pagina-13 .pagina13-fluxo,
  #pagina-13 .pagina13-diferenca,
  #pagina-13 .pagina13-papeis {
    grid-template-columns: 1fr;
  }

  #pagina-13 .pagina13-mais {
    min-height: 35px;
  }

  #pagina-13 .pagina13-seta,
  #pagina-13 .pagina13-papeis > div {
    transform: rotate(90deg);
  }

  #pagina-13 .pagina13-nao-e {
    min-height: 35px;
  }

  #pagina-13 .pagina13-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-13 .pagina13-link {
    width: 100%;
    min-height: 50px;
  }

  #pagina-13 .pagina13-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 14 — A ARQUITETURA COMPLETA
   ========================================================= */

#pagina-14.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-14 .pagina14-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-14 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-14 .pagina14-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* CAMPO → REDE → NAVEGAÇÃO */

#pagina-14 .pagina14-arquitetura {
  display: grid;
  grid-template-columns: 1fr 50px 1fr 50px 1fr;
  gap: 12px;
  align-items: stretch;

  margin-top: 26px;
}

#pagina-14 .pagina14-arquitetura article {
  position: relative;

  padding: 21px;

  border-radius: 17px;
  border: 1px solid #d9e4dc;

  background: #ffffff;
}

#pagina-14 .pagina14-campo {
  background: #eaf5ee !important;
  border-color: #cce3d3 !important;
}

#pagina-14 .pagina14-rede {
  background: #173323 !important;
  border-color: #173323 !important;
}

#pagina-14 .pagina14-navegacao {
  background: #eef4f8 !important;
  border-color: #d5e0e8 !important;
}

#pagina-14 .pagina14-icon {
  margin-bottom: 8px;
  font-size: 31px;
}

#pagina-14 .pagina14-arquitetura small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-14 .pagina14-rede small {
  color: #a9d5ba;
}

#pagina-14 .pagina14-arquitetura strong {
  display: block;

  color: #173323;

  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.25;
}

#pagina-14 .pagina14-rede strong {
  color: #ffffff;
}

#pagina-14 .pagina14-arquitetura p {
  margin: 8px 0 15px;

  color: #647269;

  font-size: 14px;
  line-height: 1.4;
}

#pagina-14 .pagina14-rede p {
  color: #d0e2d6;
}

#pagina-14 .pagina14-origem {
  display: inline-block;

  padding: 6px 9px;

  border-radius: 7px;

  background: rgba(11, 124, 69, 0.10);
  color: #0b7c45;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

#pagina-14 .pagina14-rede .pagina14-origem {
  background: rgba(255,255,255,0.12);
  color: #ffffff;
}

#pagina-14 .pagina14-seta {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #8fa298;

  font-size: 29px;
  font-weight: 900;
}


/* BASE PÚBLICA + CONHECIMENTO LOCAL */

#pagina-14 .pagina14-entradas {
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 14px;
  align-items: stretch;

  margin-top: 22px;
}

#pagina-14 .pagina14-base,
#pagina-14 .pagina14-local {
  display: flex;
  gap: 14px;

  padding: 18px 20px;

  border-radius: 14px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-14 .pagina14-local {
  background: #fff5e8;
  border-color: #edd4ac;
}

#pagina-14 .pagina14-base > span,
#pagina-14 .pagina14-local > span {
  flex: 0 0 auto;
  font-size: 27px;
}

#pagina-14 .pagina14-entradas small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-14 .pagina14-local small {
  color: #9b6e27;
}

#pagina-14 .pagina14-entradas strong {
  display: block;

  color: #173323;

  font-size: clamp(18px, 1.5vw, 22px);
}

#pagina-14 .pagina14-entradas p {
  margin: 6px 0 0;

  color: #647269;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-14 .pagina14-soma {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #0b7c45;

  font-size: 42px;
}


/* VALIDAÇÃO */

#pagina-14 .pagina14-validacao {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 9px;

  margin-top: 19px;
  padding: 15px 18px;

  border-radius: 13px;

  background: #f4f6f5;
  border: 1px solid #dde5e0;
}

#pagina-14 .pagina14-validacao span {
  padding: 7px 10px;

  border-radius: 7px;

  background: #ffffff;
  color: #173323;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

#pagina-14 .pagina14-validacao strong {
  color: #96702e;
  font-size: 13px;
}

#pagina-14 .pagina14-validacao > div {
  color: #91a299;
  font-weight: 900;
}


/* GEOPORTAL */

#pagina-14 .pagina14-geoportal {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;

  margin-top: 19px;
  padding: 18px 20px;

  border-radius: 15px;

  background: #eef3f8;
  border: 1px solid #d7e0e9;
}

#pagina-14 .pagina14-geoportal-icon {
  font-size: 31px;
}

#pagina-14 .pagina14-geoportal-texto small {
  display: block;

  margin-bottom: 4px;

  color: #536d86;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-14 .pagina14-geoportal-texto strong {
  display: block;

  color: #20384d;

  font-size: clamp(18px, 1.5vw, 22px);
}

#pagina-14 .pagina14-geoportal-texto p {
  margin: 5px 0 0;

  color: #607182;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-14 .pagina14-geoportal-badge {
  padding: 8px 11px;

  border-radius: 8px;

  background: #dfeaf3;
  color: #355a77;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
}


/* RESUMO */

#pagina-14 .pagina14-resumo {
  display: grid;
  grid-template-columns:
    1fr 32px
    1fr 32px
    1fr 45px
    1fr;

  gap: 7px;
  align-items: center;

  margin-top: 19px;
}

#pagina-14 .pagina14-resumo > div:not(.pagina14-resumo-extra) {
  padding: 12px 14px;

  border-radius: 11px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-14 .pagina14-resumo > div:nth-child(2),
#pagina-14 .pagina14-resumo > div:nth-child(4) {
  padding: 0;
  border: 0;
  background: transparent;

  text-align: center;

  color: #91a299;

  font-size: 21px;
  font-weight: 900;
}

#pagina-14 .pagina14-resumo span {
  display: block;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-14 .pagina14-resumo strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 17px;
}

#pagina-14 .pagina14-resumo-extra {
  text-align: center;

  color: #6f8497;

  font-size: 28px;
}

#pagina-14 .pagina14-resumo-geo {
  background: #eef3f8 !important;
  border-color: #d7e0e9 !important;
}

#pagina-14 .pagina14-resumo-geo span {
  color: #526e86;
}


/* STATEMENT */

#pagina-14 .pagina14-statement {
  margin-top: 19px;
  font-size: clamp(20px, 1.7vw, 27px);
}


/* TRANSIÇÃO */

#pagina-14 .pagina14-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-14 .pagina14-transicao span {
  color: #c8ddd0;
  font-size: 15px;
}

#pagina-14 .pagina14-transicao strong {
  color: #ffffff;

  font-size: clamp(21px, 1.9vw, 29px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-14.slide {
    padding-bottom: 95px;
  }

  #pagina-14 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-14 .pagina14-intro {
    font-size: 19px;
  }

  #pagina-14 .pagina14-arquitetura {
    grid-template-columns: 1fr;
  }

  #pagina-14 .pagina14-seta {
    transform: rotate(90deg);
    min-height: 30px;
  }

  #pagina-14 .pagina14-entradas {
    grid-template-columns: 1fr;
  }

  #pagina-14 .pagina14-soma {
    min-height: 35px;
  }

  #pagina-14 .pagina14-geoportal {
    grid-template-columns: auto 1fr;
  }

  #pagina-14 .pagina14-geoportal-badge {
    grid-column: 1 / -1;
    text-align: center;
  }

  #pagina-14 .pagina14-resumo {
    grid-template-columns: 1fr;
  }

  #pagina-14 .pagina14-resumo > div:nth-child(2),
  #pagina-14 .pagina14-resumo > div:nth-child(4) {
    transform: rotate(90deg);
  }

  #pagina-14 .pagina14-resumo-extra {
    min-height: 30px;
  }

  #pagina-14 .pagina14-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-14 .pagina14-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 12 — REDE PROPRIA DO PRODUTOR
   ========================================================= */

#pagina-12 .pagina12-rede-propria {
  margin-top: 22px;
  padding: 22px;

  border-radius: 17px;

  background: #173323;

  box-shadow:
    0 10px 28px rgba(21, 37, 27, 0.08);
}

#pagina-12 .pagina12-rede-propria-titulo > span {
  display: block;

  margin-bottom: 6px;

  color: #a9d5ba;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-12 .pagina12-rede-propria-titulo > strong {
  display: block;

  color: #ffffff;

  font-size: clamp(23px, 2.1vw, 32px);
  line-height: 1.25;
}

#pagina-12 .pagina12-rede-propria-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;

  margin-top: 18px;
}

#pagina-12 .pagina12-rede-propria-grid > div {
  padding: 16px;

  border-radius: 12px;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}

#pagina-12 .pagina12-rede-propria-grid small {
  display: block;

  margin-bottom: 5px;

  color: #9ed1b1;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-rede-propria-grid strong {
  display: block;

  color: #ffffff;

  font-size: 16px;
  line-height: 1.3;
}

#pagina-12 .pagina12-rede-propria-grid p {
  margin: 7px 0 0;

  color: #cfe1d5;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-12 .pagina12-rede-propria-frase {
  margin-top: 16px;
  padding: 14px 17px;

  border-radius: 11px;

  background: #ffffff;
}

#pagina-12 .pagina12-rede-propria-frase strong {
  color: #173323;

  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1.35;
}

#pagina-12 .pagina12-rede-propria-nota {
  margin-top: 10px;

  color: #a9c8b4;

  font-size: 11px;
  line-height: 1.35;
}


@media (max-width: 700px) {

  #pagina-12 .pagina12-rede-propria {
    padding: 18px;
  }

  #pagina-12 .pagina12-rede-propria-grid {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   PAGINA 12 — COMPARTILHAMENTO GRANULAR DA REDE PRIVADA
   ========================================================= */

#pagina-12 .pagina12-share {
  margin-top: 23px;
  padding: 23px;

  border-radius: 18px;

  background: #173323;

  box-shadow:
    0 12px 32px rgba(21, 37, 27, 0.10);
}


/* CABEÇALHO */

#pagina-12 .pagina12-share-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

#pagina-12 .pagina12-share-head span {
  display: block;

  margin-bottom: 6px;

  color: #a8d4b8;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-12 .pagina12-share-head strong {
  display: block;

  max-width: 840px;

  color: #ffffff;

  font-size: clamp(24px, 2.15vw, 33px);
  line-height: 1.2;
}

#pagina-12 .pagina12-share-badge {
  flex: 0 0 auto;

  padding: 8px 11px;

  border-radius: 8px;

  background: rgba(255,255,255,0.10);
  color: #c8e0d0;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

#pagina-12 .pagina12-share-intro {
  max-width: 1100px;

  margin: 13px 0 0;

  color: #cde0d3;

  font-size: 15px;
  line-height: 1.45;
}


/* QUATRO CONTROLES */

#pagina-12 .pagina12-share-controls {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;

  margin-top: 19px;
}

#pagina-12 .pagina12-share-controls article {
  padding: 16px;

  border-radius: 13px;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}

#pagina-12 .pagina12-share-controls small {
  display: block;

  margin-bottom: 5px;

  color: #9ed0af;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-share-controls strong {
  display: block;

  color: #ffffff;

  font-size: 15px;
  line-height: 1.3;
}

#pagina-12 .pagina12-share-options {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;

  margin-top: 10px;
}

#pagina-12 .pagina12-share-options span {
  padding: 5px 7px;

  border-radius: 6px;

  background: rgba(255,255,255,0.09);
  color: #d7e6dc;

  font-size: 10px;
  line-height: 1.2;
}

#pagina-12 .pagina12-share-options span:first-child {
  background: #ffffff;
  color: #173323;

  font-weight: 800;
}


/* EXEMPLOS */

#pagina-12 .pagina12-share-exemplos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;

  margin-top: 17px;
}

#pagina-12 .pagina12-share-example {
  display: flex;
  gap: 11px;

  padding: 15px;

  border-radius: 13px;

  background: #ffffff;
}

#pagina-12 .pagina12-share-example-icon {
  flex: 0 0 auto;

  font-size: 27px;
}

#pagina-12 .pagina12-share-example small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-share-example strong {
  display: block;

  color: #173323;

  font-size: 15px;
  line-height: 1.3;
}

#pagina-12 .pagina12-share-example p {
  margin: 6px 0 0;

  color: #65736a;

  font-size: 11px;
  line-height: 1.4;
}


/* ENDEREÇADO */

#pagina-12 .pagina12-share-addressed {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 14px;
  align-items: stretch;

  margin-top: 17px;
}

#pagina-12 .pagina12-share-addressed > div:first-child {
  padding: 18px;

  border-radius: 13px;

  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.10);
}

#pagina-12 .pagina12-share-addressed > div:first-child span {
  display: block;

  margin-bottom: 5px;

  color: #9ed0af;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-share-addressed > div:first-child strong {
  display: block;

  color: #ffffff;

  font-size: clamp(18px, 1.55vw, 23px);
}

#pagina-12 .pagina12-share-addressed > div:first-child p {
  margin: 7px 0 0;

  color: #cbded1;

  font-size: 13px;
  line-height: 1.4;
}


/* MOCK DE AUTORIZAÇÃO */

#pagina-12 .pagina12-share-mock {
  padding: 16px;

  border-radius: 13px;

  background: #ffffff;
}

#pagina-12 .pagina12-share-mock small {
  display: block;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-share-mock strong {
  display: block;

  margin: 4px 0 9px;

  color: #173323;

  font-size: 18px;
}

#pagina-12 .pagina12-share-mock span {
  display: block;

  margin-top: 4px;

  color: #637168;

  font-size: 11px;
}

#pagina-12 .pagina12-share-mock button {
  width: 100%;

  margin-top: 11px;
  padding: 8px 10px;

  border: 1px solid #d49d93;
  border-radius: 7px;

  background: #fff3f1;
  color: #9b392b;

  font-size: 11px;
  font-weight: 800;

  cursor: default;
}


/* PRINCÍPIO */

#pagina-12 .pagina12-share-principio {
  display: grid;
  grid-template-columns: 1fr 28px 1fr 28px 1.25fr;
  gap: 7px;
  align-items: center;

  margin-top: 17px;
}

#pagina-12 .pagina12-share-principio > div:not(.pagina12-share-principio-final) {
  color: #9fbbb0;
}

#pagina-12 .pagina12-share-principio > div:nth-child(2),
#pagina-12 .pagina12-share-principio > div:nth-child(4) {
  text-align: center;

  font-size: 19px;
}

#pagina-12 .pagina12-share-principio > div:nth-child(1),
#pagina-12 .pagina12-share-principio > div:nth-child(3),
#pagina-12 .pagina12-share-principio-final {
  padding: 10px 12px;

  border-radius: 9px;

  background: rgba(255,255,255,0.07);
}

#pagina-12 .pagina12-share-principio span {
  display: block;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-12 .pagina12-share-principio strong {
  display: block;

  margin-top: 2px;

  color: #ffffff;

  font-size: 13px;
}

#pagina-12 .pagina12-share-principio-final {
  background: #ffffff !important;
}

#pagina-12 .pagina12-share-principio-final span {
  color: #148553;
}

#pagina-12 .pagina12-share-principio-final strong {
  color: #173323;
}


/* FRASE FINAL */

#pagina-12 .pagina12-share-final {
  margin-top: 16px;
  padding: 15px 17px;

  border-radius: 11px;

  background: #eaf5ee;
}

#pagina-12 .pagina12-share-final strong {
  color: #173323;

  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.35;
}

#pagina-12 .pagina12-share-note {
  margin-top: 9px;

  color: #9ebcac;

  font-size: 10px;
  line-height: 1.35;
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-12 .pagina12-share {
    padding: 18px;
  }

  #pagina-12 .pagina12-share-head {
    flex-direction: column;
  }

  #pagina-12 .pagina12-share-controls,
  #pagina-12 .pagina12-share-exemplos,
  #pagina-12 .pagina12-share-addressed {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-share-principio {
    grid-template-columns: 1fr;
  }

  #pagina-12 .pagina12-share-principio > div:nth-child(2),
  #pagina-12 .pagina12-share-principio > div:nth-child(4) {
    transform: rotate(90deg);
  }

}


/* =========================================================
   PAGINA 15 — SINDICATO E FAES
   ========================================================= */

#pagina-15.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-15 .pagina15-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-15 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-15 .pagina15-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* PROGRAMA */

#pagina-15 .pagina15-programa {
  margin-top: 24px;
  padding: 20px 23px;

  border-radius: 16px;

  background: #173323;
}

#pagina-15 .pagina15-programa span {
  display: block;
  margin-bottom: 5px;

  color: #a9d5ba;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-15 .pagina15-programa strong {
  display: block;

  color: #ffffff;

  font-size: clamp(24px, 2.2vw, 34px);
}

#pagina-15 .pagina15-programa p {
  margin: 7px 0 0;

  color: #cee1d4;

  font-size: 15px;
}


/* FLUXO */

#pagina-15 .pagina15-fluxo {
  display: grid;
  grid-template-columns:
    1fr 34px
    1fr 34px
    1fr 34px
    1fr;

  gap: 8px;
  align-items: stretch;

  margin-top: 22px;
}

#pagina-15 .pagina15-fluxo article {
  position: relative;

  min-width: 0;

  padding: 17px;

  border-radius: 14px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-15 .pagina15-fluxo article > span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  margin-bottom: 7px;

  border-radius: 50%;

  background: #0b7c45;
  color: #ffffff;

  font-size: 11px;
  font-weight: 900;
}

#pagina-15 .pagina15-fluxo small {
  display: block;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-15 .pagina15-fluxo strong {
  display: block;

  margin-top: 4px;

  color: #173323;

  font-size: 17px;
}

#pagina-15 .pagina15-fluxo p {
  margin: 6px 0 0;

  color: #68766e;

  font-size: 12px;
  line-height: 1.4;
}

#pagina-15 .pagina15-faes {
  background: #eaf5ee !important;
}

#pagina-15 .pagina15-sindicato {
  background: #fff5e8 !important;
}

#pagina-15 .pagina15-seta {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #91a39a;

  font-size: 22px;
  font-weight: 900;
}


/* PAPEL DO SINDICATO */

#pagina-15 .pagina15-sindicato-papel {
  margin-top: 22px;
  padding: 20px;

  border-radius: 16px;

  background: #fff7eb;
  border: 1px solid #edd7b4;
}

#pagina-15 .pagina15-sindicato-titulo span {
  display: block;

  margin-bottom: 5px;

  color: #906b2c;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-15 .pagina15-sindicato-titulo strong {
  display: block;

  color: #70480b;

  font-size: clamp(20px, 1.8vw, 27px);
}

#pagina-15 .pagina15-acoes {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;

  margin-top: 16px;
}

#pagina-15 .pagina15-acoes article {
  padding: 13px;

  border-radius: 11px;

  background: #ffffff;
  border: 1px solid #eadfcf;
}

#pagina-15 .pagina15-acoes article > span {
  display: block;
  margin-bottom: 4px;

  font-size: 22px;
}

#pagina-15 .pagina15-acoes strong {
  display: block;

  color: #173323;

  font-size: 14px;
}

#pagina-15 .pagina15-acoes p {
  margin: 5px 0 0;

  color: #716b60;

  font-size: 11px;
  line-height: 1.35;
}


/* PAPEL DA FAES */

#pagina-15 .pagina15-faes-papel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
  align-items: stretch;

  margin-top: 20px;
}

#pagina-15 .pagina15-faes-papel > div:first-child {
  padding: 19px 21px;

  border-radius: 14px;

  background: #eaf5ee;
  border: 1px solid #cfe4d5;
}

#pagina-15 .pagina15-faes-papel small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-15 .pagina15-faes-papel strong {
  display: block;

  color: #173323;

  font-size: clamp(18px, 1.6vw, 24px);
}

#pagina-15 .pagina15-faes-papel p {
  margin: 7px 0 0;

  color: #627169;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-15 .pagina15-indicadores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}

#pagina-15 .pagina15-indicadores article {
  padding: 13px 14px;

  border-radius: 11px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-15 .pagina15-indicadores span {
  display: block;
  margin-bottom: 4px;

  font-size: 21px;
}

#pagina-15 .pagina15-indicadores strong {
  color: #173323;

  font-size: 14px;
}


/* CICLO */

#pagina-15 .pagina15-ciclo {
  display: grid;
  grid-template-columns:
    1fr 25px
    1fr 25px
    1fr 25px
    1fr 25px
    1fr;

  gap: 5px;
  align-items: center;

  margin-top: 20px;
}

#pagina-15 .pagina15-ciclo > div:nth-child(odd) {
  padding: 11px 10px;

  border-radius: 10px;

  background: #f4f7f5;
  border: 1px solid #dde6e0;
}

#pagina-15 .pagina15-ciclo > div:nth-child(even) {
  text-align: center;

  color: #91a39a;

  font-size: 18px;
  font-weight: 900;
}

#pagina-15 .pagina15-ciclo span {
  display: block;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

#pagina-15 .pagina15-ciclo strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 13px;
}


/* STATEMENT */

#pagina-15 .pagina15-statement {
  margin-top: 19px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* DIFERENCIAL */

#pagina-15 .pagina15-diferencial {
  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-15 .pagina15-diferencial span {
  display: block;

  color: #a9d5ba;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-15 .pagina15-diferencial strong {
  display: block;

  margin-top: 4px;

  color: #ffffff;

  font-size: clamp(19px, 1.65vw, 25px);
}


/* TRANSIÇÃO */

#pagina-15 .pagina15-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 16px 19px;

  border-radius: 13px;

  background: #eaf5ee;
  border: 1px solid #cfe4d5;
}

#pagina-15 .pagina15-transicao span {
  color: #557063;

  font-size: 14px;
}

#pagina-15 .pagina15-transicao strong {
  color: #173323;

  font-size: clamp(19px, 1.7vw, 26px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-15.slide {
    padding-bottom: 95px;
  }

  #pagina-15 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-15 .pagina15-intro {
    font-size: 19px;
  }

  #pagina-15 .pagina15-fluxo {
    grid-template-columns: 1fr;
  }

  #pagina-15 .pagina15-seta {
    transform: rotate(90deg);
  }

  #pagina-15 .pagina15-acoes {
    grid-template-columns: 1fr;
  }

  #pagina-15 .pagina15-faes-papel {
    grid-template-columns: 1fr;
  }

  #pagina-15 .pagina15-ciclo {
    grid-template-columns: 1fr;
  }

  #pagina-15 .pagina15-ciclo > div:nth-child(even) {
    transform: rotate(90deg);
  }

  #pagina-15 .pagina15-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-15 .pagina15-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 16 — IMPLANTAR O USO
   ========================================================= */

#pagina-16.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-16 .pagina16-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-16 h1 {
  font-size: clamp(45px, 5vw, 74px);
  margin-bottom: 15px;
}

#pagina-16 .pagina16-intro {
  max-width: 1080px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* OBJETIVO */

#pagina-16 .pagina16-frase {
  display: grid;
  grid-template-columns: auto 1fr 45px auto 1.4fr;
  gap: 12px;
  align-items: center;

  margin-top: 24px;
  padding: 18px 21px;

  border-radius: 15px;

  background: #173323;
}

#pagina-16 .pagina16-frase span {
  color: #9fc9ae;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-16 .pagina16-frase strong {
  color: #ffffff;

  font-size: clamp(17px, 1.5vw, 22px);
}

#pagina-16 .pagina16-frase > div {
  text-align: center;

  color: #8db99c;

  font-size: 24px;
  font-weight: 900;
}


/* QUATRO PILARES */

#pagina-16 .pagina16-pilares {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;

  margin-top: 22px;
}

#pagina-16 .pagina16-pilares article {
  position: relative;

  min-width: 0;

  padding: 18px;

  border-radius: 15px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-16 .pagina16-numero {
  position: absolute;
  top: 12px;
  right: 13px;

  color: #c5d2ca;

  font-size: 11px;
  font-weight: 900;
}

#pagina-16 .pagina16-pilares article > span {
  display: block;

  margin-bottom: 7px;

  font-size: 27px;
}

#pagina-16 .pagina16-pilares small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-16 .pagina16-pilares strong {
  display: block;

  color: #173323;

  font-size: 18px;
}

#pagina-16 .pagina16-pilares p {
  margin: 7px 0 0;

  color: #68766e;

  font-size: 12px;
  line-height: 1.4;
}


/* MULTIPLICADORES */

#pagina-16 .pagina16-multiplicador {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 16px;
  align-items: stretch;

  margin-top: 21px;
}

#pagina-16 .pagina16-multiplicador-texto {
  padding: 19px 21px;

  border-radius: 14px;

  background: #fff5e8;
  border: 1px solid #ecd4ad;
}

#pagina-16 .pagina16-multiplicador-texto span {
  display: block;

  margin-bottom: 5px;

  color: #946d2c;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-16 .pagina16-multiplicador-texto strong {
  display: block;

  color: #70490b;

  font-size: clamp(19px, 1.65vw, 25px);
}

#pagina-16 .pagina16-multiplicador-texto p {
  margin: 7px 0 0;

  color: #75664d;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-16 .pagina16-multiplicador-fluxo {
  display: grid;
  grid-template-columns: 1fr 27px 1fr 27px 1fr;
  gap: 6px;
  align-items: center;

  padding: 17px;

  border-radius: 14px;

  background: #eaf5ee;
  border: 1px solid #cee4d5;
}

#pagina-16 .pagina16-multiplicador-fluxo > div {
  padding: 12px 8px;

  border-radius: 9px;

  background: #ffffff;

  text-align: center;
}

#pagina-16 .pagina16-multiplicador-fluxo small {
  display: block;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
}

#pagina-16 .pagina16-multiplicador-fluxo strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 13px;
}

#pagina-16 .pagina16-multiplicador-fluxo > span {
  text-align: center;

  color: #8fa198;

  font-weight: 900;
}


/* AÇÕES PRÁTICAS */

#pagina-16 .pagina16-acoes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;

  margin-top: 20px;
}

#pagina-16 .pagina16-acoes article {
  padding: 14px;

  border-radius: 12px;

  background: #f4f7f5;
  border: 1px solid #dde6e0;
}

#pagina-16 .pagina16-acoes span {
  display: block;

  margin-bottom: 4px;

  font-size: 22px;
}

#pagina-16 .pagina16-acoes strong {
  display: block;

  color: #173323;

  font-size: 14px;
}

#pagina-16 .pagina16-acoes p {
  margin: 5px 0 0;

  color: #68766e;

  font-size: 11px;
  line-height: 1.35;
}


/* MEDIÇÃO */

#pagina-16 .pagina16-medicao {
  margin-top: 20px;
  padding: 18px 20px;

  border-radius: 15px;

  background: #eef4f1;
  border: 1px solid #d7e3dc;
}

#pagina-16 .pagina16-medicao-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#pagina-16 .pagina16-medicao-head span {
  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-16 .pagina16-medicao-head strong {
  color: #173323;

  font-size: clamp(17px, 1.45vw, 21px);
}

#pagina-16 .pagina16-indicadores {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 7px;

  margin-top: 13px;
}

#pagina-16 .pagina16-indicadores > div {
  padding: 10px;

  border-radius: 9px;

  background: #ffffff;
  border: 1px solid #dde5e0;
}

#pagina-16 .pagina16-indicadores small {
  display: block;

  color: #9aac9f;

  font-size: 9px;
  font-weight: 900;
}

#pagina-16 .pagina16-indicadores strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 12px;
  line-height: 1.25;
}


/* CICLO */

#pagina-16 .pagina16-ciclo {
  display: grid;
  grid-template-columns:
    1fr 24px
    1fr 24px
    1fr 24px
    1fr 24px
    1.2fr;

  gap: 5px;
  align-items: center;

  margin-top: 19px;
}

#pagina-16 .pagina16-ciclo > div:nth-child(odd) {
  padding: 10px;

  border-radius: 9px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-16 .pagina16-ciclo > div:nth-child(even) {
  text-align: center;

  color: #91a39a;

  font-weight: 900;
}

#pagina-16 .pagina16-ciclo span {
  display: block;

  color: #148553;

  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
}

#pagina-16 .pagina16-ciclo strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 12px;
}


/* STATEMENT */

#pagina-16 .pagina16-statement {
  margin-top: 19px;

  font-size: clamp(21px, 1.8vw, 28px);
}


/* TRANSIÇÃO 90 DIAS */

#pagina-16 .pagina16-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 18px 21px;

  border-radius: 14px;

  background: #173323;
}

#pagina-16 .pagina16-transicao span {
  color: #c8ddd0;

  font-size: 15px;
}

#pagina-16 .pagina16-transicao strong {
  color: #ffffff;

  font-size: clamp(22px, 2vw, 30px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-16.slide {
    padding-bottom: 95px;
  }

  #pagina-16 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-16 .pagina16-intro {
    font-size: 19px;
  }

  #pagina-16 .pagina16-frase {
    grid-template-columns: 1fr;
  }

  #pagina-16 .pagina16-frase > div {
    transform: rotate(90deg);
  }

  #pagina-16 .pagina16-pilares,
  #pagina-16 .pagina16-multiplicador,
  #pagina-16 .pagina16-acoes {
    grid-template-columns: 1fr;
  }

  #pagina-16 .pagina16-multiplicador-fluxo {
    grid-template-columns: 1fr;
  }

  #pagina-16 .pagina16-multiplicador-fluxo > span {
    transform: rotate(90deg);
  }

  #pagina-16 .pagina16-medicao-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-16 .pagina16-indicadores {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-16 .pagina16-ciclo {
    grid-template-columns: 1fr;
  }

  #pagina-16 .pagina16-ciclo > div:nth-child(even) {
    transform: rotate(90deg);
  }

  #pagina-16 .pagina16-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-16 .pagina16-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 17 — 90 DIAS
   ========================================================= */

#pagina-17.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-17 .pagina17-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-17 h1 {
  font-size: clamp(46px, 5vw, 75px);
  margin-bottom: 15px;
}

#pagina-17 .pagina17-intro {
  max-width: 1100px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* DECISÃO */

#pagina-17 .pagina17-mensagem {
  display: grid;
  grid-template-columns: auto 1fr 35px auto 1.2fr;
  gap: 12px;
  align-items: center;

  margin-top: 24px;
  padding: 19px 22px;

  border-radius: 16px;

  background: #173323;
}

#pagina-17 .pagina17-mensagem span {
  color: #9fc8ad;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-17 .pagina17-mensagem strong {
  color: #ffffff;

  font-size: clamp(17px, 1.5vw, 22px);
}

#pagina-17 .pagina17-mensagem > div {
  text-align: center;
  color: #98bda5;
  font-size: 22px;
}


/* 3 FASES */

#pagina-17 .pagina17-fases {
  display: grid;
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  gap: 11px;
  align-items: stretch;

  margin-top: 24px;
}

#pagina-17 .pagina17-fase {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;

  padding: 18px;

  border-radius: 16px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-17 .pagina17-fase-campo {
  background: #eaf5ee;
  border-color: #cee4d5;
}

#pagina-17 .pagina17-fase-validar {
  background: #fff5e8;
  border-color: #ecd4ad;
}

#pagina-17 .pagina17-periodo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-height: 105px;

  border-radius: 11px;

  background: #173323;
  color: #a9d5ba;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-17 .pagina17-periodo strong {
  display: block;

  margin-top: 3px;

  color: #ffffff;

  font-size: 28px;
  letter-spacing: -0.04em;
}

#pagina-17 .pagina17-fase-conteudo small {
  display: block;

  margin-bottom: 4px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-17 .pagina17-fase-conteudo > strong {
  display: block;

  color: #173323;

  font-size: 18px;
  line-height: 1.25;
}

#pagina-17 .pagina17-itens {
  display: grid;
  gap: 5px;

  margin-top: 10px;
}

#pagina-17 .pagina17-itens span {
  position: relative;

  padding-left: 13px;

  color: #637168;

  font-size: 11px;
  line-height: 1.3;
}

#pagina-17 .pagina17-itens span::before {
  content: "✓";

  position: absolute;
  left: 0;

  color: #0b7c45;

  font-weight: 900;
}

#pagina-17 .pagina17-seta {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #91a39a;

  font-size: 25px;
  font-weight: 900;
}


/* EVIDÊNCIAS */

#pagina-17 .pagina17-medimos {
  margin-top: 21px;
  padding: 18px 20px;

  border-radius: 15px;

  background: #eef4f1;
  border: 1px solid #d7e3dc;
}

#pagina-17 .pagina17-medimos-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

#pagina-17 .pagina17-medimos-head span {
  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-17 .pagina17-medimos-head strong {
  color: #173323;

  font-size: clamp(18px, 1.55vw, 23px);
}

#pagina-17 .pagina17-indicadores {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;

  margin-top: 13px;
}

#pagina-17 .pagina17-indicadores article {
  padding: 12px;

  border-radius: 10px;

  background: #ffffff;
  border: 1px solid #dde6e0;
}

#pagina-17 .pagina17-indicadores article > span {
  display: block;

  margin-bottom: 3px;

  font-size: 20px;
}

#pagina-17 .pagina17-indicadores small {
  display: block;

  color: #148553;

  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-17 .pagina17-indicadores strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: 12px;
  line-height: 1.25;
}


/* RESPONSABILIDADES */

#pagina-17 .pagina17-responsabilidades {
  display: grid;
  grid-template-columns:
    1fr 25px
    1fr 25px
    1fr 25px
    1fr;

  gap: 6px;
  align-items: center;

  margin-top: 19px;
}

#pagina-17 .pagina17-responsabilidades > div:nth-child(odd) {
  padding: 12px 13px;

  border-radius: 10px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-17 .pagina17-responsabilidades > div:nth-child(even) {
  text-align: center;

  color: #0b7c45;

  font-size: 20px;
  font-weight: 900;
}

#pagina-17 .pagina17-responsabilidades small {
  display: block;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
}

#pagina-17 .pagina17-responsabilidades strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 12px;
}


/* NÃO É DESENVOLVIMENTO */

#pagina-17 .pagina17-nao-e {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;

  margin-top: 19px;
}

#pagina-17 .pagina17-nao-e > div {
  padding: 15px 17px;

  border-radius: 12px;

  background: #f4f6f5;
  border: 1px solid #dfe5e1;
}

#pagina-17 .pagina17-nao-e span {
  display: block;

  color: #7c8881;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-17 .pagina17-nao-e strong {
  display: block;

  margin-top: 3px;

  color: #455249;

  font-size: 15px;
}

#pagina-17 .pagina17-nao-e .pagina17-sim {
  background: #eaf5ee;
  border-color: #cde4d4;
}

#pagina-17 .pagina17-sim span {
  color: #148553;
}

#pagina-17 .pagina17-sim strong {
  color: #173323;
}


/* STATEMENT */

#pagina-17 .pagina17-statement {
  margin-top: 19px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* DIA 90 */

#pagina-17 .pagina17-dia90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-17 .pagina17-dia90 > span {
  color: #a9d5ba;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-17 .pagina17-dia90 > div {
  display: flex;
  gap: 9px;
}

#pagina-17 .pagina17-dia90 strong {
  padding: 8px 13px;

  border-radius: 8px;

  background: #ffffff;
  color: #173323;

  font-size: 15px;
}


/* TRANSIÇÃO */

#pagina-17 .pagina17-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 17px;
  padding: 16px 19px;

  border-radius: 13px;

  background: #fff5e8;
  border: 1px solid #ecd4ad;
}

#pagina-17 .pagina17-transicao span {
  color: #826b43;

  font-size: 14px;
}

#pagina-17 .pagina17-transicao strong {
  color: #70490b;

  font-size: clamp(18px, 1.6vw, 24px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-17.slide {
    padding-bottom: 95px;
  }

  #pagina-17 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-17 .pagina17-intro {
    font-size: 19px;
  }

  #pagina-17 .pagina17-mensagem {
    grid-template-columns: 1fr;
  }

  #pagina-17 .pagina17-fases {
    grid-template-columns: 1fr;
  }

  #pagina-17 .pagina17-seta {
    transform: rotate(90deg);
  }

  #pagina-17 .pagina17-fase {
    grid-template-columns: 78px 1fr;
  }

  #pagina-17 .pagina17-medimos-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-17 .pagina17-indicadores {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-17 .pagina17-indicadores article:last-child {
    grid-column: 1 / -1;
  }

  #pagina-17 .pagina17-responsabilidades {
    grid-template-columns: 1fr;
  }

  #pagina-17 .pagina17-responsabilidades > div:nth-child(even) {
    transform: rotate(90deg);
  }

  #pagina-17 .pagina17-nao-e {
    grid-template-columns: 1fr;
  }

  #pagina-17 .pagina17-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-17 .pagina17-dia90 {
    flex-direction: column;
    align-items: flex-start;
  }

  #pagina-17 .pagina17-dia90 > div {
    flex-wrap: wrap;
  }

  #pagina-17 .pagina17-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 18 — ENCERRAR, MANTER OU EXPANDIR
   ========================================================= */

#pagina-18.slide {
  overflow-y: auto;
  align-items: flex-start;
}

#pagina-18 .pagina18-layout {
  width: min(1400px, 100%);
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 35px;
}

#pagina-18 h1 {
  font-size: clamp(46px, 5vw, 75px);
  margin-bottom: 15px;
}

#pagina-18 .pagina18-intro {
  max-width: 1100px;
  margin-top: 0;
  font-size: clamp(19px, 1.55vw, 24px);
}


/* REGRA */

#pagina-18 .pagina18-regra {
  margin-top: 24px;
  padding: 19px 22px;

  border-radius: 15px;

  background: #173323;
}

#pagina-18 .pagina18-regra span {
  display: block;

  margin-bottom: 5px;

  color: #a9d5ba;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-18 .pagina18-regra strong {
  display: block;

  color: #ffffff;

  font-size: clamp(21px, 1.9vw, 29px);
}


/* TRÊS OPÇÕES */

#pagina-18 .pagina18-opcoes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;

  margin-top: 22px;
}

#pagina-18 .pagina18-opcoes article {
  position: relative;

  padding: 20px;

  border-radius: 16px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-18 .pagina18-manter {
  background: #eef5f0 !important;
}

#pagina-18 .pagina18-expandir {
  background: #eaf5ee !important;
  border-color: #cce3d3 !important;
}

#pagina-18 .pagina18-opcao-numero {
  position: absolute;
  top: 14px;
  right: 15px;

  color: #bdcbc2;

  font-size: 11px;
  font-weight: 900;
}

#pagina-18 .pagina18-opcoes small {
  display: block;

  margin-bottom: 5px;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-18 .pagina18-opcoes strong {
  display: block;

  color: #173323;

  font-size: clamp(25px, 2.2vw, 34px);
}

#pagina-18 .pagina18-opcoes p {
  margin: 7px 0 12px;

  color: #65736a;

  font-size: 13px;
  line-height: 1.4;
}

#pagina-18 .pagina18-opcoes article > span {
  display: inline-block;

  padding: 6px 9px;

  border-radius: 7px;

  background: #f1f5f3;
  color: #52665b;

  font-size: 10px;
  font-weight: 800;
}


/* INVESTIMENTO */

#pagina-18 .pagina18-investimento {
  margin-top: 21px;
  padding: 20px;

  border-radius: 16px;

  background: #fff5e8;
  border: 1px solid #ecd4ad;
}

#pagina-18 .pagina18-investimento-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#pagina-18 .pagina18-investimento-head span {
  color: #936a2b;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-18 .pagina18-investimento-head strong {
  color: #70490b;

  font-size: clamp(18px, 1.6vw, 24px);
}

#pagina-18 .pagina18-valores {
  display: grid;
  grid-template-columns: 1fr 55px 1fr;
  gap: 12px;
  align-items: stretch;

  margin-top: 15px;
}

#pagina-18 .pagina18-valores article {
  padding: 17px 19px;

  border-radius: 12px;

  background: #ffffff;
  border: 1px solid #eadfcf;
}

#pagina-18 .pagina18-valores small {
  display: block;

  color: #8c6a36;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-18 .pagina18-valores strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: clamp(29px, 3vw, 44px);
}

#pagina-18 .pagina18-valores p {
  margin: 6px 0 0;

  color: #6c675e;

  font-size: 12px;
  line-height: 1.35;
}

#pagina-18 .pagina18-mais {
  display: flex;
  align-items: center;
  justify-content: center;

  color: #b28337;

  font-size: 37px;
}

#pagina-18 .pagina18-investimento-nota {
  margin-top: 11px;

  color: #806f54;

  font-size: 10px;
  line-height: 1.4;
}


/* O QUE CONTRATA */

#pagina-18 .pagina18-entrega {
  margin-top: 20px;
}

#pagina-18 .pagina18-entrega-titulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

#pagina-18 .pagina18-entrega-titulo span {
  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-18 .pagina18-entrega-titulo strong {
  color: #173323;

  font-size: clamp(18px, 1.55vw, 23px);
}

#pagina-18 .pagina18-entregas-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;

  margin-top: 12px;
}

#pagina-18 .pagina18-entregas-grid > div {
  padding: 12px;

  border-radius: 10px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-18 .pagina18-entregas-grid span {
  display: block;

  margin-bottom: 3px;

  font-size: 20px;
}

#pagina-18 .pagina18-entregas-grid strong {
  display: block;

  color: #173323;

  font-size: 13px;
}

#pagina-18 .pagina18-entregas-grid p {
  margin: 4px 0 0;

  color: #68766e;

  font-size: 10px;
  line-height: 1.3;
}


/* RISCO */

#pagina-18 .pagina18-risco {
  display: grid;
  grid-template-columns: 1fr 50px 1fr;
  gap: 12px;
  align-items: center;

  margin-top: 19px;
}

#pagina-18 .pagina18-risco > div:not(.pagina18-risco-seta) {
  padding: 14px 16px;

  border-radius: 11px;

  background: #f4f7f5;
  border: 1px solid #dde6e0;
}

#pagina-18 .pagina18-risco span {
  display: block;

  color: #148553;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
}

#pagina-18 .pagina18-risco strong {
  display: block;

  margin-top: 3px;

  color: #173323;

  font-size: 15px;
}

#pagina-18 .pagina18-risco-seta {
  text-align: center;

  color: #91a39a;

  font-size: 24px;
  font-weight: 900;
}


/* STATEMENT */

#pagina-18 .pagina18-statement {
  margin-top: 19px;

  font-size: clamp(20px, 1.7vw, 27px);
}


/* ESCOLHA */

#pagina-18 .pagina18-fechamento {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 18px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #173323;
}

#pagina-18 .pagina18-fechamento > span {
  color: #a9d5ba;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-18 .pagina18-fechamento > div {
  display: flex;
  gap: 8px;
}

#pagina-18 .pagina18-fechamento strong {
  padding: 8px 12px;

  border-radius: 8px;

  background: #ffffff;
  color: #173323;

  font-size: 13px;
}


/* TRANSIÇÃO */

#pagina-18 .pagina18-transicao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 17px;
  padding: 17px 20px;

  border-radius: 14px;

  background: #eaf5ee;
  border: 1px solid #cde4d4;
}

#pagina-18 .pagina18-transicao span {
  color: #557063;

  font-size: 14px;
}

#pagina-18 .pagina18-transicao strong {
  color: #173323;

  font-size: clamp(22px, 2vw, 30px);
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-18.slide {
    padding-bottom: 95px;
  }

  #pagina-18 h1 {
    font-size: clamp(39px, 11vw, 55px);
  }

  #pagina-18 .pagina18-intro {
    font-size: 19px;
  }

  #pagina-18 .pagina18-opcoes {
    grid-template-columns: 1fr;
  }

  #pagina-18 .pagina18-investimento-head,
  #pagina-18 .pagina18-entrega-titulo {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  #pagina-18 .pagina18-valores {
    grid-template-columns: 1fr;
  }

  #pagina-18 .pagina18-mais {
    min-height: 32px;
  }

  #pagina-18 .pagina18-entregas-grid {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-18 .pagina18-entregas-grid > div:last-child {
    grid-column: 1 / -1;
  }

  #pagina-18 .pagina18-risco {
    grid-template-columns: 1fr;
  }

  #pagina-18 .pagina18-risco-seta {
    transform: rotate(90deg);
  }

  #pagina-18 .pagina18-statement {
    width: 100%;
    font-size: 20px;
  }

  #pagina-18 .pagina18-fechamento {
    flex-direction: column;
    align-items: flex-start;
  }

  #pagina-18 .pagina18-fechamento > div {
    flex-wrap: wrap;
  }

  #pagina-18 .pagina18-transicao {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

}


/* =========================================================
   PAGINA 19 — VAMOS COMECAR?
   ========================================================= */

#pagina-19.slide {
  overflow-y: auto;
  align-items: center;

  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(36, 132, 79, 0.16),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #f8fbf9 0%,
      #edf5f0 100%
    );
}

#pagina-19 .pagina19-layout {
  width: min(1320px, 100%);
  margin: auto;
  padding-top: 20px;
  padding-bottom: 35px;
}


/* TOPO */

#pagina-19 .pagina19-topo {
  max-width: 1080px;
}

#pagina-19 h1 {
  margin-top: 5px;
  margin-bottom: 14px;

  color: #173323;

  font-size: clamp(58px, 7vw, 105px);
  line-height: 0.98;
  letter-spacing: -0.045em;
}

#pagina-19 .pagina19-intro {
  max-width: 930px;

  margin-top: 0;

  font-size: clamp(20px, 1.65vw, 26px);
  line-height: 1.42;
}


/* CENTRO */

#pagina-19 .pagina19-centro {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 20px;
  align-items: stretch;

  margin-top: 35px;
}


/* 90 DIAS */

#pagina-19 .pagina19-periodo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-height: 240px;

  padding: 22px;

  border-radius: 21px;

  background: #173323;

  box-shadow:
    0 14px 35px rgba(23, 51, 35, 0.15);
}

#pagina-19 .pagina19-periodo small {
  color: #a9d5ba;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

#pagina-19 .pagina19-periodo strong {
  margin: 2px 0 -4px;

  color: #ffffff;

  font-size: 92px;
  line-height: 1;
  letter-spacing: -0.07em;
}

#pagina-19 .pagina19-periodo span {
  color: #ffffff;

  font-size: 19px;
  font-weight: 900;
  letter-spacing: 0.15em;
}


/* OBJETIVOS */

#pagina-19 .pagina19-proposta {
  padding: 25px;

  border-radius: 21px;

  background: #ffffff;
  border: 1px solid #d8e4dc;

  box-shadow:
    0 10px 30px rgba(34, 54, 41, 0.06);
}

#pagina-19 .pagina19-proposta > span {
  display: block;

  margin-bottom: 15px;

  color: #148553;

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.09em;
}

#pagina-19 .pagina19-objetivos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

#pagina-19 .pagina19-objetivos > div {
  min-height: 135px;

  padding: 16px;

  border-radius: 13px;

  background: #f3f7f4;
  border: 1px solid #e0e8e2;
}

#pagina-19 .pagina19-objetivos b {
  display: block;

  margin-bottom: 15px;

  color: #9bad9f;

  font-size: 10px;
}

#pagina-19 .pagina19-objetivos strong {
  display: block;

  color: #173323;

  font-size: 20px;
}

#pagina-19 .pagina19-objetivos span {
  display: block;

  margin-top: 4px;

  color: #69776f;

  font-size: 12px;
}


/* PRINCIPIO */

#pagina-19 .pagina19-principio {
  margin-top: 20px;
  padding: 19px 22px;

  border-radius: 15px;

  background: #fff5e8;
  border: 1px solid #ecd4ad;
}

#pagina-19 .pagina19-principio span {
  display: block;

  margin-bottom: 4px;

  color: #946d2c;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-19 .pagina19-principio strong {
  color: #70490b;

  font-size: clamp(21px, 1.9vw, 29px);
}


/* DECISAO FINAL */

#pagina-19 .pagina19-decisao {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;

  margin-top: 19px;
  padding: 15px 20px;

  border-radius: 13px;

  background: #ffffff;
  border: 1px solid #dce5df;
}

#pagina-19 .pagina19-decisao small {
  color: #718078;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#pagina-19 .pagina19-decisao > div {
  display: flex;
  align-items: center;
  gap: 13px;
}

#pagina-19 .pagina19-decisao span {
  color: #173323;

  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

#pagina-19 .pagina19-decisao b {
  color: #92a399;
}


/* A PERGUNTA */

#pagina-19 .pagina19-pergunta {
  margin-top: 22px;
  padding: 28px 30px;

  border-radius: 20px;

  background: #0b7c45;

  box-shadow:
    0 15px 34px rgba(11, 124, 69, 0.16);
}

#pagina-19 .pagina19-pergunta span {
  display: block;

  margin-bottom: 6px;

  color: #bfe1cb;

  font-size: 13px;
  font-weight: 700;
}

#pagina-19 .pagina19-pergunta strong {
  display: block;

  max-width: 1050px;

  color: #ffffff;

  font-size: clamp(31px, 3.3vw, 51px);
  line-height: 1.15;
  letter-spacing: -0.025em;
}


/* ASSINATURA */

#pagina-19 .pagina19-assinatura {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;

  margin-top: 24px;
}

#pagina-19 .pagina19-assinatura small {
  display: block;

  color: #148553;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

#pagina-19 .pagina19-assinatura strong {
  display: block;

  margin-top: 2px;

  color: #173323;

  font-size: 18px;
}

#pagina-19 .pagina19-frase-final {
  max-width: 600px;

  color: #4f6357;

  font-size: 15px;
  font-weight: 700;
  text-align: right;
}


/* MOBILE */

@media (max-width: 700px) {

  #pagina-19.slide {
    align-items: flex-start;
    padding-bottom: 95px;
  }

  #pagina-19 .pagina19-layout {
    padding-top: 10px;
  }

  #pagina-19 h1 {
    font-size: clamp(53px, 16vw, 76px);
  }

  #pagina-19 .pagina19-intro {
    font-size: 19px;
  }

  #pagina-19 .pagina19-centro {
    grid-template-columns: 1fr;
  }

  #pagina-19 .pagina19-periodo {
    min-height: 180px;
  }

  #pagina-19 .pagina19-periodo strong {
    font-size: 78px;
  }

  #pagina-19 .pagina19-objetivos {
    grid-template-columns: 1fr 1fr;
  }

  #pagina-19 .pagina19-objetivos > div {
    min-height: 115px;
  }

  #pagina-19 .pagina19-decisao {
    flex-direction: column;
    align-items: flex-start;
  }

  #pagina-19 .pagina19-decisao > div {
    flex-wrap: wrap;
  }

  #pagina-19 .pagina19-pergunta {
    padding: 23px 20px;
  }

  #pagina-19 .pagina19-pergunta strong {
    font-size: 31px;
  }

  #pagina-19 .pagina19-assinatura {
    flex-direction: column;
    align-items: flex-start;
  }

  #pagina-19 .pagina19-frase-final {
    text-align: left;
  }

}


/* =========================================================
   PAGINA 13 - HISTORIA DO IDRURAL NAVEGACAO
   ========================================================= */

.pagina13-origem {
  margin-top: 26px;
  padding: 24px;
  border-radius: 18px;
  background: #173323;
}

.pagina13-origem-titulo > span,
.pagina13-evolucao-head > span,
.pagina13-geoportal-head > span,
.pagina13-hoje-head > span {
  display: block;
  color: #93c7a8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
}

.pagina13-origem-titulo > strong,
.pagina13-evolucao-head > strong,
.pagina13-geoportal-head > strong,
.pagina13-hoje-head > strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: clamp(22px, 2vw, 31px);
}

.pagina13-origem-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 18px;
}

.pagina13-origem-grid article {
  padding: 17px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.13);
}

.pagina13-origem-grid article > span {
  display: block;
  margin-bottom: 7px;
  font-size: 25px;
}

.pagina13-origem-grid small {
  display: block;
  color: #9ed0b2;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.pagina13-origem-grid strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 16px;
}

.pagina13-origem-grid p {
  margin: 7px 0 0;
  color: #cfe0d6;
  font-size: 13px;
  line-height: 1.45;
}


/* GRAFOS */

.pagina13-grafos {
  display: grid;
  grid-template-columns: .9fr 1.35fr;
  gap: 18px;
  margin-top: 22px;
  padding: 22px;
  border-radius: 17px;
  background: #eef6f1;
  border: 1px solid #d4e7da;
}

.pagina13-grafos-copy > span {
  display: block;
  color: #148553;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}

.pagina13-grafos-copy > strong {
  display: block;
  margin-top: 5px;
  color: #173323;
  font-size: clamp(23px, 2vw, 31px);
}

.pagina13-grafos-copy p {
  margin: 8px 0 0;
  color: #5e6e64;
  font-size: 14px;
  line-height: 1.45;
}

.pagina13-grafos-itens {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
}

.pagina13-grafos-itens article {
  padding: 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #d7e5dc;
}

.pagina13-grafos-itens article > span {
  font-size: 21px;
}

.pagina13-grafos-itens strong {
  display: block;
  margin-top: 4px;
  color: #173323;
  font-size: 14px;
}

.pagina13-grafos-itens p {
  margin: 4px 0 0;
  color: #6b786f;
  font-size: 12px;
  line-height: 1.35;
}


/* EVOLUCAO */

.pagina13-evolucao {
  margin-top: 22px;
  padding: 22px;
  border-radius: 17px;
  background: #173323;
}

.pagina13-evolucao-fluxo {
  display: grid;
  grid-template-columns: 1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;
  gap: 6px;
  align-items: center;
  margin-top: 16px;
}

.pagina13-evolucao-fluxo article {
  min-height: 98px;
  padding: 13px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}

.pagina13-evolucao-fluxo article > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #fff;
  color: #0b7c45;
  font-size: 12px;
  font-weight: 900;
}

.pagina13-evolucao-fluxo small {
  display: block;
  margin-top: 7px;
  color: #9fd0b2;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.pagina13-evolucao-fluxo strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 13px;
}

.pagina13-evolucao-fluxo > div {
  text-align: center;
  color: #93b6a1;
  font-size: 20px;
  font-weight: 900;
}


/* COMPARTILHAMENTO */

.pagina13-compartilhamento {
  margin-top: 20px;
}

.pagina13-compartilhamento > div {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 22px;
  border-radius: 15px;
  background: #f5f7f6;
  border: 1px solid #dfe6e2;
}

.pagina13-compartilhamento > div > span {
  font-size: 30px;
}

.pagina13-compartilhamento small {
  display: block;
  color: #148553;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}

.pagina13-compartilhamento strong {
  display: block;
  margin-top: 4px;
  color: #173323;
  font-size: clamp(19px, 1.7vw, 25px);
}

.pagina13-compartilhamento p {
  margin: 6px 0 0;
  color: #637168;
  font-size: 14px;
  line-height: 1.45;
}


/* NASCIMENTO DO GEOPORTAL */

.pagina13-geoportal {
  margin-top: 22px;
  padding: 22px;
  border-radius: 17px;
  background: #26372d;
}

.pagina13-geoportal-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  margin-top: 16px;
}

.pagina13-geoportal-texto {
  color: #d6e1da;
  font-size: 14px;
  line-height: 1.5;
}

.pagina13-geoportal-texto p {
  margin: 0 0 10px;
}

.pagina13-geoportal-texto strong {
  color: #fff;
}

.pagina13-geoportal-etapas {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.pagina13-geoportal-etapas article {
  padding: 15px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.11);
}

.pagina13-geoportal-etapas article > span {
  font-size: 23px;
}

.pagina13-geoportal-etapas small {
  display: block;
  margin-top: 5px;
  color: #9ed0b2;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.pagina13-geoportal-etapas strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 15px;
}

.pagina13-geoportal-etapas p {
  margin: 4px 0 0;
  color: #cfdcd4;
  font-size: 12px;
  line-height: 1.35;
}


/* ARQUITETURA ATUAL */

.pagina13-hoje {
  margin-top: 22px;
}

.pagina13-hoje-head > span {
  color: #148553;
}

.pagina13-hoje-head > strong {
  color: #173323;
}

.pagina13-central {
  margin-top: 11px;
}

.pagina13-central article {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 17px 19px;
  border-radius: 13px;
  background: #eef6f1;
  border: 1px solid #d4e7da;
}

.pagina13-central article > span {
  font-size: 27px;
}

.pagina13-central small {
  display: block;
  color: #148553;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
}

.pagina13-central strong {
  display: block;
  margin-top: 3px;
  color: #173323;
  font-size: 17px;
}

.pagina13-central p {
  margin: 5px 0 0;
  color: #657269;
  font-size: 13px;
  line-height: 1.4;
}


/* FAES */

.pagina13-faes {
  margin-top: 20px;
  padding: 20px 22px;
  border-radius: 15px;
  background: #eef4ff;
  border: 1px solid #ccd9ec;
}

.pagina13-faes > span {
  display: block;
  color: #3f648e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
}

.pagina13-faes > strong {
  display: block;
  margin-top: 5px;
  color: #294764;
  font-size: clamp(19px, 1.65vw, 25px);
}

.pagina13-faes p {
  margin: 7px 0 0;
  color: #586b7d;
  font-size: 14px;
  line-height: 1.45;
}


/* MOBILE - NOVOS BLOCOS */

@media (max-width: 700px) {

  .pagina13-origem {
    padding: 18px;
  }

  .pagina13-origem-grid {
    grid-template-columns: 1fr;
  }

  .pagina13-grafos {
    grid-template-columns: 1fr;
  }

  .pagina13-grafos-itens {
    grid-template-columns: 1fr;
  }

  .pagina13-evolucao-fluxo {
    grid-template-columns: 1fr;
  }

  .pagina13-evolucao-fluxo > div {
    transform: rotate(90deg);
    min-height: 24px;
  }

  .pagina13-compartilhamento > div {
    flex-direction: column;
  }

  .pagina13-geoportal-grid {
    grid-template-columns: 1fr;
  }

  .pagina13-geoportal-etapas {
    grid-template-columns: 1fr;
  }

  .pagina13-faes {
    padding: 18px;
  }

}