diff --git a/oposiciones/css/estilos.css b/oposiciones/css/estilos.css index 4f0d3ea..2610c70 100644 --- a/oposiciones/css/estilos.css +++ b/oposiciones/css/estilos.css @@ -223,8 +223,26 @@ a:focus-visible { /* Responsive */ @media (max-width: 600px) { + header h1 { + font-size: 1.8rem; /* El título suele ser muy grande para móviles */ + } + body { - padding: 0.5rem; - font-size: 2.5rem !important; + font-size: 1.2rem; /* Tamaño base cómodo para leer apuntes */ + line-height: 1.5; + } + + .container { + width: 95%; /* Aprovecha más el ancho de la pantalla del móvil */ + padding: 1rem 0; + } + + ol { + margin-left: 1rem; /* Menos margen para no desperdiciar espacio */ + padding-left: 0.5rem; + } + + ol li { + margin-bottom: 1rem; /* Más separación entre temas para poder pulsar bien */ } } diff --git a/oposiciones/cuestionarios/css/estilos.css b/oposiciones/cuestionarios/css/estilos.css index c60d8ad..b4843b3 100644 --- a/oposiciones/cuestionarios/css/estilos.css +++ b/oposiciones/cuestionarios/css/estilos.css @@ -174,7 +174,13 @@ button#aleatoria { .opcion { font-size: 1.15rem; - padding: 14px; + padding: 18px; + margin: 12px 0; + } + + .opcion input[type="radio"] { + transform: scale(1.5); + margin-right: 15px; } .marcador-container { diff --git a/oposiciones/index.html b/oposiciones/index.html index 88884e0..8321a13 100644 --- a/oposiciones/index.html +++ b/oposiciones/index.html @@ -2,14 +2,15 @@ + + + Temario TAI – AGE
- -