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