:root{--color-primary: #E94560;--color-secondary: #0A3D62;--bg: #0f0f1a;--text: #ffffff;--text-muted: #a0a0b0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}.kiosco-root,.pantalla-wrapper{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.pantalla-inicio{display:flex;flex-direction:column;align-items:center;gap:28px;padding:32px;text-align:center;max-width:480px}.empresa-logo{max-width:180px;max-height:80px;object-fit:contain}.empresa-nombre{font-size:1.5rem;font-weight:700;color:var(--text)}.btn-principal{width:100%;max-width:380px;padding:32px 24px;border:none;border-radius:20px;cursor:pointer;font-size:1.4rem;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 32px #0000004d;transition:transform .1s,box-shadow .1s}.btn-principal:active{transform:scale(.97)}.mic-icon{font-size:3rem}.btn-secundario{background:transparent;border:2px solid var(--text-muted);color:var(--text-muted);padding:14px 32px;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secundario:hover,.btn-secundario:active{border-color:var(--text);color:var(--text)}.privacidad-msg{color:var(--text-muted);font-size:.85rem;text-align:center;padding:0 16px}.grabador-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;max-width:480px;width:100%}.grabador-wrapper h2{font-size:2rem;color:var(--text)}.grabador-hint{color:var(--text-muted)}.onda-wrapper{display:flex;align-items:center;gap:4px;height:100px;width:100%}.onda-barra{flex:1;border-radius:4px;transition:height .1s ease;min-height:4px}.progreso-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.progreso-bar{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.progreso-fill{height:100%;border-radius:4px;transition:width 1s linear}.progreso-tiempo{color:var(--text-muted);font-size:.85rem;text-align:right}.silencio-hint{color:var(--text-muted);font-size:.8rem}.grabador-acciones{display:flex;gap:16px;align-items:center;justify-content:center}.btn-listo{padding:16px 40px;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;color:#fff;cursor:pointer}.btn-cancelar{background:transparent;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:12px 20px}.grabador-error,.grabador-solicitando{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;text-align:center}.mic-pulsando{font-size:4rem;animation:pulse 1.2s ease infinite}.textinput-wrapper{display:flex;flex-direction:column;gap:20px;padding:32px;max-width:500px;width:100%}.opinion-textarea{width:100%;padding:16px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;resize:none;outline:none}.opinion-textarea:focus{border-color:var(--color-primary)}.char-count{color:var(--text-muted);text-align:right;font-size:.85rem}.textinput-acciones{display:flex;flex-direction:column;gap:12px}.textinput-acciones .btn-principal{max-width:100%}.textinput-acciones .btn-principal:disabled{opacity:.4;cursor:not-allowed}.processing-wrapper{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;text-align:center}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.gracias-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;text-align:center}.gracias-icon{font-size:5rem}.gracias-wrapper h2{font-size:2.5rem}.countdown-text{color:var(--text-muted);font-size:.9rem}.google-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;text-align:center;max-width:480px}.google-qr-icon{font-size:3rem}.google-qr-wrapper h2{font-size:1.6rem;line-height:1.4}.qr-container{background:#fff;padding:16px;border-radius:12px}.qr-image{width:220px;height:220px}.btn-google{display:flex;align-items:center;gap:10px;background:#fff;color:#333;padding:14px 24px;border-radius:10px;text-decoration:none;font-weight:600}.btn-secundario-small{background:transparent;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;padding:8px 16px}.offline-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;text-align:center}.offline-icon{font-size:4rem}.offline-hint{color:var(--text-muted);font-size:.9rem}.splash-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100vh;text-align:center}.logo-wave{font-size:4rem;animation:pulse 1.5s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (min-width: 768px){.btn-principal{padding:40px 32px;font-size:1.6rem}.btn-listo{padding:20px 56px;font-size:1.3rem}}