:root{--margin-text-box: 0 auto;--max-width-text-box: 720px;--padding-body: 50px;--color-background-main: white;--max-width-main: 1024px;--max-height-section: 70vh;--width-scrollbar: 4px;--color-scrollbar-thumb: #666666;--border-radius-scrollbar: 10px;--max-width-hr: 720px;--color-progress-background: #f0f0f0;--font-size-nivel: 10mm;--font-size-nivel-min: 8mm;--color-test-button-background: #2196f3;--color-test-button-text: white;--padding-button: 10px 20px;--border-radius-button: 5px;--margin-separador: 25px 0 50px 0;--margin-optotipo: 0 10px;--color-nivel-1: red;--color-nivel-2: blue;--color-nivel-3: green;--font-size-optotipo-test: 100mm;--font-size-optotipo-nivel-1: 88.6mm;--font-size-optotipo-nivel-2: 44.3mm;--font-size-optotipo-nivel-3: 31mm;--font-size-optotipo-nivel-4: 22.1mm;--font-size-optotipo-nivel-5: 17.7mm;--font-size-optotipo-nivel-6: 13.3mm;--font-size-optotipo-nivel-7: 11.1mm;--font-size-optotipo-nivel-8: 8.8mm;--font-size-optotipo-nivel-9: 6.6mm;--font-size-optotipo-nivel-10: 5.3mm;--font-size-optotipo-nivel-11: 4.4mm;--font-size-cuenta: 100mm;--font-size-cuenta-min: 60mm;--margin-container: 50px;--width-progress: 100%;--height-bar: 5vh;--color-progres-iteration-progress-bar: #4CAF50;--color-progres-overall-progress-bar: #2196f3;--max-width-screen1: 400px;--max-width-screen2: 600px;--font-size-title-min: x-large;--toolbar-img: 50px}#test-optotipo{line-height:1}#myForm{text-align:center}#number{display:block;margin:0 auto;text-align:center}strong{text-decoration:underline}p,li{margin-bottom:2rem}#boton_ajustar{margin-bottom:20px}.center{text-align:center;max-width:var(--max-width-main);margin:0 auto}hr{max-width:var(--max-width-hr)}input{font-size:xxx-large}progress{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}progress[value]::-webkit-progress-bar{background-color:var(--color-progress-background)}progress[value]::-webkit-progress-value{background-color:var(--color-progress-background)}#section--body{overflow-y:auto;max-height:var(--max-height-section);font-family:Arial,sans-serif,Verdana,Geneva,Tahoma,Helvetica}#section--info{text-align:center;max-width:1024px;font-family:Arial,sans-serif,Verdana,Geneva,Tahoma,Helvetica;margin:0 auto}#h2{margin-bottom:20px}.nivel{font-size:var(--font-size-nivel)}.test-button{background-color:var(--color-test-button-background);color:var(--color-test-button-text);padding:var(--padding-button);border:none;border-radius:var(--border-radius-button);cursor:pointer;font-size:var(--font-size-button);margin:var(--margin-button);display:inline-block;-webkit-border-radius:var(--border-radius-button);-moz-border-radius:var(--border-radius-button);-ms-border-radius:var(--border-radius-button);-o-border-radius:var(--border-radius-button)}.separador{margin:var(--margin-separador)}.optotipo{margin:var(--margin-optotipo);display:inline-block;text-transform:uppercase}.span1,.span2,.span3{font-weight:700}.fila-1 .nivel,.fila-2 .nivel,.span1{text-decoration:underline dotted var(--color-nivel-1)}.fila-3 .nivel,.fila-4 .nivel,.fila-5 .nivel,.fila-6 .nivel,.fila-7 .nivel,.span2{text-decoration:underline dotted var(--color-nivel-2)}.fila-8 .nivel,.fila-9 .nivel,.fila-10 .nivel,.fila-11 .nivel,.span3{text-decoration:underline dotted var(--color-nivel-3)}#test-optotipo{font-size:var(--font-size-optotipo-test)}.optotipo--1{font-size:var(--font-size-optotipo-nivel-1);text-decoration:underline dotted var(--color-nivel-1)}.optotipo--2{font-size:var(--font-size-optotipo-nivel-2);text-decoration:underline dotted var(--color-nivel-1)}.optotipo--3{font-size:var(--font-size-optotipo-nivel-3);text-decoration:underline dotted var(--color-nivel-2)}.optotipo--4{font-size:var(--font-size-optotipo-nivel-4);text-decoration:underline dotted var(--color-nivel-2)}.optotipo--5{font-size:var(--font-size-optotipo-nivel-5);text-decoration:underline dotted var(--color-nivel-2)}.optotipo--6{font-size:var(--font-size-optotipo-nivel-6);text-decoration:underline dotted var(--color-nivel-2)}.optotipo--7{font-size:var(--font-size-optotipo-nivel-7);text-decoration:underline dotted var(--color-nivel-2)}.optotipo--8{font-size:var(--font-size-optotipo-nivel-8);text-decoration:underline dotted var(--color-nivel-3)}.optotipo--9{font-size:var(--font-size-optotipo-nivel-9);text-decoration:underline dotted var(--color-nivel-3)}.optotipo--10{font-size:var(--font-size-optotipo-nivel-10);text-decoration:underline dotted var(--color-nivel-3)}.optotipo--11{font-size:var(--font-size-optotipo-nivel-11);text-decoration:underline dotted var(--color-nivel-3)}#cuenta-atras{font-size:var(--font-size-cuenta)}#cuenta-atras,#center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}#container{margin:var(--margin-container);max-width:var(--max-width-text-box);display:block;margin:0 auto;text-align:center}#info,#resultados{margin:var(--margin-text-box);text-align:left;max-width:var(--max-width-text-box);overflow:auto;padding:var(--padding-body)}#info,#test,#resultados{background-color:var(--color-background-main)}#grid-container::-webkit-scrollbar,#section::-webkit-scrollbar #configuracion::-webkit-scrollbar{width:var(--width-scrollbar)}#grid-container::-webkit-scrollbar-track,#section::-webkit-scrollbar-track #configuracion::-webkit-scrollbar-track{background-color:transparent}#grid-container::-webkit-scrollbar-thumb,#section::-webkit-scrollbar-thumb #configuracion::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:var(--border-radius-scrollbar);-moz-border-radius:var(--border-radius-scrollbar);-ms-border-radius:var(--border-radius-scrollbar);-o-border-radius:var(--border-radius-scrollbar);-webkit-border-radius:var(--border-radius-scrollbar)}#iteration-progress-bar,#overall-progress-bar{width:var(--width-progress);height:var(--height-bar);background-size:var(--width-progress);-moz-background-size:var(--width-progress);-ms-background-size:var(--width-progress);-o-background-size:var(--width-progress);-webkit-background-size:var(--width-progress)}#iteration-progress-bar{position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);-moz-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-o-transform:translate(-50%,-100%)}#overall-progress-bar{position:absolute;top:0%;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);-o-transform:translate(-50%,0%)}#overall-progress-bar::-webkit-progress-value{background-color:var(--color-progres-iteration-progress-bar)}#iteration-progress-bar::-webkit-progress-value{background-color:var(--color-progres-overall-progress-bar)}#overall-progress-bar::-moz-progress-bar{background-color:var(--color-progres-iteration-progress-bar)}#iteration-progress-bar::-moz-progress-bar{background-color:var(--color-progres-overall-progress-bar)}@media only screen and (max-width: var(--max-width-screen1)){.nivel{font-size:var(--font-size-nivel-min)}#cuenta-atras{font-size:var(--font-size-cuenta-min)}}@media only screen and (max-width: var(--max-width-screen2)){h1{font-size:var(--font-size-title-min)}}.swal-overlay{background-color:#00000073;backdrop-filter:blur(10px)}.icono--superior{width:var(--toolbar-img);height:var(--toolbar-img)}#topbar{display:grid;justify-content:space-evenly;align-items:center;width:100%;padding-top:20px;padding-bottom:60px;grid-template-rows:auto auto;grid-template-columns:auto auto;max-width:1100px}.icono--pausa,.icono--jugar,.icono--salir{border:2px solid black}.icono--salir:hover{border-color:#fff;background:red}