/* @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins";
    color: #3a3a3a;
}

img {
    user-select: none;
}

html,
body {
    height: 100%;
    width: 100%;
}

.overlay {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.background-img {
    position: absolute;
    user-select: none;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 0;
}

.overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #213771;
    opacity: 0.4;
    z-index: 1;
}

.containerBlock {
    position: absolute;
    z-index: 2;
    background-color: white;
    top: 50%;
    left: 50%;
    border-radius: 1vw;
    transform: translate(-50%, -50%);
    width: 65%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.brazao {
    width: 20vw;
    height: 5vw;
    margin-top: 2vh;
    user-select: none;
}

.left {
    width: 50%;
    padding: 2vw;
    border-right: 1px solid #3a3a3a;
}

h2 {
    color: #016ba7;
    font-size: 1.5vw;
    margin-bottom: 0.5vh;
}

.containerInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #cdcdcd;
}

.containerInfo h2 {
    margin-bottom: 1.5vh;
}

.containerInfo p {
    margin-bottom: 1.7vh;
    text-align: center;
    font-size: 0.9vw;
    line-height: 1.4;
}

.containerInfo a {
    text-decoration: none;
    color: #717171 !important;
    border: 1px solid #717171;
    border-radius: 0.5vw;
    padding: 0.5vw 0px;
    width: 100%;
    font-weight: 600;
    margin-bottom: 1.5vh;
    font-size: 0.9vw;
    text-align: center;
    transition: ease-in-out 0.2s;
}

.containerInfo #btnOpenModal:hover {
    text-decoration: none !important;
}

.containerInfo a:hover {
    background-color: #717171 !important;
    color: white !important;
    text-decoration: none !important;
}

.infoAssist {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    margin-top: 1.5vh;
}

.icon {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 0.7vw;
}

.containerIcon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5vh;
    font-size: 1vw;
}

.right {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 2vw;
}

.formulario {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    margin-top: 1vh;
}

.formulario label {
    font-size: 1.2vw;
    margin-bottom: 1vh;
}

.formulario input {
    width: 100%;
    padding: 0.7vw;
    margin-bottom: 1vh;
    background-color: #F3F3F3;
    outline: none;
    border: none;
    border-radius: 0.5vw;
}

.formulario input[type="button"] {
    background-color: #016ba7;
    color: white;
    font-weight: bold;
    cursor: pointer;
    margin-top: 3vh;
    padding: 1vw;
    font-size: 1vw;
    transition: ease-in-out 0.2s;
    margin-bottom: 2.2vh;
}

.formulario input[type="button"]:hover {
    background-color: #3A5499;
}

.containerTitle {
    margin-bottom: 1.5vh;
}

.containerTitle p {
    font-size: 1.2vw;
}

.entrarGov {
    width: 100%;
    color: #2782c4;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1vw;
    padding: 0.7vw;
    border: 0.2vw solid #2782c4;
    border-radius: 0.5vw;
    transition: ease-in-out 0.2s;
}

.entrarGov:hover {
    /*   border: 0.2vw solid #d2deff; */
    text-decoration: none;
    background-color: #d2deff;
    color: #213771;
}

.gov {
    margin-bottom: 0.2vh;
    margin-left: 5px;
    width: 3vw;
}

/* Alerta de Erro */

@keyframes slideIn {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-120%);
    }
}

.alertError {
    position: absolute;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #d60000;
    margin-top: 1vh;
    margin-left: 1vw;
    border-radius: 0.3vw;
    transform: translateX(-100%);
    animation: none;
    transition: transform 0.5s ease-out;
    height: 5vh;
}

.alertError.show {
    animation: slideIn 1s forwards;
}

.alertError.hide {
    animation: slideOut 1s forwards;
}

.containerIconClose {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a20000;
    padding: 0 1vw;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    height: 100%;
}

.iconClose {
    user-select: none;
    height: 70%;
    filter: invert(100);
}

.textAlert {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9vw;
    color: white;
    padding: .75rem 1.25rem .75rem 1.25rem;
    text-align: center;
}

.ocult {
    display: none;
}

@media screen and (orientation: portrait) {
    .background-img {
        object-fit: cover;
    }

    .right,
    .left {
        width: 100%;
    }

    .left {
        border-right: none;
        border-bottom: 1px solid #3a3a3a;
    }

    .containerInfo h2 {
        margin-bottom: 1vh;
    }

    .containerInfo p,
    .containerInfo a {
        font-size: 1.5vh;
    }

    .icon {
        width: 2.2vw;
        height: 2.2vw;
    }

    .containerIcon {
        font-size: 1.3vh;
    }

    /* .right {
      width: 70vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 3vh;
    } */

    .containerBlock {
        flex-direction: column;
        width: max-content;
        border-radius: 1vh;
        width: 85vw;
        padding: 1vh;
    }

    .containerInfo {
        border: none;
    }

    .formulario input:not([type="button"]) {
        height: 3vh;
        font-size: 2vh;
        width: 100%;
    }

    .formulario input[type="button"],
    .entrarGov {
        font-size: 1.5vh;
    }

    .iconClose {
        height: 5vh;
    }

    .containerIconClose {
        padding: 1vh 1vh;
    }

    .textAlert {
        font-size: 2vh;
    }

    h2 {
        text-align: center;
        font-size: 2.5vh;
    }

    .containerTitle p {
        text-align: center;
        font-size: 1.4vh;
    }

    .formulario label {
        font-size: 1.5vh;
    }

    .gov {
        width: 10vw;
    }

    .w100 {
        width: 100%;
    }
}



/* @media screen and (orientation: portrait) {
    .background-img {
      object-fit: cover;
    }
  
    .right,
    .left {
      width: 100%;
    }
  
    .left {
      border-right: none;
      border-bottom: 1px solid #3a3a3a;
    }
  
    .containerInfo h2 {
      margin-bottom: 1vh;
    }
  
    .containerInfo p,
    .containerInfo a {
      font-size: 1.5vh;
    }
  
    .icon {
      width: 2.2vw;
      height: 2.2vw;
    }
  
    .containerIcon {
      font-size: 1.3vh;
    } */

/* .right {
      width: 70vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 3vh;
    } */

/*   .containerBlock {
      flex-direction: column;
      width: max-content;
      border-radius: 1vh;
      width: 85vw;
      padding: 1vh;
      transform: translate(-50%, -30%);
    }
  
    .containerInfo {
      border: none;
    }
  
    .formulario input:not([type="button"]) {
      height: 3vh;
      font-size: 2vh;
      width: 100%;
    }
  
    .formulario input[type="button"],
    .entrarGov {
      font-size: 1.5vh;
    }
  
    .iconClose {
      height: 5vh;
    }
  
    .containerIconClose {
      padding: 1vh 1vh;
    }
  
    .textAlert {
      font-size: 2vh;
    }
  
    h2 {
      text-align: center;
      font-size: 2.5vh;
    }
  
    .containerTitle p {
      text-align: center;
      font-size: 1.4vh;
    }
  
    .formulario label {
      font-size: 1.5vh;
    }
  
    .gov {
      width: 10vh;
    }
  
    .w100 {
      width: 100%;
    }
      
    .overlay{
        overflow: hidden auto;
      height: 100%;
    }
  
    .background-img{
        height: auto;
    }
  } */