:root{--color-marca: #25D366}*{margin:0;padding:0;border:0;box-sizing:border-box}body{background-color:#111;color:#f0f8ff;font-family:system-ui}.boton{background-color:var(--color-marca);color:#000;text-decoration:none;font-family:system-ui;font-size:1em;width:fit-content;padding:.3em .8em;border-radius:.4em}.input-texto{height:30px;border-radius:.4em;font-size:1em;padding:.1em .6em}.formulario{display:flex;flex-direction:column;align-items:center;gap:1em;margin:1em 0}.formulario legend{font-size:1.2em;font-weight:600}.home-page{display:flex;flex-direction:column;align-items:center;padding:2.4em;gap:50px;text-align:center;letter-spacing:.04em}.pagina-chats{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.chats-header{background-color:#000;padding:1em;display:flex;justify-content:space-between;align-items:center}.pantalla{display:flex;height:100%}.lista-salas-section{background-color:#080808;padding:1em .6em}.lista-salas-section h2{text-align:center;margin-bottom:1em}.lista-salas-section ul{list-style:none;display:flex;flex-direction:column;gap:1em}.lista-salas-section li{list-style:none;border-bottom:1px solid rgb(114,117,121);cursor:pointer}.sala{width:100%;padding:1em}.chat-section{list-style:none;display:flex;flex-direction:column;gap:1em;height:77vh;overflow-y:auto}.chat-section li{width:fit-content;display:flex;gap:1em}.chat-section img{width:40px;height:40px;border-radius:50%}.mensaje{background-color:#000;padding:.4em 1em;border-radius:.4em}.caja-mensaje{display:flex;justify-content:space-evenly;align-items:center;padding:.4em;background-color:#000}.caja-mensaje input{background-color:inherit;width:80%;height:50%;color:#f0f8ff;font-size:1em;padding:.2em 1em;border-radius:.4em}.caja-mensaje button{width:40px;height:40px;border-radius:50%;background-color:#25d366;font-size:1.2em;color:#1d1d1d}@media all and (min-width:1024px){.lista-salas-section{padding:1em 2em}.sala{max-width:1124px;padding-left:4em}}.admin-page{padding:1em .4em;display:flex;flex-direction:column;gap:40px}.admin-header{display:flex;flex-direction:column;gap:1em;margin-left:1em}.admin-page h3{margin-left:1em}.lista-admin{list-style:none;display:flex;flex-direction:column;gap:10px}.lista-admin .info-user{display:flex;align-items:center;gap:1em}.lista-admin li{display:flex;justify-content:space-between;align-items:center;gap:40px;background-color:#2b2b2b;padding:1em;border-radius:.4em}.lista-admin img{width:40px;height:40px;border-radius:50%}.lista-admin .botones{display:flex;flex-direction:column;align-items:center;gap:10px}.lista-admin .boton{width:146px}@media all and (min-width:1024px){.admin-page{max-width:600px;margin:auto}}