/*//////////////////////////////////////////////////////////////////
[ Ajustes propios del validador, aparte de la plantilla original ]

Se mantiene en un archivo separado para no modificar main.css ni util.css, que son los
de la plantilla y conviene dejar intactos para poder compararlos con el sitio anterior.
*/

/*---------------------------------------------*/
/* Visor del documento: una via por tipo de pantalla, nunca las dos a la vez.

   En escritorio se muestra el PDF incrustado, como hacia el sitio anterior.

   En movil no: los navegadores moviles no renderizan un PDF dentro de un iframe y dejan
   el recuadro en blanco. Y los QR se escanean justamente con el telefono, asi que ahi se
   oculta el visor y queda el boton "Abrir documento", que si funciona en todas partes.

   El limite de 768px es el mismo que usa main.css para su diseno responsive. */

.visor-documento {
  width: 100%;
  height: 500px;
  border: 1px solid #e6e6e6;
}

/* Escritorio: visor incrustado, sin boton. */
@media (min-width: 769px) {
  .container-contact100-form-btn.boton-documento {
    display: none;
  }
}

/* Movil: boton, sin visor. */
@media (max-width: 768px) {
  .visor-documento {
    display: none;
  }
}