@charset "UTF-8";
@media (min-width: 300px) and (max-width: 399px) and (orientation: portrait) {
  body {
    background: linear-gradient(180deg, rgb(31, 46, 85) 0%, rgb(9, 9, 121) 35%, rgb(4, 59, 70) 100%);
  }
  .header {
    background-image: url("../image/header300.png");
    background-repeat: no-repeat;
    height: 270px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  canvas {
    width: 270px;
    height: 400px;
    margin-left: 10px;
  }
  .sel {
    width: 90%;
  }
  .sel2 {
    width: 90%;
    margin-left: 20px;
  }
  .inp {
    width: 85%;
    margin-left: 20px;
  }
  .imp2 {
    width: 70%;
  }
  .inp3 {
    width: 92%;
    margin-right: -10;
  }
  .titttle {
    margin-left: 30px;
  }
}
@media (min-width: 400px) and (max-width: 499px) and (orientation: portrait) {
  body {
    background: linear-gradient(180deg, rgb(31, 46, 85) 0%, rgb(9, 9, 121) 35%, rgb(4, 59, 70) 100%);
  }
  .header {
    background-image: url("../image/header454.png");
    background-repeat: no-repeat;
    height: 270px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  canvas {
    width: 320px;
    height: 500px;
    margin-left: 20px;
  }
  .sel {
    width: 75%;
    margin-left: 20px;
  }
  .sel2 {
    width: 70%;
    margin-left: 45px;
  }
  .inp {
    width: 340px;
    margin-left: 30px;
  }
  .imp2 {
    width: 300px;
  }
  .inp3 {
    width: 90%;
  }
}
@media (min-width: 500px) and (max-width: 599px) and (orientation: portrait) {
  body {
    background: linear-gradient(180deg, rgb(31, 46, 85) 0%, rgb(9, 9, 121) 35%, rgb(4, 59, 70) 100%);
  }
  .header {
    background-image: url("../image/header500.png");
    background-repeat: no-repeat;
    height: 320px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  canvas {
    width: 360px;
    height: 500px;
    margin-left: 20px;
  }
  .sel {
    width: 86%;
    margin-left: 20px;
  }
  .sel2 {
    width: 86%;
    margin-left: 45px;
  }
  .inp {
    width: 86%;
    margin-left: 30px;
  }
  .imp2 {
    width: 76%;
  }
  .inp3 {
    width: 90%;
  }
  #imgerror {
    height: 300px;
    margin-left: 200px;
  }
  #contenedor_inicial #containercel .titulo {
    margin-top: 238px;
    background: white;
    height: 95px;
    font-family: Montserrat;
    margin-right: 10px;
  }
  #contenedor_inicial #containercel .titulo .h31 {
    color: #2B3966;
    padding-top: 15px;
    margin-left: 64px;
  }
  #contenedor_inicial #containercel .titulo .hr2 {
    color: #2B3966;
    margin-left: 96px;
    padding-top: -15px;
  }
  #contenedor_inicial .row {
    margin-top: 8px;
  }
  #contenedor_inicial .row .cont2index {
    margin-left: 64px;
  }
  #contenedor_inicial .row .cont2index a {
    border: none;
    margin-left: -50px;
    width: 240px;
    font-size: 20px;
    margin-top: 50px;
    -webkit-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    -moz-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
  }
  #contenedor_inicial .row .cont2index i {
    margin-right: 10px;
  }
}
@media (min-width: 600px) and (max-width: 699px) and (orientation: portrait) {
  body {
    background: linear-gradient(180deg, rgb(31, 46, 85) 0%, rgb(9, 9, 121) 35%, rgb(4, 59, 70) 100%);
  }
  .header {
    background-image: url("../image/header600.png");
    background-repeat: no-repeat;
    height: 380px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  .contcanvas {
    display: flex;
    justify-content: center;
  }
  .contcanvas canvas {
    width: 320px;
    height: 500px;
    margin-left: 20px;
  }
  .sel {
    width: 86%;
    margin-left: 20px;
  }
  .sel2 {
    width: 86%;
    margin-left: 45px;
  }
  .inp {
    width: 86%;
    margin-left: 30px;
  }
  .imp2 {
    width: 76%;
  }
  .inp3 {
    width: 90%;
  }
  #imgerror {
    height: 300px;
    margin-left: 200px;
  }
  #contenedor_inicial #containercel .titulo {
    margin-top: 238px;
    background: white;
    height: 95px;
    font-family: Montserrat;
    margin-right: 10px;
  }
  #contenedor_inicial #containercel .titulo .h31 {
    color: #2B3966;
    padding-top: 15px;
    margin-left: 64px;
  }
  #contenedor_inicial #containercel .titulo .hr2 {
    color: #2B3966;
    margin-left: 96px;
    padding-top: -15px;
  }
  #contenedor_inicial .row {
    margin-top: 8px;
  }
  #contenedor_inicial .row .cont2index {
    margin-left: 64px;
  }
  #contenedor_inicial .row .cont2index a {
    border: none;
    margin-left: -50px;
    width: 240px;
    font-size: 20px;
    margin-top: 50px;
    -webkit-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    -moz-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
  }
  #contenedor_inicial .row .cont2index i {
    margin-right: 10px;
  }
}
@media (min-width: 700px) and (max-width: 799px) and (orientation: portrait) {
  body {
    background: linear-gradient(180deg, rgb(31, 46, 85) 0%, rgb(9, 9, 121) 35%, rgb(4, 59, 70) 100%);
  }
  .header {
    background-image: url("../image/header700.png");
    background-repeat: no-repeat;
    height: 430px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  .contcanvas {
    display: flex;
    justify-content: center;
  }
  .contcanvas canvas {
    width: 320px;
    height: 500px;
    margin-left: 20px;
  }
  .sel {
    width: 86%;
    margin-left: 20px;
  }
  .sel2 {
    width: 86%;
    margin-left: 45px;
  }
  .inp {
    width: 86%;
    margin-left: 30px;
  }
  .imp2 {
    width: 76%;
  }
  .inp3 {
    width: 90%;
  }
  #imgerror {
    height: 300px;
    margin-left: 200px;
  }
  #contenedor_inicial #containercel .titulo {
    margin-top: 238px;
    background: white;
    height: 95px;
    font-family: Montserrat;
    margin-right: 10px;
  }
  #contenedor_inicial #containercel .titulo .h31 {
    color: #2B3966;
    padding-top: 15px;
    margin-left: 64px;
  }
  #contenedor_inicial #containercel .titulo .hr2 {
    color: #2B3966;
    margin-left: 96px;
    padding-top: -15px;
  }
  #contenedor_inicial .row {
    margin-top: 8px;
  }
  #contenedor_inicial .row .cont2index {
    margin-left: 64px;
  }
  #contenedor_inicial .row .cont2index a {
    border: none;
    margin-left: -50px;
    width: 240px;
    font-size: 20px;
    margin-top: 50px;
    -webkit-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    -moz-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
  }
  #contenedor_inicial .row .cont2index i {
    margin-right: 10px;
  }
}
@media (min-width: 800px) and (max-width: 899px) and (orientation: portrait) {
  .header {
    background-image: url("../image/header800.png");
    background-repeat: no-repeat;
    height: 510px;
    background-position: center;
  }
  .tituloForm {
    background: linear-gradient(90deg, rgba(138, 148, 150, 0.4150035014) 0%, rgba(138, 148, 150, 0.4346113445) 100%);
    text-align: center;
  }
  .tituloForm p {
    font-family: Montserrat;
    font-weight: bold;
    color: white;
    font-size: 20px;
  }
  .contcanvas {
    display: flex;
    justify-content: center;
  }
  .contcanvas canvas {
    width: 320px;
    height: 500px;
    margin-left: 20px;
  }
  .sel {
    width: 86%;
    margin-left: 20px;
  }
  .sel2 {
    width: 86%;
    margin-left: 45px;
  }
  .inp {
    width: 86%;
    margin-left: 30px;
  }
  .imp2 {
    width: 76%;
  }
  .inp3 {
    width: 90%;
  }
  #imgerror {
    height: 300px;
    margin-left: 200px;
  }
  #contenedor_inicial #containercel .titulo {
    margin-top: 238px;
    background: white;
    height: 95px;
    font-family: Montserrat;
    margin-right: 10px;
  }
  #contenedor_inicial #containercel .titulo .h31 {
    color: #2B3966;
    padding-top: 15px;
    margin-left: 64px;
  }
  #contenedor_inicial #containercel .titulo .hr2 {
    color: #2B3966;
    margin-left: 96px;
    padding-top: -15px;
  }
  #contenedor_inicial .row {
    margin-top: 8px;
  }
  #contenedor_inicial .row .cont2index {
    margin-left: 64px;
  }
  #contenedor_inicial .row .cont2index a {
    border: none;
    margin-left: -50px;
    width: 240px;
    font-size: 20px;
    margin-top: 50px;
    -webkit-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    -moz-box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
    box-shadow: -18px 15px 39px -9px rgb(38, 58, 109);
  }
  #contenedor_inicial .row .cont2index i {
    margin-right: 10px;
  }
}
#canvas {
  border: 2px solid #000;
  touch-action: none;
  /* Evita que se mueva el canvas al deslizar en dispositivos móviles */
}

.container .form-princ {
  width: 100%;
  overflow: hidden;
}

.container .form-princ form {
  display: flex;
  width: 500%;
}

.container .form-princ .pagina {
  width: 25%;
}

.pagina .titulopg2,
.pagina .titulopg3,
.pagina .titulopg4 {
  font-size: 25px;
  font-family: Montserrat;
  font-weight: bold;
  color: #2A3C6E;
  margin-left: -70px;
}
.pagina .titulopg1 {
  background: white;
  height: 35px;
  font-size: 25px;
  font-family: Montserrat;
  font-weight: bold;
  color: #2A3C6E;
}

@media (orientation: landscape) {
  .bg-for-mul {
    background-image: url("../image/landscape2.png");
    background-repeat: no-repeat;
  }
  .form-princ {
    margin-top: 430px;
  }
  .inp {
    width: 80%;
    margin-left: 60px;
  }
  .imp2 {
    width: 72%;
    margin-left: 35px;
  }
  .inp3 {
    width: 85%;
    margin-left: 30px;
  }
  .titttle {
    margin-left: 20px;
  }
  canvas {
    width: 450px;
    height: 300px;
  }
  .sel {
    width: 85%;
    margin-left: 20px;
  }
  .sel2 {
    width: 85%;
    margin-left: 45px;
  }
}
@media screen and (min-width: 870px) and (max-width: 1290px) and (orientation: landscape) {
  .cont2index {
    background-image: url("../image/tablethorizontal800.png");
    background-repeat: no-repeat;
    width: 1200px;
    height: 650px;
  }
  #btn1index {
    margin-top: 450px;
    margin-left: 460px;
    padding: 15px 35px;
    font-size: 30px;
  }
  section {
    background-image: url("../image/formularioTabletHori.png");
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section.container {
    margin-top: -200px;
  }
  .sel {
    width: 75%;
    margin-left: 20px;
  }
  .sel2 {
    width: 70%;
    margin-left: 45px;
  }
  .inp {
    width: 90%;
    margin-left: 30px;
  }
  .imp2 {
    width: 570px;
  }
  .inp3 {
    width: 93%;
  }
}
.desactivada {
  display: none;
}

.erro {
  background-image: url("../image/error.png");
  background-repeat: no-repeat;
}

/*# sourceMappingURL=style_index.css.map */