File size: 2,637 Bytes
3257494
 
 
645be75
 
 
d346374
645be75
 
d346374
 
 
 
 
645be75
d346374
 
 
 
12831aa
 
 
 
 
d346374
645be75
d346374
12831aa
 
d346374
57fdd55
7026527
d346374
645be75
d346374
 
 
 
645be75
d346374
645be75
d346374
12831aa
d346374
645be75
d346374
645be75
9d48d4e
e6544f8
645be75
d346374
645be75
d346374
645be75
d346374
645be75
d346374
 
 
645be75
d346374
 
645be75
d346374
 
645be75
d346374
 
 
645be75
d346374
 
 
3257494
01a0ead
3257494
6ad3296
e800e52
a3b8ce8
645be75
 
 
 
01a0ead
645be75
 
 
 
 
 
 
01a0ead
645be75
 
 
3257494
645be75
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Quirohelp</title>
    <style>
        body {
            background-color: #333;
            color: #fff;
            font-family: Georgia, 'Times New Roman', Times, serif;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .quiro {
            background-color: blueviolet;
            font-size: 3.5rem;
            padding: 20px 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }

        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            justify-content: center; /* Centrar horizontalmente */
        }

        .element {
            text-align: center;
            max-height: 100%;
        }

        img {
            max-width: 40%; /* Reducir el tamaño de la imagen */
            height: auto;
            cursor: pointer;
        }

        .text {
            font-size: 36px;
            align-items: center;
            text-align: center;
            margin-top: 10px;
        }

        .text2 {
            font-size: 24px;
        }

        /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
        @media screen and (max-width: 768px) {
            .quiro {
                font-size: 2.5rem;
            }
            input[type="button"] {
                width: 100%;
            }
        }

        /* Estilos para pantallas medianas y grandes (más de 768px) */
        @media screen and (min-width: 769px) {
            .quiro {
                font-size: 3.5rem;
            }
        }
    </style>
</head>

<body>
    <div class="login22">
        <h2 style="justify-content: center; text-align: center; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: purple; max-width: 100%; overflow: hidden; display: flex; align-items: center;">

            <div class="container">
                <div class="element">
                    <p class="text">AJUSTES</p>
                </div>
            </div>

        </h2>
        <form action="{{url_for('buscador_trauma')}}" method="post">
            <div class="input-container">
                <div class="text">
                    <img src="{{ user_image7 }}" alt="" onclick="location.href='/especialidad'">
                    <p class="text2">Cambiar especialidad</p>
                </div>
            </div>
        </form>
    </div>
</body>
</html>