@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--azul:#025af5;--blanco:#fff;--siempreblanco:#fff;--gris:#f1f7fd;--gris2:#e8e9e9;--grisoscuro:#8a95aa;--amarillopastel:#fff1cc;--verdepastel:#d8f5dc;--rojopastel:#fddedd;--negro:#000;--amarillo:#fe9f17;--verde:#14c973;--rojo:#f5333e}*{box-sizing:border-box;color:var(--negro);border:none;outline:none;margin:0;padding:0;font-family:Montserrat,sans-serif;font-size:2vh;font-weight:600;line-height:1}.dark{--azul:#025af5;--blanco:#121c2e;--gris:#090e15;--amarillopastel:#fff1cc;--verdepastel:#d8f5dc;--rojopastel:#fddedd;--negro:#fff;--amarillo:#fe9f17;--verde:#14c973;--rojo:#f5333e}main{grid-template:"SEC SEC SEC"1fr"FOO FOO FOO"/auto auto auto;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}header{background-color:var(--azul);flex-direction:row;grid-area:HEA;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:2vh 5% 1vh;display:flex}header.login{flex-direction:column;justify-content:center;align-items:center;height:20vh;padding:0}header.login p{color:var(--siempreblanco);font-size:1.4vh}section.login{border-radius:2vh 2vh 0 0;padding-top:5vh}section.centro{flex-direction:column;justify-content:center;align-items:center}main.login{background-color:var(--azul);grid-template:"HEA HEA HEA""SEC SEC SEC"1fr"FOO FOO FOO"/auto auto auto}header img.icono{background-color:var(--blanco);border-radius:5vh;width:6vh;height:6vh}header img.logo{background-color:var(--blanco);width:90%;max-width:30vh;height:10vh}header h1{color:var(--siempreblanco)}header .icon{margin-bottom:.7vh}footer{background-color:var(--blanco);flex-direction:row;grid-area:FOO;justify-content:space-between;align-items:center;min-height:7vh;padding-left:10%;padding-right:10%;font-size:0;display:flex}section{background-color:var(--gris);justify-content:top;flex-direction:column;grid-area:SEC;gap:2vh;display:flex;position:relative;overflow-y:auto}.listabloques{padding-bottom:10vh}h1{font-size:2.8vh;font-weight:900}h2{font-size:2.5vh;font-weight:800}h3,h4{font-size:2.2vh;font-weight:600}p{color:var(--grisoscuro);font-size:1.7vh;font-weight:500}span{font-size:1.5vh;font-weight:500}.bloque{flex-direction:column;gap:1vh;width:100%;max-width:50vh;margin-bottom:2vh;padding-left:2vh;padding-right:2vh;display:flex}.bloque3{flex-direction:column;width:100%;max-width:50vh;margin-bottom:2vh;padding-left:2vh;padding-right:2vh;display:flex}.bloque2{flex-direction:column;justify-content:center;align-items:center;gap:1vh;width:100%;max-width:50vh;margin-bottom:2vh;display:flex}.listay,.listabloques{flex-flow:column wrap;justify-content:center;align-items:center;gap:1.5vh;width:100%;display:flex;position:relative}.listax{flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.listax span.nombre{justify-content:center;align-items:center;width:5vh;font-weight:600;display:flex}.listax span.dia{background-color:var(--blanco);border-radius:5vh;justify-content:center;align-items:center;width:5vh;height:5vh;font-size:1.8vh;display:flex}.listax span.dia.hoy{color:var(--siempreblanco);background-color:var(--azul)}.listax span.nombre.hoy{color:var(--azul)}.rectangulo{background-color:var(--blanco);border-radius:1.5vh;flex-direction:row;justify-content:space-between;align-items:center;gap:2vh;width:100%;max-width:50vh;height:8vh;padding-left:2vh;padding-right:2vh;display:flex;position:relative}.rectangulo span{color:var(--grisoscuro);font-size:0}.divisorx{justify-content:center;align-items:center;gap:1.5vh;display:flex}.divisorx2{align-items:center;gap:.2vh;display:flex}.horario{justify-content:start;align-items:center;gap:1.5vh;width:7vh;display:flex}.borderojo{border-left:var(--rojo) .5vh solid;padding-left:1.5vh}.divisory{flex-direction:column;justify-content:center;align-items:center;gap:.5vh;display:flex}.cuadrado{border-radius:1.8vh;justify-content:center;align-items:center;width:5vh;height:5vh;display:flex}.iconoestado0{background-color:var(--amarillopastel)}.iconoestado1{background-color:var(--verdepastel)}.iconoestado2,.iconoestado3{background-color:var(--rojopastel)}.iconoestado4{background-color:var(--gris2)}.barra{background-color:var(--grisoscuro);border-radius:1vh;width:.2vh;height:5vh}.cuadrado img{background-color:var(--verde);width:2vh;height:2vh}.divisory img{border-radius:2vh;width:2vh;height:2vh}a{text-decoration:none}button.azul{background-color:var(--azul);width:100%;height:5vh;color:var(--siempreblanco);border-radius:3vh;max-width:50vh;margin-top:2vh;font-size:1.6vh;font-weight:500}input,select{color:var(--negro);padding-left:2vh;display:flex}input::placeholder,select::placeholder{color:var(--grisoscuro)}input.blanco,select.blanco{background-color:var(--blanco);border:var(--negro) .2vh solid;border-radius:3vh;width:100%;max-width:50vh;height:5vh;margin-bottom:2vh;font-size:1.6vh;font-weight:500}.inputfecha{justify-content:center;align-items:center;gap:1.5vh;width:100%;height:5vh;margin-top:1.2vh;display:flex}.iconoperfil{justify-content:baseline;align-items:end;display:flex;overflow:hidden}.inputfecha p{margin-bottom:2vh;font-size:2vh}.inputfecha select{background-color:var(--blanco);border:var(--negro) .2vh solid;width:100%;max-width:50vh;height:5vh;color:var(--negro);border-radius:3vh;margin-bottom:2vh;font-size:1.6vh;font-weight:500}a.azul{background-color:var(--azul);width:100%;height:5vh;color:var(--siempreblanco);border-radius:3vh;justify-content:center;align-items:center;max-width:50vh;margin-top:2vh;font-size:1.6vh;font-weight:500;display:flex}a.rojo{background-color:var(--rojo);width:100%;height:5vh;color:var(--siempreblanco);border-radius:3vh;justify-content:center;align-items:center;max-width:50vh;margin-top:2vh;font-size:1.6vh;font-weight:500;display:flex}a.blanco,button.blanco{background-color:var(--blanco);border:var(--azul) .2vh solid;width:100%;height:5vh;color:var(--negro);border-radius:3vh;justify-content:center;align-items:center;max-width:50vh;margin-top:2vh;font-size:1.6vh;font-weight:500;display:flex}button:hover,a:hover{cursor:pointer}.icon{justify-content:center;align-items:center;display:flex}a.icono{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;font-size:0;display:flex}a.escanear{background-color:var(--azul);border-radius:4vh;justify-content:center;align-items:center;width:5vh;height:5vh;display:flex}.texto{flex-direction:column;justify-content:space-between;height:4vh;display:flex}.texto2{flex-direction:column;justify-content:space-between;gap:.5vh;height:4vh;display:flex}.texto2 h4,.texto h4{white-space:nowrap;text-overflow:ellipsis;max-width:20vh;padding-bottom:2vh;overflow:hidden}.pantalla-escanear{background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.lector-qr{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.lector-qr video{object-fit:cover;width:100%;height:100%}.volver{z-index:10;cursor:pointer;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:5vh;height:5vh;font-size:3vh;display:flex;position:absolute;top:3vh;left:3vw}.texto-escanear{z-index:10;text-align:center;color:#fff;pointer-events:none;position:absolute;top:10vh}.texto-escanear h2{margin:0;font-size:3vh}.texto-escanear p{margin-top:1vh;font-size:2vh}.codigo{z-index:10;text-align:center;background:#fff;border-radius:15px;padding:1.5vh 3vh;position:absolute;bottom:5vh}.codigo p{margin:0}.codigo strong{font-size:3vh}@media (width>=768px){main{grid-template:"HEA HEA HEA""FOO SEC SEC"1fr"FOO SEC SEC"/auto 1fr 1fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}footer{flex-direction:column;justify-content:start;align-items:start;gap:2vh;width:20vh;padding-top:2vh}header{padding-left:2%;padding-right:2%}a.escanear{display:none}a.icono{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;gap:1vh;font-size:2vh;display:flex}.listabloques{flex-direction:row}section.centro .listabloques{flex-direction:column}}@media (width<=768px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}@media (width<=380px){.texto2 h4,.texto h4{max-width:20vw}h4{font-size:2vh}p{font-size:1.5vh}.listax span.nombre{width:3.5vh}.listax span.dia{width:3.5vh;height:3.5vh}}