@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Thin.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-ThinItalic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: italic;
  font-weight: 100;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Light.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-LightItalic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Regular.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Italic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Medium.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-MediumItalic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Bold.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-BoldItalic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-Black.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: Roboto;
  src: local("../fonts/Roboto-BlackItalic.ttf"), url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
  font-style: normal;
  font-weight: 900;
}

body {
  font-size: calc(0.6em + 0.6vw);
  font-family: "Roboto", sans-serif;
}

UL {
  margin: 0;
  padding: 0;
}

.fondo-rojo {
  background: #D22630;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}
.oculto-visible-lectores{
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}
.oculto-visible-lectores:focus{
  position: static;
  overflow: visible;
  top: 0;
  width: auto;
  height: auto;
}

.padding-0 {
  padding: 0;
}

.margin-0 {
  margin: 0;
}

.margin-padding-0 {
  margin: 0;
  padding: 0;
}

TABLE {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

TABLE TD,
TABLE TH {
  border: 0;
}

.border-right-0 {
  border-right: 0;
}

.text-align-right {
  text-align: right;
}

.margin-general {
  margin: 1em;
}

.margin-bottom-doble {
  margin-bottom: 2em;
}

.margin-top-doble {
  margin-top: 2em;
}
.margin-right-doble{
  margin-right: 2em;
}
.margin-left-doble{
  margin-left: 2em;
}
.estilo-boton {
  display: block;
  text-align: center;
  padding: 0.4em 0.5em;
}

.estilo-boton:hover {
  text-decoration: none;
}

.boton-redondeado {
  border-radius: 1.2em;
}

.borde-granate {
  border-color: #CEF9C6;
}

.borde-blanco {
  border-color: #ffffff;
}

.borde-verde {
  border-color: #137413;
}

.borde-rojo {
  border-color: #d22630;
}

.borde-granate {
  border-color: #810909;
}

.borde-azul {
  border-color: #2e4759;
}

.borde-mostaza {
  border-color: #746913;
}

.borde-rosa {
  border-color: #de4284;
}

.background-azul {
  background-color: #DD7B09;
}

.background-verde {
  background-color: #81C500;
}

.background-granate {
  background-color: #CEF9C6;
}

.clear-both {
  clear: both;
}

.position-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.position-relative {
  position: relative;
}

.margin-top-general {
  margin-top: 1em;
}

.margin-general {
  margin: 1em;
}

H1 {
  font-size: 1.5em;
}

H2 {
  font-size: 1.2em;
}

H3 {
  font-size: 1.1em;
}

.font-size-2em {
  font-size: 2em;
}

.font-size-15em {
  font-size: 1.5em;
}

.font-size-12em {
  font-size: 1.2em;
}

.font-size-1em {
  font-size: 1em;
}

.font-size-09em {
  font-size: 0.9em;
}

.font-size-08em {
  font-size: 0.8em;
}

.font-size-07em {
  font-size: 0.7em;
}

i {
  font-size: 1.2em;
}

.texto-granate {
  color: #CEF9C6;
}

.texto-granate A {
  color: #CEF9C6;
}

.texto-gris {
  color: #707070;
}

.texto-gris A {
  color: #707070;
}

.texto-verde {
  color: #81C500;
}

.texto-verde A {
  color: #81C500;
}

.texto-azul {
  color: #DD7B09;
}

.texto-azul A {
  color: #DD7B09;
}

.borde-granate {
  border-color: #CEF9C6;
}

.borde-blanco {
  border-color: #ffffff;
}

.borde-verde {
  border-color: #137413;
}

.borde-rojo {
  border-color: #d22630;
}

.borde-granate {
  border-color: #810909;
}

.borde-azul {
  border-color: #2e4759;
}

.borde-mostaza {
  border-color: #746913;
}

.borde-rosa {
  border-color: #de4284;
}
.borde-gris {
  border: 3px solid #aaaaaa;

}

.boton-verde {
  background: #CEF9C6;
}

.boton-verde:hover {
  background: #81C500;
}

.estilo-boton {
  font-size: 1em;
  color: #131313;
  text-transform: uppercase;
  text-decoration: none;
}

UL {
  list-style-type: none;
}

.text-align-center {
  text-align: center;
}

.text-decoration-underline {
  text-decoration: underline;
}

A.text-decoration-underline:hover {
  text-decoration: none;
}

.font-weight-bold {
  font-weight: bold;
}

.font-weight-normal {
  font-weight: normal;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

A {
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

.color-negro {
  color: #000000;
}

.color-blanco {
  color: #ffffff;
}

.color-rojo {
  color: #707070;
}

.color-principal {
  color: #D22630;
}

.color-secundario1 {
  color: #707070;
}

.color-secundario2 {
  color: #81C500;
}

.color-secundario3 {
  color: #CEF9C6;
}

.color-secundario4 {
  color: #DD7B09;
}

body {
  background: #F8F5F5;
  padding: 5vh 5vw;
}

.contenido-principal {
  border-radius: 4em;
  padding: 3em;
}

.colores-principal {
  border: 1px solid #707070;
  background: #ffffff;
}

main {
  font-size: 1em;
}

main p {
  font-size: 0.8em;
}

footer {
  font-size: 1em;
}

footer p {
  font-size: 0.8em;
}

.varias-columnas-iguales {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.varias-columnas-iguales.reverse-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.varias-columnas-iguales > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.varias-columnas-iguales .col-33 {
  max-width: 32%;
}

.varias-columnas-iguales .col-66 {
  max-width: 65%;
}
.varias-columnas-iguales .col-24 {
  max-width: 23%;
}




.varias-columnas-iguales .col-5 {
  max-width: 4%;
}

.varias-columnas-iguales .col-10 {
  max-width: 9%;
}

.varias-columnas-iguales .col-15 {
  max-width: 14%;
}

.varias-columnas-iguales .col-20 {
  max-width: 19%;
}

.varias-columnas-iguales .col-25 {
  max-width: 24%;
}

.varias-columnas-iguales .col-30 {
  max-width: 29%;
}

.varias-columnas-iguales .col-35 {
  max-width: 34%;
}

.varias-columnas-iguales .col-40 {
  max-width: 39%;
}

.varias-columnas-iguales .col-45 {
  max-width: 44%;
}

.varias-columnas-iguales .col-50 {
  max-width: 49%;
}

.varias-columnas-iguales .col-55 {
  max-width: 54%;
}

.varias-columnas-iguales .col-60 {
  max-width: 59%;
}

.varias-columnas-iguales .col-65 {
  max-width: 64%;
}

.varias-columnas-iguales .col-70 {
  max-width: 69%;
}

.varias-columnas-iguales .col-75 {
  max-width: 74%;
}

.varias-columnas-iguales .col-80 {
  max-width: 79%;
}

.varias-columnas-iguales .col-85 {
  max-width: 84%;
}

.varias-columnas-iguales .col-90 {
  max-width: 89%;
}

.varias-columnas-iguales .col-95 {
  max-width: 94%;
}
.varias-columnas-iguales .col-100 {
  max-width: 100%;
}

.caja-gris {
  min-height: 2em;
  padding: 0.8em;
  background: #EBEBEB;
}

.bloque-pasos ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), color-stop(45%, #ffffff), color-stop(45%, #989898), color-stop(55%, #989898), color-stop(55%, #989898), color-stop(55%, #989898), color-stop(55%, #ffffff), to(#ffffff));
  background: linear-gradient(to top, #ffffff 0%, #ffffff 45%, #989898 45%, #989898 55%, #989898 55%, #989898 55%, #ffffff 55%, #ffffff 100%);
  font-size: 0.8em;
  margin: 2em 0;
}

.bloque-pasos li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
  background: #ffffff;
  border-width: 0.1em;
  border-style: solid;
  border-radius: 1.2em;
  padding: 0.5em 0.8em;
  border-color: #989898;
  color: #707070;
}

.bloque-pasos .paso-superado {
  background-color: #EBEBEB;
  color: #131313;
  border-color: #EBEBEB;
}

.bloque-pasos .paso-actual {
  background-color: #DD7B09;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  border-color: #DD7B09;
}

.contenido-vertical-100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.contenedor-video {
  margin-top: 1.3em;
  width: auto;
  height: auto;
}

.contenedor-video video {
  width: 100%;
  height: 100%;
}

.content-cabecera {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1em;
}
.content-logotipo {
  color: #707070;
}
.content-logotipo A {
  color: #707070;
  font-weight: 300;
  text-align: center;

  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; */
}
.content-logotipo A:hover {
  text-decoration: none;
}

.content-logotipo .texto-enlace-volver {
  /* border: 2px solid #707070;
  -webkit-box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.16);
  background: none;
  color: #707070;
  padding: 0.4em 1em;
  border-radius: 4px;
  display: inline-block;
  padding-left: 1em;
  text-decoration: none; */
  font-size: 0.8em;
  display: block;
  margin-bottom: 0.5em;
}

.content-logotipo .contenedor-imagen {
  margin-left: 0.5em;
  font-size: 0.8em;
  vertical-align: middle;
  width: auto;
  height: auto;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  padding: 0.2em 0.3em;
}

.content-logotipo .imagen-logotipo-cabecera {
  background: url("../images/X_talento_emprende-fundacion_ONCE-logotipo_blanco.svg") no-repeat center center;
  width: 20em;
  height: 2.2em;
  background-size: contain;
}
.logotipo-cabecera {
  width: 20em;
  height: 2.2em;
}
.content-cabecera .texto-cabecera {
  font-size: 1.4em;
  background: url("../images/linea_naranja.svg") no-repeat bottom left;
  background-size: 24%;
  padding-bottom: 2px;
}


fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
legend {
  border-bottom: 0;
  width: auto;
  margin-bottom: 0;
  font-size: 1em;
}
fieldset fieldset {
  margin: 0 0 0.5em 0;
}

fieldset fieldset legend {
  margin-bottom: 0.8em;
}

.fila-campos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.fila-campos .flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.fila-campos-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.fila-campos-inline .flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.fila-campos-inline label {
  margin-right: 0.3em;
}

.fila-campos-inline span {
  text-align: center;
}

.campos-vertical-invertidos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse nowrap;
          flex-flow: column-reverse nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.campos-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fila-campos2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

.flex-100 {
  -webkit-box-flex: 10;
      -ms-flex: 10;
          flex: 10;
}

.flex-80 {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}

.flex-70 {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}

.flex-60 {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
}

.flex-50 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.flex-40 {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.flex-33 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-66 {
  -webkit-box-flex: 66;
      -ms-flex: 66;
          flex: 66;
}

.flex-20 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.formulario-general.formulario-datos-personales,
.formulario-proyecto .formulario-general{
  margin-bottom: 2em;
}

.formulario-general form,
.formulario-general .bloque-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.78em;
}
.formulario-general form.centrado,
.formulario-general .bloque-form-sinflex {
  font-size: 0.78em;

}
.formulario-general form .bloque-redondeado-solido,
.formulario-general .bloque-form .bloque-redondeado-solido {
  margin-bottom: 2em;
}
.formulario-general .bloque-redondeado-solido .bloque-redondeado-solido {
  padding: 0 2em;
}

.formulario-general .bloque-redondeado-solido .bloque-redondeado-solido.fondo-gris-oscuro {
  padding: 1em 2em 2em;
}

.formulario-general .separacion-campos {
  margin-top: 0.8em;
}

.formulario-general label {
  font-weight: bold;
  margin-bottom: 0.2em;
}

.formulario-general .estilo-label {
  font-weight: bold;
}

.formulario-general input {
  width: calc(100% - 1em);
  padding: 0.5em 0.5em;
  background: #eaeaea;
  border: 0;
  border-radius: 0.4em;
  /* outline: none; */
}

.formulario-general select {
  width: 100%;
  padding: 0.5em 0.5em;
  background: #eaeaea;
  border: 0;
  border-radius: 0.4em;
  /* outline: none; */
}
.formulario-general button {
  /* outline: none; */
}

.formulario-general textarea {
  width: calc(100% - 1em);
  padding: 0.5em 0.5em;
  background: #eaeaea;
  border: 0;
  border-radius: 0.4em;
}
.formulario-general textarea::placeholder,
.formulario-general input::placeholder,
.formulario-general select::placeholder{
  color: #000000;
}
.formulario-general input[type="checkbox"],
.formulario-general input[type="radio"] {
  width: auto;
  padding: 0.3em 0.5em;
  margin: 0.2em 1em 0 1em;
}

.formulario-general input[type="submit"] {
  font-weight: 900;
  cursor: pointer;
}

.formulario-test fieldset.estilo-test {
  background: #EBEBEB;
  border-radius: 1em;
  padding: 1em;
  margin-top: 3em;
  position: relative;
}
.formulario-test fieldset.estilo-test .bloque-campos-derecha {
  float: right;
  width: 278px;
}

.formulario-test fieldset.estilo-test .campos-derecha {
  float: right;
  width: 278px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.formulario-test fieldset label {
  display: none;
}

.formulario-test fieldset input {
  margin: 0 1em;
}

.formulario-test legend:not(display-none) {
  float: left;
  margin-bottom: 0;
  width: calc(100% - 290px);
}

.formulario-test .campos-derecha > div {
  position: relative;
  width: 50px;
  text-align: center;
}

.formulario-test .emoji::after {
  content: "";
  position: absolute;
  background-color: transparent;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
  width: 40px;
  height: 40px;
  top: -66px;
  left: 6px;
}

.formulario-test .emoji-valor-5::after {
  background-image: url("../images/emoji_5.svg");
}

.formulario-test .emoji-valor-4::after {
  background-image: url("../images/emoji_4.svg");
}

.formulario-test .emoji-valor-3::after {
  background-image: url("../images/emoji_3.svg");
}

.formulario-test .emoji-valor-2::after {
  background-image: url("../images/emoji_2.svg");
}

.formulario-test .emoji-valor-1::after {
  background-image: url("../images/emoji_1.svg");
}

.boton-absoluto {
  position: absolute;
  bottom: -2.748em;
  right: 2em;
}

.campos-vertical .fila-campos2 .flex-33 {
  max-width: 27%;
  margin: 0 2%;
}


.imagen-cuadrado-E2 {
  background-image: url("../images/cuadrado_E2.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 10em;
  height: auto;
  background-size: contain;
}

.titulo-pestania {
  margin-bottom: 0;
  font-size: 0.9em;
}

.titulo-pestania span {
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
  padding: 0.7em 2em;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
  border-width: 0;
  border-style: solid;
  text-decoration: none;
}

.titulo-negro-sin-fondo {
  margin: 1em 0 0 1.8em;
  font-size: 1.3em;
}

.titulo-negro-sin-fondo.display-inline-block {
  vertical-align: bottom;
}

input.estilo-pestana,
.estilo-pestana {
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
  padding: 0.7em 2em;
  border-top-right-radius: 0em;
  border-top-left-radius: 0em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-width: 0;
  border-style: solid;
  text-decoration: none;
  width: auto;
  /* outline: none; */
  cursor: pointer;
}

input.estilo-pestana.pestana-verde,
.estilo-pestana.pestana-verde {
  background: #81C500;
}

.borde-pestania-color-principal .titulo-pestania span {
  background-color: #D22630;
  margin-left: 2em;
}

.borde-pestania-color-principal .bloque-redondeado-borde {
  padding: 2em;
  border-color: #D22630;
  border-width: 0.2em;
  border-style: solid;
  border-radius: 2em;
  position: relative;
  min-height: 19em;
}

.borde-pestania-color-secundario4 .titulo-pestania span {
  background-color: #DD7B09;
  margin-left: 2em;
}

.borde-pestania-color-secundario4 .bloque-redondeado-borde {
  padding: 2em;
  border-color: #DD7B09;
  border-width: 0.2em;
  border-style: solid;
  border-radius: 2em;
  position: relative;
  min-height: 16em;
}

.borde-color-fondo3 .bloque-redondeado-borde {
  padding: 2em;
  border-color: #989898;
  border-width: 0.2em;
  border-style: solid;
  border-radius: 2em;
}

.borde-color-fondo3 .bloque-redondeado-solido {
  padding: 2em;
  background: #989898;
  border-radius: 2em;
  box-sizing: border-box;
  height: 100%;
}
.borde-color-fondo3 .fondo-gris-oscuro{
  background: #888888;
}

.bloque-main.con-imagen {
  padding-right: 9.15em;
  position: relative;
}

.bloque-main .imagen-persona-verde {
  position: absolute;
  top: 3em;
  right: -4.55em;
  width: 17.3em;
  height: 21.8em;
  background-image: url("../images/persona_verde.svg");
  background-size: 100%;
  background-position: right top;
  background-repeat: no-repeat;
}

.bloque-main .imagen-chica-porcentaje {
  margin-top: 0.5em;
  position: absolute;
  bottom: -1em;
  right: -8.4em;
  background-image: url("../images/chica_porcentaje.png");
  background-color: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10.992em;
  height: 29.24em;
}

.bloque-main .imagen-chico-porcentaje {
  margin-top: 0.5em;
  position: absolute;
  bottom: -1em;
  right: -7em;
  background-image: url("../images/chico_porcentaje.png");
  background-color: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 8.7em;
  height: 29.24em;
}

.bloque-main .progreso-autodiagnostico {
  width: 100%;
  height: 100%;
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-1::before {
  height: calc(1 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-2::before {
  height: calc(2 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-3::before {
  height: calc(3 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-4::before {
  height: calc(4 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-5::before {
  height: calc(5 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-6::before {
  height: calc(6 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-7::before {
  height: calc(7 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-8::before {
  height: calc(8 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-9::before {
  height: calc(9 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-10::before {
  height: calc(10 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-11::before {
  height: calc(11 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-12::before {
  height: calc(12 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-13::before {
  height: calc(13 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-14::before {
  height: calc(14 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-15::before {
  height: calc(15 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-16::before {
  height: calc(16 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-17::before {
  height: calc(17 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-18::before {
  height: calc(18 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-19::before {
  height: calc(19 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-20::before {
  height: calc(20 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-21::before {
  height: calc(21 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-22::before {
  height: calc(22 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-23::before {
  height: calc(23 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-24::before {
  height: calc(24 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-25::before {
  height: calc(25 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-26::before {
  height: calc(26 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-27::before {
  height: calc(27 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-28::before {
  height: calc(28 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-29::before {
  height: calc(29 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-30::before {
  height: calc(30 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-31::before {
  height: calc(31 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-32::before {
  height: calc(32 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-33::before {
  height: calc(33 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-34::before {
  height: calc(34 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-35::before {
  height: calc(35 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-36::before {
  height: calc(36 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-37::before {
  height: calc(37 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-38::before {
  height: calc(38 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-39::before {
  height: calc(39 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-40::before {
  height: calc(40 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-41::before {
  height: calc(41 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-42::before {
  height: calc(42 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-43::before {
  height: calc(43 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-44::before {
  height: calc(44 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-45::before {
  height: calc(45 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-46::before {
  height: calc(46 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-47::before {
  height: calc(47 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-48::before {
  height: calc(48 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-49::before {
  height: calc(49 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-50::before {
  height: calc(50 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-51::before {
  height: calc(51 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-52::before {
  height: calc(52 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-53::before {
  height: calc(53 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-54::before {
  height: calc(54 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-55::before {
  height: calc(55 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-56::before {
  height: calc(56 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-57::before {
  height: calc(57 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-58::before {
  height: calc(58 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-59::before {
  height: calc(59 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-60::before {
  height: calc(60 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-61::before {
  height: calc(61 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-62::before {
  height: calc(62 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-63::before {
  height: calc(63 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-64::before {
  height: calc(64 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-65::before {
  height: calc(65 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-66::before {
  height: calc(66 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-67::before {
  height: calc(67 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-68::before {
  height: calc(68 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-69::before {
  height: calc(69 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-70::before {
  height: calc(70 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-71::before {
  height: calc(71 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-72::before {
  height: calc(72 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-73::before {
  height: calc(73 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-74::before {
  height: calc(74 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-75::before {
  height: calc(75 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-76::before {
  height: calc(76 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-77::before {
  height: calc(77 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-78::before {
  height: calc(78 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-79::before {
  height: calc(79 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-80::before {
  height: calc(80 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-81::before {
  height: calc(81 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-82::before {
  height: calc(82 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-83::before {
  height: calc(83 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-84::before {
  height: calc(84 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-85::before {
  height: calc(85 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-86::before {
  height: calc(86 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-87::before {
  height: calc(87 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-88::before {
  height: calc(88 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-89::before {
  height: calc(89 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-90::before {
  height: calc(90 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-91::before {
  height: calc(91 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-92::before {
  height: calc(92 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-93::before {
  height: calc(93 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-94::before {
  height: calc(94 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-95::before {
  height: calc(95 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-96::before {
  height: calc(96 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-97::before {
  height: calc(97 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-98::before {
  height: calc(98 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-99::before {
  height: calc(99 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-100::before {
  height: calc(100 * 1%);
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-1::after {
  content: "1%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-2::after {
  content: "2%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-3::after {
  content: "3%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-4::after {
  content: "4%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-5::after {
  content: "5%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-6::after {
  content: "6%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-7::after {
  content: "7%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-8::after {
  content: "8%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-9::after {
  content: "9%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-10::after {
  content: "10%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-11::after {
  content: "11%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-12::after {
  content: "12%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-13::after {
  content: "13%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-14::after {
  content: "14%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-15::after {
  content: "15%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-16::after {
  content: "16%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-17::after {
  content: "17%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-18::after {
  content: "18%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-19::after {
  content: "19%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-20::after {
  content: "20%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-21::after {
  content: "21%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-22::after {
  content: "22%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-23::after {
  content: "23%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-24::after {
  content: "24%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-25::after {
  content: "25%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-26::after {
  content: "26%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-27::after {
  content: "27%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-28::after {
  content: "28%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-29::after {
  content: "29%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-30::after {
  content: "30%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-31::after {
  content: "31%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-32::after {
  content: "32%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-33::after {
  content: "33%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-34::after {
  content: "34%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-35::after {
  content: "35%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-36::after {
  content: "36%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-37::after {
  content: "37%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-38::after {
  content: "38%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-39::after {
  content: "39%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-40::after {
  content: "40%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-41::after {
  content: "41%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-42::after {
  content: "42%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-43::after {
  content: "43%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-44::after {
  content: "44%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-45::after {
  content: "45%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-46::after {
  content: "46%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-47::after {
  content: "47%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-48::after {
  content: "48%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-49::after {
  content: "49%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-50::after {
  content: "50%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-51::after {
  content: "51%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-52::after {
  content: "52%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-53::after {
  content: "53%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-54::after {
  content: "54%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-55::after {
  content: "55%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-56::after {
  content: "56%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-57::after {
  content: "57%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-58::after {
  content: "58%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-59::after {
  content: "59%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-60::after {
  content: "60%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-61::after {
  content: "61%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-62::after {
  content: "62%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-63::after {
  content: "63%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-64::after {
  content: "64%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-65::after {
  content: "65%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-66::after {
  content: "66%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-67::after {
  content: "67%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-68::after {
  content: "68%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-69::after {
  content: "69%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-70::after {
  content: "70%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-71::after {
  content: "71%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-72::after {
  content: "72%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-73::after {
  content: "73%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-74::after {
  content: "74%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-75::after {
  content: "75%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-76::after {
  content: "76%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-77::after {
  content: "77%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-78::after {
  content: "78%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-79::after {
  content: "79%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-80::after {
  content: "80%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-81::after {
  content: "81%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-82::after {
  content: "82%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-83::after {
  content: "83%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-84::after {
  content: "84%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-85::after {
  content: "85%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-86::after {
  content: "86%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-87::after {
  content: "87%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-88::after {
  content: "88%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-89::after {
  content: "89%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-90::after {
  content: "90%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-91::after {
  content: "91%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-92::after {
  content: "92%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-93::after {
  content: "93%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-94::after {
  content: "94%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-95::after {
  content: "95%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-96::after {
  content: "96%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-97::after {
  content: "97%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-98::after {
  content: "98%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-99::after {
  content: "99%";
}

.bloque-main .progreso-autodiagnostico.ancho-seleccionado-100::after {
  content: "100%";
}

.bloque-main .progreso-autodiagnostico::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  /* por defecto quedará la chica para todos y se particulariza en las siguientes lineas */
  background-image: url("../images/chica_porcentaje_roja.png");
  background-color: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10.992em;
}
/* TODO: Faltaría tener la imagen del chico y camibarla en el class correspondiente */
.bloque-main .imagen-chica-porcentaje .progreso-autodiagnostico::before {
  background-image: url("../images/chica_porcentaje_roja.png");
}
.bloque-main .imagen-chico-porcentaje .progreso-autodiagnostico::before {
  background-image: url("../images/chico_porcentaje_roja.png");
  width: 8.7em;
}

.bloque-main .progreso-autodiagnostico::after {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 2.6em;
  font-weight: bold;
  position: absolute;
  bottom: 4em;
  left: 1.4em;
}
.bloque-main .imagen-chica-porcentaje .progreso-autodiagnostico::after {
  bottom: 4em;
  left: 1.4em;
}
.bloque-main .imagen-chico-porcentaje .progreso-autodiagnostico::after {
  bottom: 6em;
  left: 0.8em;
}

.estilo-boton-verde {
  display: inline-block;
  background: #CEF9C6;
  border-radius: 1.2em;
  margin: 0 2em;
  padding: 0.6em 3em;
  color: #131313;
  font-weight: bold;
  cursor: pointer;
  border:0;
}

.estilo-boton-verde:hover {
  background: #81C500;
  text-decoration: none;
}

.estilo-boton-naranja {
  display: inline-block;
  background: #DD7B09;
  border-radius: 1.2em;
  margin: 0 2em;
  padding: 0.6em 3em;
  color: #131313;
  font-weight: bold;
  cursor: pointer;
}
.estilo-boton-naranja-register {
  display: inline-block;
  background: #cdff05;
  border-radius: 1.2em;
  margin: 0 2em;
  padding: 1.4em 4em;
  color: black;
  font-weight: bold;
  cursor: pointer;
  font-size: 1.22em;
}

.estilo-boton-naranja:hover,
.estilo-boton-naranja-register:hover{
  background: #e8ac66;
  text-decoration: none;
}

.fondo-mas-centrado {
  background-image: url("../images/simbolo_mas.svg");
  background-size: 5%;
  background-position: 50.7% 48%;
  background-repeat: no-repeat;
}

.imagen-ninio-bandera {
  margin: 0;
  position: absolute;
  bottom: -0.65em;
  left: -0.3em;
  background-image: url("../images/nino_bandera.svg");
  background-color: transparent;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12em;
  height: 12em;
}
.imagen-ninio-bandera.oculto {
  display: none;
}
.detalle-grafica {
  width: 25%;
  text-align: left;
  margin-top: 4em
}
.detalle-grafica DT,
.detalle-grafica DD{
  padding: 0 1em;
  margin: 0;
}
.detalle-grafica DD{
  padding-left: 2em
}

.grafico-generado {
  
  margin-bottom: 8em;
  text-align: center;
  padding: 0 8% 0 0;
}
.grafico-generado .grafica-canvas {
  width: 74%
}

.grafico-generado img {
  width: 80%;
}

.bloque-redondeado {
  padding: 2em;
  border-radius: 2em;
}

.absoluto-abajo {
  position: absolute;
  bottom: 0;
}

.fondo-borde-rojo {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff0023), color-stop(3em, #ff0023), color-stop(3em, #ffffff), color-stop(3em, #ffffff), to(#ffffff));
  background: linear-gradient(to top, #ff0023 0%, #ff0023 3em, #ffffff 3em, #ffffff 3em, #ffffff 100%);
  padding-bottom: 5em;
}
.fondo-borde-rojo-absoluto {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#ff0023), color-stop(3em, #ff0023), color-stop(3em, #ffffff), color-stop(3em, #ffffff), to(#ffffff));
  background: linear-gradient(to top, #ff0023 0%, #ff0023 3em, transparent 3em, transparent 3em, transparent 100%);
  padding-bottom: 5em;
  border-radius: 4em;
}

.estilos-nivel {
  padding: 0.5em;
  border-radius: 0.25em;
  font-size: 2em;
  display: inline-block;
  margin-top: 0em;
}

.nivel-marron {
  background: #8d7140;
  color: #ffffff;
}

.texto-introduccion-autodiagnostico {
  text-align: left;
}

/***************** RETROALIMENTACION ********************/
.content-retroalimentacion {
  margin-bottom: 4em;
  clear: both;

}
.content-retroalimentacion .caja-gris {
  box-sizing: border-box;
  padding: 1em;
  margin-top: 3em;
  position: relative;
}
.content-retroalimentacion .caja-gris H2{
  position: absolute;
  top: -2.5em;
  padding-left: 0.3em;
}
.botones-retroalimentacion {
  margin-left: 6em;
}
.botones-retroalimentacion A {
  margin-left: 0;
}

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

/** Estilos mensajes de error **/
.error-formulario {
  margin: 1rem 0;
  border-radius: 3px;
  background: #FFCDD2;
  border: solid #d41217;
  border-width: 0 0 0 6px;
  color: #73000c;

}
.warning-formulario {
  margin: 1rem 0;
  border-radius: 3px;
  background: #FFECB3;
  border: solid #d9a300;
  border-width: 0 0 0 6px;
  color: #6d5100;
}
.success-formulario {
  margin: 1rem 0;
  border-radius: 3px;
  background: #C8E6C9;
  border: solid #439446;
  border-width: 0 0 0 6px;
  color: #224a23;
}
.message-form{
  padding: 1rem 1.5rem;
}
.message-form P{
  margin-bottom: 0;
}

/*  RESPONSIVE
   =========================================================================
 Escritorios muy grandes
------------------------------------------------------------------------- */
@media (min-width: 1200px) {

}

/* Tablets en horizonal y escritorios normales
    ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  .content-formulario-test {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .content-formulario-test .col-20,
  .content-formulario-test .col-80 {
    max-width: 100%;
  }
  .imagen-ninio-bandera {
    display: none;
  }
  .content-retroalimentacion {
    margin-bottom: 0em;

  }
  .botones-retroalimentacion {
    margin-left: 0em;
  }
}
/*
    ------------------------------------------------------------------------- */
@media (min-width: 1024px) and (max-width: 1199px) {
  .paso1-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .paso1-form > div.col-33,
  .paso1-form > div.col-66{
    max-width: 100%;
  }

}



/* Móviles en horizontal o tablets en vertical
    ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  body{
    padding: 0.2em;
  }
  .contenido-principal {
    padding: 0.5em;
  }
  .content-cabecera{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 1em
  }
  .content-logotipo {
    margin-bottom: 1em;
  }
  .bloque-main .imagen-persona-verde {
    display: none;
  }
  .bloque-main.con-imagen{
    padding-right: 0;
  }
  .borde-pestania-color-principal .bloque-redondeado-borde {
    min-height: 0;
    padding: 1em;
    margin-bottom: 3em;
  }
  .varias-columnas-iguales {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

  }
  .varias-columnas-iguales.reverse-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .varias-columnas-iguales > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .varias-columnas-iguales .col-33 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-66 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-24 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-5 {
    max-width: 4%;
  }

  .varias-columnas-iguales .col-10 {
    max-width: 9%;
  }

  .varias-columnas-iguales .col-15 {
    max-width: 14%;
  }

  .varias-columnas-iguales .col-20 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-25 {
    max-width: 24%;
  }

  .varias-columnas-iguales .col-30 {
    max-width: 29%;
  }

  .varias-columnas-iguales .col-35 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-40 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-45 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-50 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-55 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-60 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-65 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-70 {
    max-width: 69%;
  }

  .varias-columnas-iguales .col-75 {
    max-width: 74%;
  }

  .varias-columnas-iguales .col-80 {
    max-width: 100%;
  }

  .varias-columnas-iguales .col-85 {
    max-width: 84%;
  }

  .varias-columnas-iguales .col-90 {
    max-width: 89%;
  }

  .varias-columnas-iguales .col-95 {
    max-width: 94%;
  }
  .formulario-general form,
  .formulario-general .bloque-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .formulario-general form > div,
  .formulario-general .bloque-form > div {
    margin-bottom: 1em;
  }

  .formulario-general form .bloque-redondeado-solido:first-child,
  .formulario-general .bloque-form .bloque-redondeado-solido:first-child {
    margin-right: 0;
  }
  .fondo-mas-centrado {
    background: none;
  }
  .texto-introduccion-autodiagnostico {
    text-align: left;
  }
  .boton-absoluto {
    position: initial;

  }
  .boton-absoluto input.estilo-pestana,
  .boton-absoluto .estilo-pestana {
    border-radius: 1em;
  }
  .boton-video-continuar {
    margin-bottom: 4em;
  }
  .formulario-test legend:not(display-none) {
    width: 100%;
    float: left;
    clear: both;
    font-size: 1em;
  }
  .formulario-test fieldset.estilo-test .campos-derecha {
      float: left;
      width: 100%;
      clear: both;
      margin-top: 3.5em;
  }
  .formulario-test .emoji::after {
      width: 30px;
      height: 30px;
      background-size: contain;
      top: -41px;
      left: 10px;
  }
  .formulario-test .campos-derecha > div {
    width: 45px;
  }
  .bloque-pasos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

    background: none;
  }
  .bloque-pasos ul LI {
    margin-top: 0.5em;
  }
  .imagen-ninio-bandera {
    display: none;
  }
  .bloque-main .imagen-chica-porcentaje{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 1em;
    background: #030202;
    padding-bottom: 3em;
  }
  .bloque-main .imagen-chico-porcentaje{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 1em;
    background: #030202;
    padding-bottom: 3em;
  }
  .bloque-main .imagen-chica-porcentaje P.display-none,
  .bloque-main .imagen-chico-porcentaje P.display-none{
    display: block;
    background: #ffffff;
    padding-bottom: 1em;
  }

  .bloque-main .progreso-autodiagnostico::before{

  }
  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-1::before {
    height: 2.34em;
    width: calc( 1 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-2::before {
    height: 2.34em;
    width: calc( 2 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-3::before {
    height: 2.34em;
    width: calc( 3 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-4::before {
    height: 2.34em;
    width: calc( 4 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-5::before {
    height: 2.34em;
    width: calc( 5 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-6::before {
    height: 2.34em;
    width: calc( 6 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-7::before {
    height: 2.34em;
    width: calc( 7 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-8::before {
    height: 2.34em;
    width: calc( 8 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-9::before {
    height: 2.34em;
    width: calc( 9 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-10::before {
    height: 2.34em;
    width: calc( 10 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-11::before {
    height: 2.34em;
    width: calc( 11 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-12::before {
    height: 2.34em;
    width: calc( 12 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-13::before {
    height: 2.34em;
    width: calc( 13 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-14::before {
    height: 2.34em;
    width: calc( 14 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-15::before {
    height: 2.34em;
    width: calc( 15 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-16::before {
    height: 2.34em;
    width: calc( 16 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-17::before {
    height: 2.34em;
    width: calc( 17 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-18::before {
    height: 2.34em;
    width: calc( 18 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-19::before {
    height: 2.34em;
    width: calc( 19 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-20::before {
    height: 2.34em;
    width: calc( 20 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-21::before {
    height: 2.34em;
    width: calc( 21 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-22::before {
    height: 2.34em;
    width: calc( 22 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-23::before {
    height: 2.34em;
    width: calc( 23 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-24::before {
    height: 2.34em;
    width: calc( 24 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-25::before {
    height: 2.34em;
    width: calc( 25 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-26::before {
    height: 2.34em;
    width: calc( 26 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-27::before {
    height: 2.34em;
    width: calc( 27 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-28::before {
    height: 2.34em;
    width: calc( 28 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-29::before {
    height: 2.34em;
    width: calc( 29 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-30::before {
    height: 2.34em;
    width: calc( 30 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-31::before {
    height: 2.34em;
    width: calc( 31 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-32::before {
    height: 2.34em;
    width: calc( 32 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-33::before {
    height: 2.34em;
    width: calc( 33 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-34::before {
    height: 2.34em;
    width: calc( 34 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-35::before {
    height: 2.34em;
    width: calc( 35 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-36::before {
    height: 2.34em;
    width: calc( 36 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-37::before {
    height: 2.34em;
    width: calc( 37 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-38::before {
    height: 2.34em;
    width: calc( 38 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-39::before {
    height: 2.34em;
    width: calc( 39 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-40::before {
    height: 2.34em;
    width: calc( 40 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-41::before {
    height: 2.34em;
    width: calc( 41 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-42::before {
    height: 2.34em;
    width: calc( 42 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-43::before {
    height: 2.34em;
    width: calc( 43 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-44::before {
    height: 2.34em;
    width: calc( 44 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-45::before {
    height: 2.34em;
    width: calc( 45 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-46::before {
    height: 2.34em;
    width: calc( 46 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-47::before {
    height: 2.34em;
    width: calc( 47 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-48::before {
    height: 2.34em;
    width: calc( 48 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-49::before {
    height: 2.34em;
    width: calc( 49 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-50::before {
    height: 2.34em;
    width: calc( 50 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-51::before {
    height: 2.34em;
    width: calc( 51 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-52::before {
    height: 2.34em;
    width: calc( 52 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-53::before {
    height: 2.34em;
    width: calc( 53 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-54::before {
    height: 2.34em;
    width: calc( 54 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-55::before {
    height: 2.34em;
    width: calc( 55 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-56::before {
    height: 2.34em;
    width: calc( 56 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-57::before {
    height: 2.34em;
    width: calc( 57 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-58::before {
    height: 2.34em;
    width: calc( 58 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-59::before {
    height: 2.34em;
    width: calc( 59 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-60::before {
    height: 2.34em;
    width: calc( 60 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-61::before {
    height: 2.34em;
    width: calc( 61 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-62::before {
    height: 2.34em;
    width: calc( 62 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-63::before {
    height: 2.34em;
    width: calc( 63 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-64::before {
    height: 2.34em;
    width: calc( 64 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-65::before {
    height: 2.34em;
    width: calc( 65 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-66::before {
    height: 2.34em;
    width: calc( 66 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-67::before {
    height: 2.34em;
    width: calc( 67 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-68::before {
    height: 2.34em;
    width: calc( 68 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-69::before {
    height: 2.34em;
    width: calc( 69 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-70::before {
    height: 2.34em;
    width: calc( 70 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-71::before {
    height: 2.34em;
    width: calc( 71 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-72::before {
    height: 2.34em;
    width: calc( 72 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-73::before {
    height: 2.34em;
    width: calc( 73 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-74::before {
    height: 2.34em;
    width: calc( 74 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-75::before {
    height: 2.34em;
    width: calc( 75 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-76::before {
    height: 2.34em;
    width: calc( 76 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-77::before {
    height: 2.34em;
    width: calc( 77 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-78::before {
    height: 2.34em;
    width: calc( 78 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-79::before {
    height: 2.34em;
    width: calc( 79 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-80::before {
    height: 2.34em;
    width: calc( 80 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-81::before {
    height: 2.34em;
    width: calc( 81 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-82::before {
    height: 2.34em;
    width: calc( 82 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-83::before {
    height: 2.34em;
    width: calc( 83 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-84::before {
    height: 2.34em;
    width: calc( 84 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-85::before {
    height: 2.34em;
    width: calc( 85 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-86::before {
    height: 2.34em;
    width: calc( 86 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-87::before {
    height: 2.34em;
    width: calc( 87 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-88::before {
    height: 2.34em;
    width: calc( 88 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-89::before {
    height: 2.34em;
    width: calc( 89 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-90::before {
    height: 2.34em;
    width: calc( 90 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-91::before {
    height: 2.34em;
    width: calc( 91 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-92::before {
    height: 2.34em;
    width: calc( 92 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-93::before {
    height: 2.34em;
    width: calc( 93 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-94::before {
    height: 2.34em;
    width: calc( 94 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-95::before {
    height: 2.34em;
    width: calc( 95 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-96::before {
    height: 2.34em;
    width: calc( 96 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-97::before {
    height: 2.34em;
    width: calc( 97 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-98::before {
    height: 2.34em;
    width: calc( 98 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-99::before {
    height: 2.34em;
    width: calc( 99 * 1%);
  }

  .bloque-main .progreso-autodiagnostico.ancho-seleccionado-100::before {
    height: 2.34em;
    width: calc( 100 * 1%);
  }

  .bloque-main .imagen-chica-porcentaje .progreso-autodiagnostico::before,
  .bloque-main .imagen-chico-porcentaje .progreso-autodiagnostico::before {
    background: #fd0000;
  }
  .bloque-main .progreso-autodiagnostico::after{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    bottom: 0.3em;
    left: 1.50%;
  }
  .content-retroalimentacion {
    margin-bottom: 0em;

  }
  .botones-retroalimentacion {
    margin-left: 0em;
  }
  .botones-retroalimentacion .text-align-right,
  .botones-retroalimentacion .text-align-left {
    text-align: center;
  }


}
/* Móviles en vertical
------------------------------------------------------------------------- */
@media (max-width: 480px) {
}

/* Móviles tablet
    ------------------------------------------------------------------------- */
@media (max-width: 991px) and (min-width: 768px) {
  .bloque-main .imagen-persona-verde {
    display: none;
  }
  .bloque-main.con-imagen{
    padding-right: 0;
  }
  .paso1-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .paso1-form > div.col-33,
  .paso1-form > div.col-66{
    max-width: 100%;
  }
  .bloque-main .imagen-chica-porcentaje,
  .bloque-main .imagen-chico-porcentaje {
    width: 6.992em;
    height: 21.24em;
    right: -4.4em;
  }
  .bloque-main .progreso-autodiagnostico::before {
    width: 7.992em;
  }
  .bloque-main .progreso-autodiagnostico::after{
    font-size: 2.2em;
    left: 1em;
  }
  .content-retroalimentacion .caja-gris {
    min-width: 48%;
  }
}
/****
 * Estilos para bloque y contenidos de Lectura facil
 ****/
.enlace-lectura-facil  {
  text-align: right;
  font-size: 0.8em;
  position: fixed;
  top: 4em;
  right: 0;
  z-index: 10;
  text-align: center;

}
.enlace-lectura-facil P {
  margin: 0;
  font-weight: bold;
  color: #FFFFFF;
  background: #0a1396;
  border-radius: 1em 0 0 1em;
  padding: 0.3em;
  display: inline-block;
}
.enlace-lectura-facil P A {
  color: #ffffff;
  width: 5em;
  display: block;

}
.enlace-lectura-facil P A:hover {
  text-decoration: none;
}
.enlace-lectura-facil P A:hover IMG {
  width: 5em;
  transition: all 0.2s linear;
}

.enlace-lectura-facil IMG {
  width: 4em;
  vertical-align: middle;
}
.bloque-lectura-facil {
  display: none;
  background: #eeeeee;
  margin-bottom: 2em;
}

.bloque-lectura-facil .texto-lectura-facil{
  background: #eeeeee;
  padding: 0 1em;
  font-size: 1.2em;
  color: #000000;
}
.bloque-lectura-facil .ini-lectura-facil P{

  background-color: #0a1396;
  color: #ffffff;
  font-size: 1.4em;
  padding: 0 1em;

}
.bloque-lectura-facil .ini-lectura-facil P{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;

  margin: 0;
}
.bloque-lectura-facil .ini-lectura-facil IMG {
  vertical-align: middle;
  width: 3em;
}


.elemento-lectura-facil {
  display: none;
  background: #fff;
  margin-top: 0.5em;
  padding: 0;
  font-size: 1.05em;
  color: #000000;
  width: 100%;
  margin-bottom: 2em;
  clear: both;
}
.elemento-lectura-facil.visible {
  display: block;
}
.elemento-lectura-facil span {
  padding: 0.3em 1em;
  display: block;
}

.elemento-lectura-facil strong {
  background-color: #0a1396;
  font-weight: normal;
  display: block;
  color: #ffffff;
  font-size: 1.1em;
}
.elemento-lectura-facil strong IMG {
  width: 2em;
  vertical-align: middle;
}
.bloque-campos-derecha .elemento-lectura-facil{
  margin-top: 2em;
}
 /*************************** LOGIN *****************************/
 .panel-login {
  margin-top: 60px;
  background: #ffffff;
  color: #727272;
  border: none;
}
.bg-login{
  background-image: url(/images/login-bg.jpg); 
  background-size: cover; 
  background-repeat: no-repeat;
}

 /*************************** video inicial *****************************/
.form-politica-privacidad {
  font-size: 1em;
}
.form-politica-privacidad P {
  font-size: 1em;
  color: #555555;
}
.form-politica-privacidad label{
  font-size: 1em;
  
}
.form-politica-privacidad label A{
  color: #131313;
  text-decoration: underline;
}
.form-politica-privacidad label A:hover,
.form-politica-privacidad label A:focus,
.form-politica-privacidad label A:visited{
  color: #131313;
  text-decoration: none;
  color: #770909;
}

/*******************************
 * controls-video
 *******************************/
.player {
  background: #000000;
}
.controls-video {
  background: #000000;
  padding: 0.2em 1em;
}
.controls-video button,
.controls-video span.time {
  margin: 0 0.3em;
}
.controls-video span.time {
  color: #ffffff;
}
.controls-video button {
  border: 0;
  background: transparent;
  margin: 0 0.4em; 
  padding: 0;
  color: #ffffff;
  cursor: pointer;
}
.controls-video button span.fa {
  color: #FFFFFF;
}

/**************************************************
 estilos tooltip obtenidos de bootstrap
**************************************************/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.bloque-resultados-retroalimentacion {
  width: auto;
  float: left;
  clear:both;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}
.bloque-resultados-retroalimentacion DT {
  width: auto;
  float: left;
  text-align: left;
}
.bloque-resultados-retroalimentacion DD {
  margin-right: 2em;
  text-align: left;
  margin-left: 0.5em;
  float: left;
}
.bloque-resultados-retroalimentacion .datos-proyecto {
  width: 100%;
  text-align: center;
  margin-right: 0;
  margin-left: 0;
}
.bloque-resultados-retroalimentacion DD.datos-proyecto {
  margin-bottom: 2em;
}
@media (min-width: 1440px) { 

  .bloque-resultados-retroalimentacion DT:nth-child(13) {
    clear: left;
  }
  .bloque-resultados-retroalimentacion DT {
  }
  
  .bloque-resultados-retroalimentacion DD {
    min-width: 5%
  }

}
@media (max-width: 767px) {
  .bloque-resultados-retroalimentacion DT:nth-child(2n+1) {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bloque-resultados-retroalimentacion DT:nth-child(6n+3) {
    clear: left;
  }
  .bloque-resultados-retroalimentacion DT {
    width: 20%
  }
  
  .bloque-resultados-retroalimentacion DD {
    width: 5%
  }
  
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .bloque-resultados-retroalimentacion DT:nth-child(8n+3) {
    clear: left;
  }
  .bloque-resultados-retroalimentacion DT {
    width: 14%
  }
  
  .bloque-resultados-retroalimentacion DD {
    width: 5%
  }
}