:root{font-family:system-ui,Arial,sans-serif;color:#eaf1ff;background:#0a1223}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{margin-bottom:5px}header p{color:#a7b7d0}.escudo{border:2px solid #e3b657;color:#e3b657;border-radius:12px;padding:15px;font-weight:bold;text-align:center}.panel{background:#14223b;padding:24px;border-radius:18px;margin-top:22px;box-shadow:0 8px 28px #0003}.datos,.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.datos article,.team article{background:#1d3050;padding:16px;border-radius:12px;text-align:center}.datos span{display:block;color:#b6c4dc}.datos strong{display:block;font-size:1.5rem;margin-top:8px}input[type=range]{width:100%;margin:20px 0}.buttons{display:flex;flex-wrap:wrap;gap:10px}button{border:0;border-radius:10px;padding:12px 18px;color:white;background:#2563eb;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.2)}button.stop{background:#b91c1c}#message{color:#c9d6eb}#api-url{width:100%;padding:12px;border-radius:8px;border:1px solid #54709a;background:#0a1223;color:white;margin-top:8px}.photo{height:120px;display:grid;place-items:center;background:#344b6d;border-radius:9px;color:#cbd5e1}small{color:#a7b7d0;display:block;margin-top:12px}@media(max-width:550px){header{align-items:flex-start;flex-direction:column}}