activate.escuela-activa.es Open in urlscan Pro
82.223.203.225  Public Scan

URL: https://activate.escuela-activa.es/
Submission: On July 10 via automatic, source certstream-suspicious — Scanned from ES

Form analysis 2 forms found in the DOM

https://www.escuela-activa.es/

<form class="d-flex" action="https://www.escuela-activa.es/">
  <button class="btn btn-outline-success" type="submit">CONTÁCTANOS</button>
</form>

POST https://activate.escuela-activa.es/activate/save

<form name="" method="post" action="https://activate.escuela-activa.es/activate/save">
  <input name="_token" type="hidden" value="fMyNTDTKfUx4fJNYIAC64OjRHagAfiD0UEbGDtzT">
  <div class=" col-md-6 offset-md-3 my-auto" style="height:90vh; padding-top:10%" id="0a">
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"><i class="bi bi-gender-ambiguous"></i></span>
      </div>
      <select name="sexo" id="sexo" class="form-control rounded-right" required="">
        <option value="" readonly=""> Selecciona el sexo con el que más te identificas *</option>
        <option value="masculino"> Masculino</option>
        <option value="femenino"> Femenino</option>
        <option value="otro"> Otros</option>
      </select>
    </div>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"><i class="bi bi-journal-bookmark-fill"></i></span>
      </div>
      <select name="curso" class="form-control rounded-right" required="">
        <option value="" readonly=""> Selecciona tu curso *</option>
        <option value="2bach"> 2º Bachillerato</option>
        <option value="1bach"> 1º Bachillerato</option>
        <option value="4eso"> 4º ESO</option>
        <option value="3eso"> 3º ESO</option>
        <option value="2eso"> 2º ESO</option>
        <option value="3eso"> 1º ESO</option>
        <option value="6primaria"> 6º Primaria</option>
        <option value="5primaria"> 5º Primaria</option>
        <option value="4primaria"> 4º Primaria</option>
        <option value="3primaria"> 3º Primaria</option>
        <option value="2primaria"> 2º Primaria</option>
        <option value="1primaria"> 1º Primaria</option>
      </select>
    </div>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"><i class="bi bi-megaphone"></i></span>
      </div>
      <select name="conocimiento" id="conocimiento" class="form-control rounded-right" required="">
        <option value="" readonly=""> ¿Cómo nos has conocido? *</option>
        <option value="rrss"> Redes Sociales</option>
        <option value="prensaDigital"> Publicidad prensa digital</option>
        <option value="google"> Google</option>
        <option value="radio"> Radio</option>
        <option value="email"> Email</option>
        <option value="recomendacion"> Recomendación</option>
      </select>
    </div>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"><i class="bi bi-person"></i></span>
      </div>
      <input type="text" name="nombre" id="nombre" class="form-control rounded-right" required="" placeholder="Nombre completo">
    </div>
    <div class="input-group">
      <div class="input-group-prepend">
        <span class="input-group-text"><i class="bi bi-envelope"></i></span>
      </div>
      <input type="text" name="email" id="email" class="form-control rounded-right" required="" placeholder="Tu dirección de email">
    </div>
    <br>
    <br>
    <div class="d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
      <div class="mx-auto my-auto"><a href="#1"><img src="/images/arrow_derecha.png" alt=""></a></div>
    </div>
  </div>
  <div id="item">
    <br>
    <div class="item row" id="1" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 3.3333333333333%; height: 1.75rem !important;" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">1/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuentas con una programación semanal de lo que tienes que hacer en cuanto a tus deberes y estudio?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#0"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_1.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp1" name="resp1" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp1" name="resp1" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp1" name="resp1" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp1" name="resp1" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp1" name="resp1" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#2"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_1.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp1" name="resp1" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp1" name="resp1" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp1" name="resp1" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp1" name="resp1" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp1" name="resp1" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#0"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#2" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="2" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 6.6666666666667%; height: 1.75rem !important;" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">2/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Y lo mismo pero diaria?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#1"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_2.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp2" name="resp2" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp2" name="resp2" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp2" name="resp2" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp2" name="resp2" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp2" name="resp2" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#3"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_2.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp2" name="resp2" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp2" name="resp2" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp2" name="resp2" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp2" name="resp2" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp2" name="resp2" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#1"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#3" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="3" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 10%; height: 1.75rem !important;" aria-valuenow="3" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">3/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cumples las previsiones de horarios y tareas que has planificado para estudiar (si ni siquiera planificas, debes responder “nunca”)?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#2"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_3.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp3" name="resp3" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp3" name="resp3" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp3" name="resp3" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp3" name="resp3" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp3" name="resp3" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#4"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_3.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp3" name="resp3" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp3" name="resp3" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp3" name="resp3" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp3" name="resp3" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp3" name="resp3" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#2"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#4" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="4" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 13.333333333333%; height: 1.75rem !important;" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">4/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Sueles retrasar la hora de empezar a estudiar que habías fijado?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#3"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_4.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp4" name="resp4" value="5" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp4" name="resp4" value="4" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp4" name="resp4" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp4" name="resp4" value="2" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp4" name="resp4" value="1" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#5"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_4.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp4" name="resp4" value="5" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp4" name="resp4" value="4" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp4" name="resp4" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp4" name="resp4" value="2" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp4" name="resp4" value="1" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#3"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#5" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="5" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 16.666666666667%; height: 1.75rem !important;" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">5/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Prestas atención en clase a las explicaciones de docentes?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#4"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_5.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp5" name="resp5" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp5" name="resp5" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp5" name="resp5" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp5" name="resp5" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp5" name="resp5" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#6"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_5.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp5" name="resp5" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp5" name="resp5" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp5" name="resp5" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp5" name="resp5" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp5" name="resp5" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#4"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#6" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="6" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 20%; height: 1.75rem !important;" aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">6/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Qué porcentaje de lo que explican en clase aprendes solo atendiendo?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#5"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_6.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp6" name="resp6" value="1" class="form-check-input" required=""> Nada</label></p>
              <p class="respuesta"><label><input type="radio" id="resp6" name="resp6" value="2" class="form-check-input"> 10%</label></p>
              <p class="respuesta"><label><input type="radio" id="resp6" name="resp6" value="3" class="form-check-input"> 25%</label></p>
              <p class="respuesta"><label><input type="radio" id="resp6" name="resp6" value="4" class="form-check-input"> 50%</label></p>
              <p class="respuesta"><label><input type="radio" id="resp6" name="resp6" value="5" class="form-check-input"> 75% o más</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#7"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_6.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp6" name="resp6" value="1" class="form-check-input" required=""> Nada</p>
            <p class="respuesta"><input type="radio" id="resp6" name="resp6" value="2" class="form-check-input"> 10%</p>
            <p class="respuesta"><input type="radio" id="resp6" name="resp6" value="3" class="form-check-input"> 25%</p>
            <p class="respuesta"><input type="radio" id="resp6" name="resp6" value="4" class="form-check-input"> 50%</p>
            <p class="respuesta"><input type="radio" id="resp6" name="resp6" value="5" class="form-check-input"> 75% o más</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#5"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#7" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="7" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 23.333333333333%; height: 1.75rem !important;" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">7/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Encuentras aburrido el estudio y las clases en general?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#6"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_7.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp7" name="resp7" value="5" class="form-check-input" required=""> No</label></p>
              <p class="respuesta"><label><input type="radio" id="resp7" name="resp7" value="4" class="form-check-input"> Solo una materia y por quien la imparte</label></p>
              <p class="respuesta"><label><input type="radio" id="resp7" name="resp7" value="3" class="form-check-input"> Alguna asignatura sólo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp7" name="resp7" value="2" class="form-check-input"> Para la mayoría de las asignaturas</label></p>
              <p class="respuesta"><label><input type="radio" id="resp7" name="resp7" value="1" class="form-check-input"> Sí</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#8"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_7.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp7" name="resp7" value="5" class="form-check-input" required=""> No</p>
            <p class="respuesta"><input type="radio" id="resp7" name="resp7" value="4" class="form-check-input"> Solo una materia y por quien la imparte</p>
            <p class="respuesta"><input type="radio" id="resp7" name="resp7" value="3" class="form-check-input"> Alguna asignatura sólo</p>
            <p class="respuesta"><input type="radio" id="resp7" name="resp7" value="2" class="form-check-input"> Para la mayoría de las asignaturas</p>
            <p class="respuesta"><input type="radio" id="resp7" name="resp7" value="1" class="form-check-input"> Sí</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#6"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#8" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="8" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 26.666666666667%; height: 1.75rem !important;" aria-valuenow="8" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">8/30</b>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Participas en el aula cuando el equipo docente lo solicita a toda la clase conjuntamente?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#7"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_8.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp8" name="resp8" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp8" name="resp8" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp8" name="resp8" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp8" name="resp8" value="4" class="form-check-input"> Frecuentemente, no me importa</label></p>
              <p class="respuesta"><label><input type="radio" id="resp8" name="resp8" value="5" class="form-check-input"> Siempre que puedo, me gusta</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#9"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_8.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp8" name="resp8" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp8" name="resp8" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp8" name="resp8" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp8" name="resp8" value="4" class="form-check-input"> Frecuentemente, no me importa</p>
            <p class="respuesta"><input type="radio" id="resp8" name="resp8" value="5" class="form-check-input"> Siempre que puedo, me gusta</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#7"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#9" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="9" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 30%; height: 1.75rem !important;" aria-valuenow="9" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">9/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Preguntas en clase aquello que no has entendido, levantando la mano o pidiendo aclaración de forma individual?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#8"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_9.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp9" name="resp9" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp9" name="resp9" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp9" name="resp9" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp9" name="resp9" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp9" name="resp9" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#10"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_9.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp9" name="resp9" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp9" name="resp9" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp9" name="resp9" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp9" name="resp9" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp9" name="resp9" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#8"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#10" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="10" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 33.333333333333%; height: 1.75rem !important;" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">10/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuando puedes elegir sitio en clase, en qué filas te pones?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#9"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_10.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp10" name="resp10" value="1" class="form-check-input" required=""> En la última fila</label></p>
              <p class="respuesta"><label><input type="radio" id="resp10" name="resp10" value="2" class="form-check-input"> Por el final</label></p>
              <p class="respuesta"><label><input type="radio" id="resp10" name="resp10" value="3" class="form-check-input"> En el medio</label></p>
              <p class="respuesta"><label><input type="radio" id="resp10" name="resp10" value="4" class="form-check-input"> Por el principio</label></p>
              <p class="respuesta"><label><input type="radio" id="resp10" name="resp10" value="5" class="form-check-input"> En primera fila</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#11"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_10.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp10" name="resp10" value="1" class="form-check-input" required=""> En la última fila</p>
            <p class="respuesta"><input type="radio" id="resp10" name="resp10" value="2" class="form-check-input"> Por el final</p>
            <p class="respuesta"><input type="radio" id="resp10" name="resp10" value="3" class="form-check-input"> En el medio</p>
            <p class="respuesta"><input type="radio" id="resp10" name="resp10" value="4" class="form-check-input"> Por el principio</p>
            <p class="respuesta"><input type="radio" id="resp10" name="resp10" value="5" class="form-check-input"> En primera fila</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#9"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#11" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="11" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 36.666666666667%; height: 1.75rem !important;" aria-valuenow="11" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">11/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cómo organizas tu material de estudio?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#10"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_11.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp11" name="resp11" value="1" class="form-check-input" required=""> No lo organizo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp11" name="resp11" value="2" class="form-check-input"> Bastante mal</label></p>
              <p class="respuesta"><label><input type="radio" id="resp11" name="resp11" value="3" class="form-check-input"> Regular</label></p>
              <p class="respuesta"><label><input type="radio" id="resp11" name="resp11" value="4" class="form-check-input"> Bastante bien</label></p>
              <p class="respuesta"><label><input type="radio" id="resp11" name="resp11" value="5" class="form-check-input"> Muy bien</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#12"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_11.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp11" name="resp11" value="1" class="form-check-input" required=""> No lo organizo</p>
            <p class="respuesta"><input type="radio" id="resp11" name="resp11" value="2" class="form-check-input"> Bastante mal</p>
            <p class="respuesta"><input type="radio" id="resp11" name="resp11" value="3" class="form-check-input"> Regular</p>
            <p class="respuesta"><input type="radio" id="resp11" name="resp11" value="4" class="form-check-input"> Bastante bien</p>
            <p class="respuesta"><input type="radio" id="resp11" name="resp11" value="5" class="form-check-input"> Muy bien</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#10"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#12" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="12" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 40%; height: 1.75rem !important;" aria-valuenow="12" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">12/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Piensas con relativa frecuencia que deberías haber trabajado más los días anteriores al que te encuentras?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#11"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_12.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp12" name="resp12" value="1" class="form-check-input" required=""> Sé que no he trabajado lo suficiente pero porque no he querido</label></p>
              <p class="respuesta"><label><input type="radio" id="resp12" name="resp12" value="2" class="form-check-input"> Me pasas sobre todo en exámenes</label></p>
              <p class="respuesta"><label><input type="radio" id="resp12" name="resp12" value="3" class="form-check-input"> Me suele pasar</label></p>
              <p class="respuesta"><label><input type="radio" id="resp12" name="resp12" value="4" class="form-check-input"> Alguna vez porque me he planificado mal</label></p>
              <p class="respuesta"><label><input type="radio" id="resp12" name="resp12" value="5" class="form-check-input"> No, porque trabajo todo lo que puedo</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#13"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_12.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp12" name="resp12" value="1" class="form-check-input" required=""> Sé que no he trabajado lo suficiente pero porque no he querido</p>
            <p class="respuesta"><input type="radio" id="resp12" name="resp12" value="2" class="form-check-input"> Me pasas sobre todo en exámenes</p>
            <p class="respuesta"><input type="radio" id="resp12" name="resp12" value="3" class="form-check-input"> Me suele pasar</p>
            <p class="respuesta"><input type="radio" id="resp12" name="resp12" value="4" class="form-check-input"> Alguna vez porque me he planificado mal</p>
            <p class="respuesta"><input type="radio" id="resp12" name="resp12" value="5" class="form-check-input"> No, porque trabajo todo lo que puedo</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#11"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#13" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="13" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 43.333333333333%; height: 1.75rem !important;" aria-valuenow="13" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">13/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Te cuesta encontrar tu material (bolígrafo, apuntes, fichas de trabajo…)?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#12"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_13.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp13" name="resp13" value="5" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp13" name="resp13" value="4" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp13" name="resp13" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp13" name="resp13" value="2" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp13" name="resp13" value="1" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#14"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_13.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp13" name="resp13" value="5" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp13" name="resp13" value="4" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp13" name="resp13" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp13" name="resp13" value="2" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp13" name="resp13" value="1" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#12"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#14" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="14" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 46.666666666667%; height: 1.75rem !important;" aria-valuenow="14" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">14/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Subrayas las lecciones o extraes sus ideas principales?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#13"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_14.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp14" name="resp14" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp14" name="resp14" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp14" name="resp14" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp14" name="resp14" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp14" name="resp14" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#15"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_14.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp14" name="resp14" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp14" name="resp14" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp14" name="resp14" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp14" name="resp14" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp14" name="resp14" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#13"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#15" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="15" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 50%; height: 1.75rem !important;" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">15/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Haces esquemas sin ayuda de nadie y por propia iniciativa?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#14"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_15.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp15" name="resp15" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp15" name="resp15" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp15" name="resp15" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp15" name="resp15" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp15" name="resp15" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#16"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_15.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp15" name="resp15" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp15" name="resp15" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp15" name="resp15" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp15" name="resp15" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp15" name="resp15" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#14"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#16" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="16" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 53.333333333333%; height: 1.75rem !important;" aria-valuenow="16" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">16/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuánto tiempo estás estudiando o haciendo deberes realmente con buena concentración?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#15"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_16.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp16" name="resp16" value="1" class="form-check-input" required=""> 5 minutos como máximo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp16" name="resp16" value="2" class="form-check-input"> Entre 6 y 10 minutos</label></p>
              <p class="respuesta"><label><input type="radio" id="resp16" name="resp16" value="3" class="form-check-input"> 15 minutos</label></p>
              <p class="respuesta"><label><input type="radio" id="resp16" name="resp16" value="4" class="form-check-input"> Media hora</label></p>
              <p class="respuesta"><label><input type="radio" id="resp16" name="resp16" value="5" class="form-check-input"> Casi una hora o más</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#17"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_16.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp16" name="resp16" value="1" class="form-check-input" required=""> 5 minutos como máximo</p>
            <p class="respuesta"><input type="radio" id="resp16" name="resp16" value="2" class="form-check-input"> Entre 6 y 10 minutos</p>
            <p class="respuesta"><input type="radio" id="resp16" name="resp16" value="3" class="form-check-input"> 15 minutos</p>
            <p class="respuesta"><input type="radio" id="resp16" name="resp16" value="4" class="form-check-input"> Media hora</p>
            <p class="respuesta"><input type="radio" id="resp16" name="resp16" value="5" class="form-check-input"> Casi una hora o más</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#15"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#17" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="17" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 56.666666666667%; height: 1.75rem !important;" aria-valuenow="17" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">17/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Alguna vez no te habías enterado de que había examen o de que tenías que llevar hecho algún trabajo?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#16"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_17.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp17" name="resp17" value="5" class="form-check-input" required=""> No me ha pasado</label></p>
              <p class="respuesta"><label><input type="radio" id="resp17" name="resp17" value="4" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp17" name="resp17" value="3" class="form-check-input"> Me pasa una vez por evaluación</label></p>
              <p class="respuesta"><label><input type="radio" id="resp17" name="resp17" value="2" class="form-check-input"> Me pasa una vez al mes</label></p>
              <p class="respuesta"><label><input type="radio" id="resp17" name="resp17" value="1" class="form-check-input"> Me pasa casi todas las semanas</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#18"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_17.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp17" name="resp17" value="5" class="form-check-input" required=""> No me ha pasado</p>
            <p class="respuesta"><input type="radio" id="resp17" name="resp17" value="4" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp17" name="resp17" value="3" class="form-check-input"> Me pasa una vez por evaluación</p>
            <p class="respuesta"><input type="radio" id="resp17" name="resp17" value="2" class="form-check-input"> Me pasa una vez al mes</p>
            <p class="respuesta"><input type="radio" id="resp17" name="resp17" value="1" class="form-check-input"> Me pasa casi todas las semanas</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#16"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#18" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="18" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 60%; height: 1.75rem !important;" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">18/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Haces alguna anotación o tomas algún apunte cuando la/el docente dice algo interesante (un truco para un ejercicio, algo que dice que es muy importante…)?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#17"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_18.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp18" name="resp18" value="1" class="form-check-input" required=""> No lo sé</label></p>
              <p class="respuesta"><label><input type="radio" id="resp18" name="resp18" value="2" class="form-check-input"> No suelo hacerlo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp18" name="resp18" value="3" class="form-check-input"> Cuando me lo dicen expresamente que lo haga</label></p>
              <p class="respuesta"><label><input type="radio" id="resp18" name="resp18" value="4" class="form-check-input"> Cuando se aproximan los exámenes</label></p>
              <p class="respuesta"><label><input type="radio" id="resp18" name="resp18" value="5" class="form-check-input"> Sí porque me ayuda</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#19"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_18.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp18" name="resp18" value="1" class="form-check-input" required=""> No lo sé</p>
            <p class="respuesta"><input type="radio" id="resp18" name="resp18" value="2" class="form-check-input"> No suelo hacerlo</p>
            <p class="respuesta"><input type="radio" id="resp18" name="resp18" value="3" class="form-check-input"> Cuando me lo dicen expresamente que lo haga</p>
            <p class="respuesta"><input type="radio" id="resp18" name="resp18" value="4" class="form-check-input"> Cuando se aproximan los exámenes</p>
            <p class="respuesta"><input type="radio" id="resp18" name="resp18" value="5" class="form-check-input"> Sí porque me ayuda</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#17"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#19" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="19" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 63.333333333333%; height: 1.75rem !important;" aria-valuenow="19" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">19/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Tienes un orden a la hora de elegir asignatura o actividad cuando te pones a estudiar o a hacer deberes?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#18"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_19.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp19" name="resp19" value="1" class="form-check-input" required=""> Me lo suele organizar otra persona (madre, padre…)</label></p>
              <p class="respuesta"><label><input type="radio" id="resp19" name="resp19" value="2" class="form-check-input"> Empiezo por lo primero que me acuerdo que tengo que hacer</label></p>
              <p class="respuesta"><label><input type="radio" id="resp19" name="resp19" value="3" class="form-check-input"> Comienzo por lo más fácil o lo que más me gusta</label></p>
              <p class="respuesta"><label><input type="radio" id="resp19" name="resp19" value="4" class="form-check-input"> Siempre sigo el mismo orden en las asignaturas</label></p>
              <p class="respuesta"><label><input type="radio" id="resp19" name="resp19" value="5" class="form-check-input"> Suelo empezar por lo más complicado</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#20"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_19.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp19" name="resp19" value="1" class="form-check-input" required=""> Me lo suele organizar otra persona (madre, padre…)</p>
            <p class="respuesta"><input type="radio" id="resp19" name="resp19" value="2" class="form-check-input"> Empiezo por lo primero que me acuerdo que tengo que hacer</p>
            <p class="respuesta"><input type="radio" id="resp19" name="resp19" value="3" class="form-check-input"> Comienzo por lo más fácil o lo que más me gusta</p>
            <p class="respuesta"><input type="radio" id="resp19" name="resp19" value="4" class="form-check-input"> Siempre sigo el mismo orden en las asignaturas</p>
            <p class="respuesta"><input type="radio" id="resp19" name="resp19" value="5" class="form-check-input"> Suelo empezar por lo más complicado</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#18"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#20" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="20" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 66.666666666667%; height: 1.75rem !important;" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">20/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Con cuántos días de antelación empiezas a estudiar un examen?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#19"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_20.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp20" name="resp20" value="1" class="form-check-input" required=""> A veces no los estudio</label></p>
              <p class="respuesta"><label><input type="radio" id="resp20" name="resp20" value="2" class="form-check-input"> El día de antes</label></p>
              <p class="respuesta"><label><input type="radio" id="resp20" name="resp20" value="3" class="form-check-input"> Dos o tres días antes</label></p>
              <p class="respuesta"><label><input type="radio" id="resp20" name="resp20" value="4" class="form-check-input"> Entre 3 y 5 días</label></p>
              <p class="respuesta"><label><input type="radio" id="resp20" name="resp20" value="5" class="form-check-input"> Con más de 5 días</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#21"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_20.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp20" name="resp20" value="1" class="form-check-input" required=""> A veces no los estudio</p>
            <p class="respuesta"><input type="radio" id="resp20" name="resp20" value="2" class="form-check-input"> El día de antes</p>
            <p class="respuesta"><input type="radio" id="resp20" name="resp20" value="3" class="form-check-input"> Dos o tres días antes</p>
            <p class="respuesta"><input type="radio" id="resp20" name="resp20" value="4" class="form-check-input"> Entre 3 y 5 días</p>
            <p class="respuesta"><input type="radio" id="resp20" name="resp20" value="5" class="form-check-input"> Con más de 5 días</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#19"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#21" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="21" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 70%; height: 1.75rem !important;" aria-valuenow="21" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">21/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Tienes un horario más o menos fijo para estudiar?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#20"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_21.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp21" name="resp21" value="1" class="form-check-input" required=""> No suelo estudiar en casa</label></p>
              <p class="respuesta"><label><input type="radio" id="resp21" name="resp21" value="2" class="form-check-input"> No, estudio cuando me lo dicen</label></p>
              <p class="respuesta"><label><input type="radio" id="resp21" name="resp21" value="3" class="form-check-input"> Lo intento pero no lo consigo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp21" name="resp21" value="4" class="form-check-input"> Sí, salvo que me lo impidan otras actividades (deporte, academia…)</label></p>
              <p class="respuesta"><label><input type="radio" id="resp21" name="resp21" value="5" class="form-check-input"> Sí, uno para entre semana y otro para los fines de semana</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#22"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_21.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp21" name="resp21" value="1" class="form-check-input" required=""> No suelo estudiar en casa</p>
            <p class="respuesta"><input type="radio" id="resp21" name="resp21" value="2" class="form-check-input"> No, estudio cuando me lo dicen</p>
            <p class="respuesta"><input type="radio" id="resp21" name="resp21" value="3" class="form-check-input"> Lo intento pero no lo consigo</p>
            <p class="respuesta"><input type="radio" id="resp21" name="resp21" value="4" class="form-check-input"> Sí, salvo que me lo impidan otras actividades (deporte, academia…)</p>
            <p class="respuesta"><input type="radio" id="resp21" name="resp21" value="5" class="form-check-input"> Sí, uno para entre semana y otro para los fines de semana</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#20"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#22" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="22" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 73.333333333333%; height: 1.75rem !important;" aria-valuenow="22" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">22/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Tienes una mesa y habitación más o menos fija para estudiar?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#21"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_22.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp22" name="resp22" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp22" name="resp22" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp22" name="resp22" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp22" name="resp22" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp22" name="resp22" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#23"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_22.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp22" name="resp22" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp22" name="resp22" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp22" name="resp22" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp22" name="resp22" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp22" name="resp22" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#21"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#23" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="23" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 76.666666666667%; height: 1.75rem !important;" aria-valuenow="23" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">23/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuál es tu objetivo para las notas de este curso?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#22"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_23.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp23" name="resp23" value="1" class="form-check-input" required=""> No me importa demasiado</label></p>
              <p class="respuesta"><label><input type="radio" id="resp23" name="resp23" value="2" class="form-check-input"> No repetir</label></p>
              <p class="respuesta"><label><input type="radio" id="resp23" name="resp23" value="3" class="form-check-input"> Suspender una como mucho</label></p>
              <p class="respuesta"><label><input type="radio" id="resp23" name="resp23" value="4" class="form-check-input"> Aprobar todo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp23" name="resp23" value="5" class="form-check-input"> Me gustaría sacar buenas notas además de aprobar</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#24"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_23.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp23" name="resp23" value="1" class="form-check-input" required=""> No me importa demasiado</p>
            <p class="respuesta"><input type="radio" id="resp23" name="resp23" value="2" class="form-check-input"> No repetir</p>
            <p class="respuesta"><input type="radio" id="resp23" name="resp23" value="3" class="form-check-input"> Suspender una como mucho</p>
            <p class="respuesta"><input type="radio" id="resp23" name="resp23" value="4" class="form-check-input"> Aprobar todo</p>
            <p class="respuesta"><input type="radio" id="resp23" name="resp23" value="5" class="form-check-input"> Me gustaría sacar buenas notas además de aprobar</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#22"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#24" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="24" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 80%; height: 1.75rem !important;" aria-valuenow="24" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">24/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Estás trabajando y de repente te has evadido? </b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#23"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_24.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp24" name="resp24" value="5" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp24" name="resp24" value="4" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp24" name="resp24" value="3" class="form-check-input"> Casi todas las veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp24" name="resp24" value="2" class="form-check-input"> Siempre que estudio</label></p>
              <p class="respuesta"><label><input type="radio" id="resp24" name="resp24" value="1" class="form-check-input"> Siempre que estudio y además en ocasiones no sé por dónde iba</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#25"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_24.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp24" name="resp24" value="5" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp24" name="resp24" value="4" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp24" name="resp24" value="3" class="form-check-input"> Casi todas las veces</p>
            <p class="respuesta"><input type="radio" id="resp24" name="resp24" value="2" class="form-check-input"> Siempre que estudio</p>
            <p class="respuesta"><input type="radio" id="resp24" name="resp24" value="1" class="form-check-input"> Siempre que estudio y además en ocasiones no sé por dónde iba</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#23"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#25" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="25" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 83.333333333333%; height: 1.75rem !important;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">25/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Si sabes que algo es perjudicial para tus estudios pero te gusta, lo haces? (Por ejemplo, mirar el móvil)</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#24"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_25.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp25" name="resp25" value="5" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp25" name="resp25" value="4" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp25" name="resp25" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp25" name="resp25" value="2" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp25" name="resp25" value="1" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#26"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_25.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp25" name="resp25" value="5" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp25" name="resp25" value="4" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp25" name="resp25" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp25" name="resp25" value="2" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp25" name="resp25" value="1" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#24"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#26" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="26" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 86.666666666667%; height: 1.75rem !important;" aria-valuenow="26" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">26/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Tienes tú controladas las fechas de exámenes y de entrega de ejercicios?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#25"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_26.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp26" name="resp26" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp26" name="resp26" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp26" name="resp26" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp26" name="resp26" value="4" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp26" name="resp26" value="5" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#27"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_26.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp26" name="resp26" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp26" name="resp26" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp26" name="resp26" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp26" name="resp26" value="4" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp26" name="resp26" value="5" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#25"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#27" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="27" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 90%; height: 1.75rem !important;" aria-valuenow="27" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">27/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuándo no consigues tus objetivos, sueles justificarlo y responsabilizar a otras personas o circunstancias?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#26"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_27.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp27" name="resp27" value="5" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp27" name="resp27" value="4" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp27" name="resp27" value="3" class="form-check-input"> A veces</label></p>
              <p class="respuesta"><label><input type="radio" id="resp27" name="resp27" value="2" class="form-check-input"> Casi siempre</label></p>
              <p class="respuesta"><label><input type="radio" id="resp27" name="resp27" value="1" class="form-check-input"> Siempre</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#28"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_27.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp27" name="resp27" value="5" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp27" name="resp27" value="4" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp27" name="resp27" value="3" class="form-check-input"> A veces</p>
            <p class="respuesta"><input type="radio" id="resp27" name="resp27" value="2" class="form-check-input"> Casi siempre</p>
            <p class="respuesta"><input type="radio" id="resp27" name="resp27" value="1" class="form-check-input"> Siempre</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#26"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#28" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="28" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 93.333333333333%; height: 1.75rem !important;" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">28/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuál es tu reacción cuando los resultados académicos no han sido los esperados?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#27"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_28.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp28" name="resp28" value="1" class="form-check-input" required=""> No me preocupa demasiado</label></p>
              <p class="respuesta"><label><input type="radio" id="resp28" name="resp28" value="2" class="form-check-input"> Intento justificar los resultados</label></p>
              <p class="respuesta"><label><input type="radio" id="resp28" name="resp28" value="3" class="form-check-input"> Me arrepiento de no haber trabajado mejor</label></p>
              <p class="respuesta"><label><input type="radio" id="resp28" name="resp28" value="4" class="form-check-input"> Me afecta bastante</label></p>
              <p class="respuesta"><label><input type="radio" id="resp28" name="resp28" value="5" class="form-check-input"> Tomo medidas efectivas para que no me pase de nuevo</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#29"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_28.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp28" name="resp28" value="1" class="form-check-input" required=""> No me preocupa demasiado</p>
            <p class="respuesta"><input type="radio" id="resp28" name="resp28" value="2" class="form-check-input"> Intento justificar los resultados</p>
            <p class="respuesta"><input type="radio" id="resp28" name="resp28" value="3" class="form-check-input"> Me arrepiento de no haber trabajado mejor</p>
            <p class="respuesta"><input type="radio" id="resp28" name="resp28" value="4" class="form-check-input"> Me afecta bastante</p>
            <p class="respuesta"><input type="radio" id="resp28" name="resp28" value="5" class="form-check-input"> Tomo medidas efectivas para que no me pase de nuevo</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#27"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#29" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="29" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 96.666666666667%; height: 1.75rem !important;" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100">
            <b style="font-size:16px; text-shadow: 1px 1px 2px black;">29/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cuándo explican en clase, mantengo la mirada en el profesor/a o en la pizarra?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#28"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_29.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp29" name="resp29" value="1" class="form-check-input" required=""> Nunca</label></p>
              <p class="respuesta"><label><input type="radio" id="resp29" name="resp29" value="2" class="form-check-input"> Rara vez</label></p>
              <p class="respuesta"><label><input type="radio" id="resp29" name="resp29" value="3" class="form-check-input"> En algunas asignaturas</label></p>
              <p class="respuesta"><label><input type="radio" id="resp29" name="resp29" value="4" class="form-check-input"> En la mayoría de asignaturas</label></p>
              <p class="respuesta"><label><input type="radio" id="resp29" name="resp29" value="5" class="form-check-input"> En todas las asignaturas</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#30"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_29.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp29" name="resp29" value="1" class="form-check-input" required=""> Nunca</p>
            <p class="respuesta"><input type="radio" id="resp29" name="resp29" value="2" class="form-check-input"> Rara vez</p>
            <p class="respuesta"><input type="radio" id="resp29" name="resp29" value="3" class="form-check-input"> En algunas asignaturas</p>
            <p class="respuesta"><input type="radio" id="resp29" name="resp29" value="4" class="form-check-input"> En la mayoría de asignaturas</p>
            <p class="respuesta"><input type="radio" id="resp29" name="resp29" value="5" class="form-check-input"> En todas las asignaturas</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#28"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#30" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
    <br>
    <div class="item row" id="30" style="padding-left: 0px !important; padding-top:70px;">
      <div class="col-12 col-md-12" style="padding-top:20px;">
        <div class="progress" style=" height: 1.75rem !important;">
          <div class="progress-bar bg-warning" role="progressbar" style="width: 100%; height: 1.75rem !important;" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"><b style="font-size:16px; text-shadow: 1px 1px 2px black;">30/30</b></div>
        </div>
      </div>
      <div class="col-12 col-md-12 mx-auto text-center" style=" padding-top:30px;">
        <h3 style="color:#424242; ms-4; me-4;"><b>¿Cometes errores al copiar en tu cuaderno el enunciado de un ejercicio?</b></h3>
      </div>
      <!-- DESKTOP -->
      <div class="d-none d-sm-none d-md-inline col-md-2 col-lg-2 col-xl-2 mx-auto my-auto text-center">
        <div class="mx-auto my-auto"><a href="#29"><img src="/images/arrow_izquierda.png" alt=""></a> </div>
      </div>
      <div class="d-none d-sm-none d-md-inline col-md-8 col-lg-8 col-xl-8" style="background-image:url(/images/_30.png);background-position: top center; background-repeat: no-repeat; background-size: cover; padding-bottom:25px;">
        <div class=" row">
          <div class="col-md-4 col-lg-4 col-xl-4"> &nbsp; </div>
          <div class="col-md-8 col-lg-8 col-xl-8 my-auto">
            <div style="padding-left:20%;padding-top:20%;" class="my-auto">
              <p class="respuesta"><label><input type="radio" id="resp30" name="resp30" value="1" class="form-check-input" required=""> No copio los enunciados de los ejercicios</label></p>
              <p class="respuesta"><label><input type="radio" id="resp30" name="resp30" value="2" class="form-check-input"> Me dejo palabras o incluso a veces las repito y debo borrarlas</label></p>
              <p class="respuesta"><label><input type="radio" id="resp30" name="resp30" value="3" class="form-check-input"> Cambio alguna palabra no importante</label></p>
              <p class="respuesta"><label><input type="radio" id="resp30" name="resp30" value="4" class="form-check-input"> Algún acento me dejo</label></p>
              <p class="respuesta"><label><input type="radio" id="resp30" name="resp30" value="5" class="form-check-input"> Lo suelo copiar bien</label></p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-inline col-md-2 col-lg-2 col-xl-2  my-auto mx-auto">
        <div class="mx-auto my-auto"><a href="#31"><img src="/images/arrow_derecha.png" alt=""></a></div>
      </div>
      <!-- MOBILE -->
      <div class="col-12 d-md-none row" style="background-image:url(/images/mobile/_30.png);background-position: top center; background-repeat: no-repeat; background-size: contain; padding-top:15px; padding-bottom:25px; min-height: 400px;">
        <div class="col-12 d-md-none mx-auto">
          <div style="" class="mx-auto">
            <p class="respuesta"><input type="radio" id="resp30" name="resp30" value="1" class="form-check-input" required=""> No copio los enunciados de los ejercicios</p>
            <p class="respuesta"><input type="radio" id="resp30" name="resp30" value="2" class="form-check-input"> Me dejo palabras o incluso a veces las repito y debo borrarlas</p>
            <p class="respuesta"><input type="radio" id="resp30" name="resp30" value="3" class="form-check-input"> Cambio alguna palabra no importante</p>
            <p class="respuesta"><input type="radio" id="resp30" name="resp30" value="4" class="form-check-input"> Algún acento me dejo</p>
            <p class="respuesta"><input type="radio" id="resp30" name="resp30" value="5" class="form-check-input"> Lo suelo copiar bien</p>
          </div>
          <div style="margin-top:10vh;"></div>
          <div class=""><a href="#29"><img src="/images/arrow_izquierda.png" alt="" class="img-fluid"></a>
            <a href="#31" style="padding-left:35% !important;"><img src="/images/arrow_derecha.png" alt="" style="left:70% !important;"></a>
          </div>
        </div>
      </div>
      <div class="row" style="margin-top:-20px;">
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
        <div class="col-4 d-md-none mx-auto my-auto text-center">
        </div>
      </div>
    </div>
  </div>
  <div class="row text-center " id="31">
    <div class="col-md-12">
      <h2 style="color:#424242;">¡Ya has <span style="color:#FCBF18;">terminado!</span></h2>
      <p>Ahora viene algo más complicado: poner en práctica las pautas de mejora que te enviaremos por email junto con tu diagnóstico.<br><b>¿Listo para desarrollar tu potencial?</b>
      </p>
      <br>
      <div class="registro">
        <br>
        <div class="input-group">
          <input type="hidden" name="code" id="code" class="form-control rounded-right">
          <input type="checkbox" name="rgdp" id="rgdp" required="" class="form-check-input"> (*) He leído y acepto la
          <a href="https://www.grupopiquer.com/politica-de-privacidad/" target="_blank" class="text-black font-weight-bold">Política de Privacidad de Grupo Piquer</a>
          <br><br>
          <input type="submit" name="enviar" value="ENVÍAMELO" class="btn btn-primary">
          <br>
        </div>
      </div>
    </div>
  </div>
  <div class="input-group">
    <br>
  </div>
</form>

Text Content

 * Recursos
   * Parentalidad positiva
   * Comunicación y relación familiar
   * Aprendizaje en casa
   * Educación emocional
 * Talleres presenciales
   * Éxito escolar
   * Liderazgo parental
   * Convivencia y relaciones
 * Informe eurostat

CONTÁCTANOS


EVALÚATE Y MEJORA TU


RENDIMIENTO ACADÉMICO

Te presentamos nuestra herramienta ¡Actívate!, con la que podrás conocer tus
destrezas o competencias a la hora de estudiar.

Solo tienes que contestar a una serie de preguntas muy sencillas sobre tu
metodología de estudio, y recibirás al instante un diagnóstico, y además una
serie de pautas que te permitirán superarte.

Haz el test dos veces a lo largo del curso y comprobarás si has conseguido
mejorar tras poner en práctica las consejos y ejercicios del portal Escuela
Activa.


¡VAMOS!


EVALÚATE Y MEJORA TU


RENDIMIENTO ACADÉMICO

Te presentamos nuestra herramienta ¡Actívate!, con la que podrás conocer tus
destrezas o competencias a la hora de estudiar.

Solo tienes que contestar a una serie de preguntas muy sencillas sobre tu
metodología de estudio, y recibirás al instante un diagnóstico, y además una
serie de pautas que te permitirán superarte.

Haz el test dos veces a lo largo del curso y comprobarás si has conseguido
mejorar tras poner en práctica las consejos y ejercicios del portal Escuela
Activa.


¡VAMOS!

Selecciona el sexo con el que más te identificas * Masculino Femenino Otros

Selecciona tu curso * 2º Bachillerato 1º Bachillerato 4º ESO 3º ESO 2º ESO 1º
ESO 6º Primaria 5º Primaria 4º Primaria 3º Primaria 2º Primaria 1º Primaria

¿Cómo nos has conocido? * Redes Sociales Publicidad prensa digital Google Radio
Email Recomendación







1/30


¿CUENTAS CON UNA PROGRAMACIÓN SEMANAL DE LO QUE TIENES QUE HACER EN CUANTO A TUS
DEBERES Y ESTUDIO?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





2/30


¿Y LO MISMO PERO DIARIA?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





3/30


¿CUMPLES LAS PREVISIONES DE HORARIOS Y TAREAS QUE HAS PLANIFICADO PARA ESTUDIAR
(SI NI SIQUIERA PLANIFICAS, DEBES RESPONDER “NUNCA”)?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





4/30


¿SUELES RETRASAR LA HORA DE EMPEZAR A ESTUDIAR QUE HABÍAS FIJADO?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





5/30


¿PRESTAS ATENCIÓN EN CLASE A LAS EXPLICACIONES DE DOCENTES?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





6/30


¿QUÉ PORCENTAJE DE LO QUE EXPLICAN EN CLASE APRENDES SOLO ATENDIENDO?


 

Nada

10%

25%

50%

75% o más



Nada

10%

25%

50%

75% o más





7/30


¿ENCUENTRAS ABURRIDO EL ESTUDIO Y LAS CLASES EN GENERAL?


 

No

Solo una materia y por quien la imparte

Alguna asignatura sólo

Para la mayoría de las asignaturas

Sí



No

Solo una materia y por quien la imparte

Alguna asignatura sólo

Para la mayoría de las asignaturas

Sí





8/30


¿PARTICIPAS EN EL AULA CUANDO EL EQUIPO DOCENTE LO SOLICITA A TODA LA CLASE
CONJUNTAMENTE?


 

Nunca

Rara vez

A veces

Frecuentemente, no me importa

Siempre que puedo, me gusta



Nunca

Rara vez

A veces

Frecuentemente, no me importa

Siempre que puedo, me gusta





9/30


¿PREGUNTAS EN CLASE AQUELLO QUE NO HAS ENTENDIDO, LEVANTANDO LA MANO O PIDIENDO
ACLARACIÓN DE FORMA INDIVIDUAL?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





10/30


¿CUANDO PUEDES ELEGIR SITIO EN CLASE, EN QUÉ FILAS TE PONES?


 

En la última fila

Por el final

En el medio

Por el principio

En primera fila



En la última fila

Por el final

En el medio

Por el principio

En primera fila





11/30


¿CÓMO ORGANIZAS TU MATERIAL DE ESTUDIO?


 

No lo organizo

Bastante mal

Regular

Bastante bien

Muy bien



No lo organizo

Bastante mal

Regular

Bastante bien

Muy bien





12/30


¿PIENSAS CON RELATIVA FRECUENCIA QUE DEBERÍAS HABER TRABAJADO MÁS LOS DÍAS
ANTERIORES AL QUE TE ENCUENTRAS?


 

Sé que no he trabajado lo suficiente pero porque no he querido

Me pasas sobre todo en exámenes

Me suele pasar

Alguna vez porque me he planificado mal

No, porque trabajo todo lo que puedo



Sé que no he trabajado lo suficiente pero porque no he querido

Me pasas sobre todo en exámenes

Me suele pasar

Alguna vez porque me he planificado mal

No, porque trabajo todo lo que puedo





13/30


¿TE CUESTA ENCONTRAR TU MATERIAL (BOLÍGRAFO, APUNTES, FICHAS DE TRABAJO…)?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





14/30


¿SUBRAYAS LAS LECCIONES O EXTRAES SUS IDEAS PRINCIPALES?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





15/30


¿HACES ESQUEMAS SIN AYUDA DE NADIE Y POR PROPIA INICIATIVA?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





16/30


¿CUÁNTO TIEMPO ESTÁS ESTUDIANDO O HACIENDO DEBERES REALMENTE CON BUENA
CONCENTRACIÓN?


 

5 minutos como máximo

Entre 6 y 10 minutos

15 minutos

Media hora

Casi una hora o más



5 minutos como máximo

Entre 6 y 10 minutos

15 minutos

Media hora

Casi una hora o más





17/30


¿ALGUNA VEZ NO TE HABÍAS ENTERADO DE QUE HABÍA EXAMEN O DE QUE TENÍAS QUE LLEVAR
HECHO ALGÚN TRABAJO?


 

No me ha pasado

Rara vez

Me pasa una vez por evaluación

Me pasa una vez al mes

Me pasa casi todas las semanas



No me ha pasado

Rara vez

Me pasa una vez por evaluación

Me pasa una vez al mes

Me pasa casi todas las semanas





18/30


¿HACES ALGUNA ANOTACIÓN O TOMAS ALGÚN APUNTE CUANDO LA/EL DOCENTE DICE ALGO
INTERESANTE (UN TRUCO PARA UN EJERCICIO, ALGO QUE DICE QUE ES MUY IMPORTANTE…)?


 

No lo sé

No suelo hacerlo

Cuando me lo dicen expresamente que lo haga

Cuando se aproximan los exámenes

Sí porque me ayuda



No lo sé

No suelo hacerlo

Cuando me lo dicen expresamente que lo haga

Cuando se aproximan los exámenes

Sí porque me ayuda





19/30


¿TIENES UN ORDEN A LA HORA DE ELEGIR ASIGNATURA O ACTIVIDAD CUANDO TE PONES A
ESTUDIAR O A HACER DEBERES?


 

Me lo suele organizar otra persona (madre, padre…)

Empiezo por lo primero que me acuerdo que tengo que hacer

Comienzo por lo más fácil o lo que más me gusta

Siempre sigo el mismo orden en las asignaturas

Suelo empezar por lo más complicado



Me lo suele organizar otra persona (madre, padre…)

Empiezo por lo primero que me acuerdo que tengo que hacer

Comienzo por lo más fácil o lo que más me gusta

Siempre sigo el mismo orden en las asignaturas

Suelo empezar por lo más complicado





20/30


¿CON CUÁNTOS DÍAS DE ANTELACIÓN EMPIEZAS A ESTUDIAR UN EXAMEN?


 

A veces no los estudio

El día de antes

Dos o tres días antes

Entre 3 y 5 días

Con más de 5 días



A veces no los estudio

El día de antes

Dos o tres días antes

Entre 3 y 5 días

Con más de 5 días





21/30


¿TIENES UN HORARIO MÁS O MENOS FIJO PARA ESTUDIAR?


 

No suelo estudiar en casa

No, estudio cuando me lo dicen

Lo intento pero no lo consigo

Sí, salvo que me lo impidan otras actividades (deporte, academia…)

Sí, uno para entre semana y otro para los fines de semana



No suelo estudiar en casa

No, estudio cuando me lo dicen

Lo intento pero no lo consigo

Sí, salvo que me lo impidan otras actividades (deporte, academia…)

Sí, uno para entre semana y otro para los fines de semana





22/30


¿TIENES UNA MESA Y HABITACIÓN MÁS O MENOS FIJA PARA ESTUDIAR?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





23/30


¿CUÁL ES TU OBJETIVO PARA LAS NOTAS DE ESTE CURSO?


 

No me importa demasiado

No repetir

Suspender una como mucho

Aprobar todo

Me gustaría sacar buenas notas además de aprobar



No me importa demasiado

No repetir

Suspender una como mucho

Aprobar todo

Me gustaría sacar buenas notas además de aprobar





24/30


¿ESTÁS TRABAJANDO Y DE REPENTE TE HAS EVADIDO?


 

Nunca

A veces

Casi todas las veces

Siempre que estudio

Siempre que estudio y además en ocasiones no sé por dónde iba



Nunca

A veces

Casi todas las veces

Siempre que estudio

Siempre que estudio y además en ocasiones no sé por dónde iba





25/30


¿SI SABES QUE ALGO ES PERJUDICIAL PARA TUS ESTUDIOS PERO TE GUSTA, LO HACES?
(POR EJEMPLO, MIRAR EL MÓVIL)


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





26/30


¿TIENES TÚ CONTROLADAS LAS FECHAS DE EXÁMENES Y DE ENTREGA DE EJERCICIOS?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





27/30


¿CUÁNDO NO CONSIGUES TUS OBJETIVOS, SUELES JUSTIFICARLO Y RESPONSABILIZAR A
OTRAS PERSONAS O CIRCUNSTANCIAS?


 

Nunca

Rara vez

A veces

Casi siempre

Siempre



Nunca

Rara vez

A veces

Casi siempre

Siempre





28/30


¿CUÁL ES TU REACCIÓN CUANDO LOS RESULTADOS ACADÉMICOS NO HAN SIDO LOS ESPERADOS?


 

No me preocupa demasiado

Intento justificar los resultados

Me arrepiento de no haber trabajado mejor

Me afecta bastante

Tomo medidas efectivas para que no me pase de nuevo



No me preocupa demasiado

Intento justificar los resultados

Me arrepiento de no haber trabajado mejor

Me afecta bastante

Tomo medidas efectivas para que no me pase de nuevo





29/30


¿CUÁNDO EXPLICAN EN CLASE, MANTENGO LA MIRADA EN EL PROFESOR/A O EN LA PIZARRA?


 

Nunca

Rara vez

En algunas asignaturas

En la mayoría de asignaturas

En todas las asignaturas



Nunca

Rara vez

En algunas asignaturas

En la mayoría de asignaturas

En todas las asignaturas





30/30


¿COMETES ERRORES AL COPIAR EN TU CUADERNO EL ENUNCIADO DE UN EJERCICIO?


 

No copio los enunciados de los ejercicios

Me dejo palabras o incluso a veces las repito y debo borrarlas

Cambio alguna palabra no importante

Algún acento me dejo

Lo suelo copiar bien



No copio los enunciados de los ejercicios

Me dejo palabras o incluso a veces las repito y debo borrarlas

Cambio alguna palabra no importante

Algún acento me dejo

Lo suelo copiar bien






¡YA HAS TERMINADO!

Ahora viene algo más complicado: poner en práctica las pautas de mejora que te
enviaremos por email junto con tu diagnóstico.
¿Listo para desarrollar tu potencial?




(*) He leído y acepto la Política de Privacidad de Grupo Piquer