@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.centrado{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#f4f4f4;flex-direction:column}.divTirulo{display:flex;justify-content:center;align-items:center}.tituloPrincipal{color:#333;font-size:3rem;margin-bottom:2rem}.formPrincipal{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:1.5rem}.formPrincipal div{display:flex;flex-direction:column}.formPrincipal input{padding:.8rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;transition:border-color .3s ease}.formPrincipal input:focus{border-color:#2c3e50}.formPrincipal button{padding:1rem;background-color:#2c3e50;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.formPrincipal button:hover{background-color:#17202a}.formPrincipal button:active{background-color:#1a1a1a}.divFormulario{width:55vh}.divTitulo{width:100%;text-align:center}@media (max-width: 600px){html{font-size:14px}.divFormulario{display:flex;align-items:center;justify-content:center}.formPrincipal{width:90%}.divFormulario{width:40vh}}body{margin:0;background-color:#2c3e50}#root{display:flex;flex-direction:column;background:linear-gradient(#a9a9a9,#d3d3d300);min-height:100vh}.qr{width:28rem;height:auto;max-height:100vh;border-radius:20px;border:solid 10px black;display:flex;flex-direction:column;justify-content:center;background-color:#000;margin:1rem}.cabecera{background-color:#5d6d7e;display:flex;justify-content:space-between;align-items:center;color:#fff;box-shadow:0 4px 6px #0000001a;border-bottom:solid 2px #17202a;margin-bottom:5px}.titulo{padding-left:1rem;font-family:Roboto;font-size:28px;font-weight:lighter}.variable{font-size:35px;font-weight:700}.rojo{color:red;font-weight:700}.verde{color:#0f5c0f;font-weight:700}.azul{color:#00f;font-weight:700}.rosa{color:pink;font-weight:700}.marron{color:#5a3d2b;font-weight:700}.obispo{color:#531c4d;font-weight:700}.general{display:flex;flex-direction:row;text-align:center;flex:1}.lector{width:70%;display:flex;justify-content:center}.nombres{width:30%;border-radius:15px;padding-right:4rem}.footer{display:flex;justify-content:space-between;padding-right:8rem;padding-left:4rem;border-top:solid 1px black;margin-top:5px}.footer p{font-size:1.5rem;text-align:right;margin:0}.listaNombres{padding:20px;max-width:500px;border-radius:10px;display:flex;justify-content:center}.listaNombres ul{list-style-type:none;padding:0;margin:0;width:18rem}.listaNombres ul li{color:#202222;display:flex;justify-content:center;font-size:30px}.listaNombres li{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px 15px;transition:transform .2s,box-shadow .2s}.listaNombres li:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.listaNombres li span.nombre{font-size:16px;font-weight:700;color:#333}.listaNombres li span.hora{font-size:14px;color:#666}.tituloPresentes{font-size:2.5rem;padding-right:0rem;margin-bottom:0}.boton{background-color:#db7093;color:#fff;border-radius:10px;width:5rem}.botonHora{background-color:#5d6d7e;border:none}.idLector{font-family:Roboto;color:#fff}.dtyd{font-style:italic}.escudo{opacity:1;filter:none;background-color:transparent;width:4rem;margin-left:.5rem}.lectorApagado{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:solid 2px black;width:60%;background-color:#000;border-radius:5px}.textoLector{display:flex;color:#fff;font-size:2rem}@media (width < 601px){.textoLector{font-size:1.5rem}.nombres{display:none}.general{justify-content:center}.hora{font-size:4rem!important}.titulo{font-size:1.5rem}.variable{font-size:1.7rem;font-weight:700;margin-right:5px}.hora{display:none}.lectorApagado{width:80vh}.lector{width:95%}.footer{flex-wrap:wrap;padding:5px}}