@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--azul:#025af5;--blanco:#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:"HEA HEA HEA""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;height:11vh;padding-top:2vh;padding-left:5%;padding-right:5%;display:flex}header.login{justify-content:center;height:20vh;padding:0}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(--blanco)}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;padding:5vh 3vh 3vh;display:flex;position:relative;overflow-y:auto}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}.lista{flex-flow:column wrap;justify-content:center;align-items:center;gap:1.5vh;width:100%;display:flex;position:relative}.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}.rectangulo span{color:var(--grisoscuro);font-size:0}.divisorx{justify-content:center;align-items:center;gap:1.5vh;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{background-color:var(--grisoscuro);border-radius:2vh;width:2vh;height:2vh}button.azul{background-color:var(--azul);width:100%;max-width:50vh;height:5vh;color:var(--blanco);border-radius:3vh;margin-top:2vh;font-size:1.5vh}button.icono{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;font-size:1.5vh;display:flex}button.escanear{background-color:var(--azul);border-radius:4vh;width:5vh;height:5vh}.texto{flex-direction:column;justify-content:space-between;height:4vh;display:flex}@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%}button.escanear{display:none}button.icono{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;gap:1vh;font-size:2vh;display:flex}.lista{flex-direction:row}}@media (width<=500px){section{padding-left:2%;padding-right:2%}}