/*Reset CSS*/
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

:root {
   --color-blue: #12e0ff;
   --color-blue-secondary: #0093d0;
   --color-blue-tertiary: #1b2a6b;
   --color-gray: #6b7280;
   --color-yellow: #ffd500;
   --color-white: #fff;
}

/*Config html*/
html {
   font-size: 62.5%;
   scroll-behavior: smooth;
   -webkit-text-size-adjust: 100%;
   text-size-adjust: 100%;
}

/* Utilitários de visibilidade */
.d-none-mobile {
   display: block;
}

.d-none-desktop {
   display: none;
}

/*Main*/
.main {
   padding: 4.5rem 0;
   min-height: 100vh;
   background: url('../img/banner-desktop-ideal-3.webp');
   background-repeat: no-repeat;
   background-size: 100% auto;
   background-position: top center;
   /* background-position-y: -8rem; */
}

.main>.container {
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   /* max-width: 146.0rem; */
   max-width: 166.0rem;
}

/*Info*/
.info {
   width: 50%;
   padding-left: 7vw;
}

.info__logo {
   width: 100%;
   max-width: 10.8rem;
}

.info__h1 {
   font-size: 4.0rem;
   line-height: 120%;
   color: var(--color-white);
   margin: 4.0rem 0 1.5rem 0;
   font-family: 'Poppins';
   font-weight: normal;
}

.info__h1 span {
   color: var(--color-blue);
   font-weight: bold;
}

.info__h2 {
   font-size: 8.1rem;
   line-height: 100%;
   color: var(--color-white);
   line-height: 100%;
   font-family: 'Behind The Nineties';
   font-weight: bold;
}

.info__p {
   font-family: 'Poppins';
   font-weight: bold;
   font-size: 2.3rem;
   color: var(--color-white);
   line-height: 120%;
   margin: 3.2rem 0 2.2rem 0;
}

.info__p span {
   color: var(--color-blue);
}

.info__box {
   background: var(--color-blue-secondary);
   padding: 1.5rem 2.0rem;
   width: 100%;
   max-width: 27.6rem;
   color: var(--color-white);
   font-size: 2.0rem;
   border-radius: 1.8rem;
   font-family: 'Poppins';
}

.info__box h3 {
   font-weight: bold;
   line-height: 120%;
   margin-bottom: 0.3rem;
}

.info__box p {
   font-weight: 500;
   line-height: 120%;
}

.info__box p:nth-of-type(1) {
   margin-bottom: 1.5rem;
}

/*Form*/
.form {
   width: 50%;
   display: flex;
   justify-content: end;
}

.form__box {
   width: 100%;
   /* max-width: 34.5rem; */
   max-width: 44.5rem;
   min-height: 78.0rem;
   border-radius: 1.4rem;
   background: var(--color-white);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.form__title {
   background-color: var(--color-blue-secondary);
   border-radius: 1.4rem 1.4rem 0 0;
   padding: 1.0rem 2.0rem 1.5rem 2.0rem;
   text-align: center;
   font-family: 'Poppins';
}

.form__h2 {
   font-size: 2.1rem;
   line-height: 120%;
   color: var(--color-white);
   font-weight: 400;
   margin-bottom: 1.5rem;
}

.form__h2 span {
   font-size: 2.7rem;
   font-weight: 700;
}

.form__date {
   background-color: var(--color-yellow);
   color: var(--color-blue-tertiary);
   font-size: 1.25rem;
   font-family: 'Inter 18pt';
   line-height: 100%;
   padding: 0.4rem 0.2rem;
   border-radius: 1.1rem;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
   gap: 0.5rem;
   width: 100%;
   max-width: 15.0rem;
}

.form__main {
   height: 100%;
   /* background-color: red; */
}

.form__main iframe {
   width: 100%;
   height: 100%;
   border: none;
}

.form__footer {
   padding: 1rem 1.5rem;
}

.form__footer p {
   color: var(--color-gray);
   font-size: 9px;
   line-height: 110%;
   font-family: 'Inter 18pt';

}

.form__footer--buttons {
   margin: 2.0rem 0 1.0rem 0;
   display: flex;
   justify-content: center;
   gap: 1.5rem;
}

.btn__edital {
   /* max-width: 12.5rem; */
   padding: 1.2rem 1.5rem;
   border-radius: 2.5rem;
   background-color: var(--color-blue-secondary);
   color: var(--color-white);
   font-size: 1.3rem;
   font-family: 'Inter 18pt';
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 100%;
   gap: .3rem;
   text-decoration: none;
}

.btn__site {
   padding: 0.5rem 1.5rem;
   font-size: 1.3rem;
   border-radius: 2.5rem;
   color: var(--color-blue-secondary);
   border: 0.2rem solid var(--color-blue-secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 100%;
   font-family: 'Inter 18pt';
   text-decoration: none;
   font-weight: 600;
   gap: .3rem;
}


.main::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: #0197C9;
   background: linear-gradient(90deg, rgba(1, 151, 201, 1) 0%, rgba(103, 169, 134, 1) 35%, rgba(182, 187, 61, 1) 70%, rgba(255, 221, 3, 1) 100%);
}

@media screen and (max-width: 1780px) {
   .info {
      padding-left: 9vw;
   }

   .info__h1 {
      margin: 2rem 0 1.5rem 0;
   }

   .info__h2 {
      font-size: 7.4rem;
   }

   .form__box {
      min-height: 88vh;
   }
}

/*Media querys*/
@media screen and (max-width: 1680px) {
   html {
      font-size: 58%;
   }

   .main>.container {
      width: 100%;
      max-width: 162.0rem;
   }

   .main {
      background-size: cover;
   }
}

@media screen and (max-width: 1600px) {
   html {
      font-size: 50%;
   }

   .main {
      /* background-position-y: -9rem; */
      background-size: cover;
   }

   .main>.container {
      width: 100%;
      max-width: 173.0rem;
   }

   .form__footer p {
      font-size: 9px;
   }
}

@media screen and (max-width: 1440px) {
   .main {
      /* background-position-y: -2rem; */
   }

   .main>.container {
      width: 100%;
      max-width: 160.0rem;
   }

   .form__box {
      min-height: 85vh;
   }

   .info__h1 {
      font-size: 3.5rem;
      margin: 4rem 0 1.5rem 0;
   }

   .info__h2 {
      font-size: 8rem;
   }

   .info {
      padding-left: 7vw;
   }

   .info__logo {
      max-width: 15rem;
   }

}

@media screen and (max-width: 1400px) {
   .main {
      background-position-y: 0;
      /* background-size: cover; */
   }

   .main>.container {
      width: 100%;
      max-width: 155.0rem;
   }

}

@media screen and (max-width: 1366px) {
   html {
      font-size: 38%;
   }

   .main {
      padding: 3.8rem 0;
      min-height: 100vh;
      /* background: url('../img/banner-laptop-ideal.webp'); */
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      /* background-position-y: -15rem; */
   }

   .main>.container {
      width: 100%;
      max-width: 198.0rem;
   }

   /* .main{
      background-position-y: 0;
      background-size: cover;
   } */
   .form__footer p {
      font-size: 7.5px;
      padding: 0.2rem 1rem;
   }

   .info__p {
      font-size: 2.6rem;
   }

   .form__box {
      max-width: 53.5rem;
      /* min-height: 91.0rem; */
      min-height: 91vh;
   }

   .form__h2 {
      font-size: 2.5rem;
   }

   .form__h2 span {
      font-size: 3.1rem;
   }

   .btn__edital,
   .btn__site {
      font-size: 1.6rem;
   }

   .form__date {
      font-size: 1.5rem;
      max-width: 19.0rem;
   }
}

@media screen and (max-width: 1280px) {
   html {
      font-size: 36%;
   }

   .main {
      background-position-y: 0rem;
      background-position: center center;
   }
}

@media screen and (max-width: 960px) {
   html {
      font-size: 55%;
   }

   .info__logo {
      max-width: 19rem;
   }

   .main {
      padding: 4.5rem 0;
      min-height: 100vh;
      background: url('../img/banner-mobile-ideal.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top center;
      background-position-y: 0;
   }

   /* Esconde no mobile */
   .d-none-mobile {
      display: none !important;
   }

   /* Exibe apenas no mobile */
   .d-none-desktop {
      display: block !important;
   }


   /*Info*/
   .info {
      width: 100%;
      /* background-color: red; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      justify-content: flex-start;
      text-align: center;
      height: 1000px;
      /* padding-bottom: 55.0rem; */
   }

   .info__box {
      /* max-width: 33rem;
      font-size: 1.7rem; */
      max-width: 58rem;
      font-size: 2.75rem;

   }

   .form__box {
      max-width: 43.5rem;
      min-height: 95.0rem;
   }

   .info__p {
      font-size: 3rem;
   }

   /*Form*/
   .form {
      width: 100%;
      /* background-color: blue; */
      justify-content: center;
   }

   .form__footer p {
      font-size: 10px;
   }

}

@media screen and (max-width: 767px) {
   html {
      font-size: 27%;
   }

   .main {
      padding: 4.5rem 0;
      min-height: 100vh;
      background: url('../img/banner-mobile-ideal.jpg');
      background-repeat: no-repeat;
      background-size: 107% auto;
      background-position: top center;
      background-position-y: 0;
      background-color: #131c47;
   }

   .main::after {
      display: none;
   }

   .info__h1 {
      margin: 2rem 0 1.5rem 0;
   }

   .info__h2 {
      font-size: 7rem;
   }

   /*Info*/
   .info {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: center;
      /* height: 500px; */
      padding-left: 0;
      height: clamp(500px, 209.09px + 90.91vw, 600px);
   }

   .form__box {
      max-width: 70.5rem;
      min-height: 210.0rem;
      border-radius: 3rem;
   }

   .form__title {
      padding: 3.0rem 2.0rem 3rem 2.0rem;
      border-radius: 3rem 3rem 0 0;
   }

   .form__h2 {
      font-size: 4.5rem;
   }

   .form__h2 span {
      font-size: 5.8rem;
   }

   .form__date {
      font-size: 3rem;
      font-family: 'Inter 18pt';
      line-height: 100%;
      padding: 1rem 1.1rem;
      border-radius: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      gap: 0.5rem;
      width: 100%;
      max-width: 35.0rem;
   }

   .btn__edital {
      /* max-width: 12.5rem; */
      padding: 1.8rem 2rem;
      border-radius: 3rem;
      font-size: 2.8rem;
   }

   .btn__site {
      padding: 1.8rem 2rem;
      border-radius: 3rem;
      font-size: 2.8rem;
   }
}