body{
    background: #555;
}

.exam-entry,
.exam-entry * {
   box-sizing: border-box;
}

body.exam-entry {
   min-width: 320px;
   min-height: 100vh;
   margin: 0;
   background: #fbfdff;
   color: #304462;
   font-family: "Segoe UI", Arial, sans-serif;
   font-size: 16px;
   font-weight: 400;
}

.exam-entry__page {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}

.exam-entry__header {
   display: flex;
   min-height: 116px;
   align-items: center;
   padding: 20px clamp(24px, 3.2vw, 48px);
   border-bottom: 1px solid #dfe7f3;
   background: #fff;
}

.exam-entry__logo {
   display: block;
   width: clamp(220px, 20vw, 290px);
   height: auto;
}

.exam-entry__main {
   display: flex;
   flex: 1 1 auto;
   align-items: flex-start;
   justify-content: center;
   padding: 138px 24px 60px;
   background: #fbfdff;
}

.exam-entry__content {
   width: min(100%, 726px);
}

.exam-entry__title-row {
   display: flex;
   align-items: center;
   gap: 26px;
   margin-bottom: 30px;
}

.exam-entry__title-row h1 {
   margin: 0;
   color: #10234c;
   font-size: clamp(36px, 4vw, 52px);
   font-weight: 500;
   letter-spacing: -0.025em;
   line-height: 1.15;
}

.exam-entry__document-icon {
   display: inline-flex;
   width: 66px;
   height: 76px;
   flex: 0 0 66px;
   align-items: center;
   justify-content: center;
   color: #087df1;
   font-size: 64px;
   line-height: 1;
}

.exam-entry__headline {
   margin: 0 0 28px;
   color: #10234c;
   font-size: clamp(23px, 2.1vw, 29px);
   font-weight: 500;
   line-height: 1.3;
}

.exam-entry__description {
   margin: 0 0 63px;
   color: #70809f;
   font-size: 18px;
   line-height: 1.5;
}

.exam-entry__alert {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   margin: -20px 0 24px;
   padding: 12px 14px;
   border: 1px solid #f2c9ce;
   border-radius: 10px;
   background: #fff7f8;
   color: #9f3440;
   font-size: 14px;
   line-height: 1.45;
}

.exam-entry__alert i {
   margin-top: 2px;
   color: #e95d6a;
}

.exam-entry__form label {
   display: block;
   margin-bottom: 10px;
   color: #10234c;
   font-size: 17px;
   font-weight: 500;
}

.exam-entry__input-wrap {
   position: relative;
   margin-bottom: 30px;
}

.exam-entry__input-wrap i {
   position: absolute;
   top: 50%;
   left: 24px;
   color: #70809f;
   font-size: 22px;
   transform: translateY(-50%);
   pointer-events: none;
}

.exam-entry__input-wrap input {
   width: 100%;
   min-height: 84px;
   padding: 18px 24px 18px 68px;
   border: 1px solid #c8d5e8;
   border-radius: 9px;
   outline: 0;
   background: #fff;
   color: #304462;
   font: inherit;
   font-size: 17px;
   line-height: 1.4;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.exam-entry__input-wrap input::placeholder {
   color: #70809f;
   opacity: 1;
}

.exam-entry__input-wrap input:hover {
   border-color: #9fb4d2;
}

.exam-entry__input-wrap input:focus {
   border-color: #087df1;
   box-shadow: 0 0 0 3px rgba(8, 125, 241, 0.16);
}

.exam-entry__submit {
   width: 100%;
   min-height: 70px;
   padding: 14px 24px;
   border: 1px solid #087df1;
   border-radius: 9px;
   background: #087df1;
   color: #fff;
   cursor: pointer;
   font: inherit;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.3;
   transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.exam-entry__submit:hover {
   border-color: #066ed5;
   background: #066ed5;
}

.exam-entry__submit:focus-visible {
   outline: 0;
   box-shadow: 0 0 0 4px rgba(8, 125, 241, 0.22);
}

.exam-entry__next-step {
   display: flex;
   align-items: center;
   gap: 12px;
   margin: 34px 0 0;
   color: #70809f;
   font-size: 16px;
   line-height: 1.5;
}

.exam-entry__next-step i {
   color: #087df1;
   font-size: 20px;
}

.exam-entry__footer {
   display: flex;
   min-height: 126px;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   padding: 24px clamp(28px, 3.7vw, 56px);
   border-top: 1px solid #dfe7f3;
   background: #fff;
   color: #70809f;
   font-size: 14px;
}

.exam-entry__footer span {
   display: inline-flex;
   align-items: center;
   gap: 9px;
}

.exam-entry__footer b {
   font-weight: 500;
}

.exam-entry__footer i {
   color: #10234c;
   font-size: 17px;
}

@media only screen and (min-width: 701px) and (max-height: 850px) {
   .exam-entry__main {
      align-items: center;
      padding-top: 38px;
      padding-bottom: 54px;
   }

   .exam-entry__title-row {
      margin-bottom: 16px;
   }

   .exam-entry__headline {
      margin-bottom: 12px;
   }

   .exam-entry__document-icon {
      width: 56px;
      height: 64px;
      flex-basis: 56px;
      font-size: 54px;
   }

   .exam-entry__description {
      margin-bottom: 30px;
   }

   .exam-entry__input-wrap {
      margin-bottom: 20px;
   }

   .exam-entry__input-wrap input {
      min-height: 62px;
      padding-top: 14px;
      padding-bottom: 14px;
   }

   .exam-entry__submit {
      min-height: 58px;
   }

   .exam-entry__next-step {
      margin-top: 24px;
   }
}

@media only screen and (max-width: 700px) {
   .exam-entry__header {
      min-height: 88px;
      justify-content: center;
      padding: 18px 24px;
   }

   .exam-entry__logo {
      width: min(230px, 72vw);
   }

   .exam-entry__main {
      align-items: flex-start;
      padding: 44px 20px 52px;
   }

   .exam-entry__title-row {
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 16px;
   }

   .exam-entry__title-row h1 {
      font-size: clamp(30px, 9.5vw, 39px);
   }

   .exam-entry__document-icon {
      width: 42px;
      height: 49px;
      flex-basis: 42px;
      font-size: 42px;
   }

   .exam-entry__headline {
      font-size: 21px;
      margin-bottom: 12px;
   }

   .exam-entry__description {
      margin-bottom: 34px;
      font-size: 16px;
   }

   .exam-entry__input-wrap input {
      min-height: 58px;
      padding-left: 54px;
      font-size: 16px;
   }

   .exam-entry__input-wrap i {
      left: 20px;
      font-size: 19px;
   }

   .exam-entry__submit {
      min-height: 56px;
      font-size: 17px;
   }

   .exam-entry__next-step {
      align-items: flex-start;
      font-size: 15px;
   }

   .exam-entry__next-step i {
      margin-top: 2px;
   }

   .exam-entry__footer {
      min-height: 112px;
      flex-direction: column;
      justify-content: center;
      gap: 12px;
      padding: 24px 20px;
      text-align: center;
   }
}
.geral{
   width: 100%;
   background: #FFF;
}
.topo{
   width: 100%;
}
.logo img{
   height:50px;
   padding-top: 5px;
}
.telefones{
   line-height: 60px;
   color: #666;
   font-size: 1rem;
   text-align: right

}
.faixa{
   width: 100%;
   background: #1D93B7;
   height: 60px;
   color: #FFF;
   line-height: 55px;
}
.meio{
   padding: 1.5em 1em 0.8em 1em;

   -webkit-background-size: 3px 3px;
   -moz-background-size: 3px 3px;
   background-size: 3px 3px;
}
.rodape{
   height: 100px;
   background: #555;
   color: #FFF;
   width: 100%;
   text-align: center;
   padding-top: 20px;

}
.resultados{
   height: 61.3vh;
   width: 100%;
   
}
.imgcentro{
   width: 100%;
   text-align: center;
}
.imgcentro img{
   opacity: 0.3;
   max-width: 100%;
   max-height: 100px;
}
@media only screen and (max-width: 900px) {
   .logo{
      line-height: initial ;
      font-weight: initial;
      text-align: center;
      padding-bottom: 5px;
   }
   
   .logo img{
   max-height:150px;
   padding-top: 5px;
   max-width: 100%;
}
   .faixa{
      width: 100%;
      line-height: 60px;
   }
   .telefones{
      line-height: 20px;
      text-align: center;
      padding-bottom: 5px;

   }
   .meio{
      padding-top: 1em ;
      padding-bottom: 0.5em ;
   }
}