From: Snapshot-Content-Location: https://ppl-ai-code-interpreter-files.s3.amazonaws.com/web/direct-files/d1d27343e199500a6a48ef4a18d7c559/020e745d-9ed4-46b5-a46d-fbaddef61289/34772aff.html?AWSAccessKeyId=ASIA2F3EMEYE7ZOJ2W4Q&Signature=yQM5dP1XTIUpUEfN21wQGFvIQ0k%3D&x-amz-security-token=IQoJb3JpZ2luX2VjEKn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMSJHMEUCIQCq4dhedtNVuPHD9czBCmSLyDM9SFxM3wruQaqRMIqVsQIgcZ%2Bm5y5HPTvrU1mm%2BSwGeTFLHnIojmy9jgdnbeXRuTIq8wQIchABGgw2OTk3NTMzMDk3MDUiDD6%2FSMTn5uUu6%2BqF%2BirQBOKC2jD%2BG3CON3LambytBpx%2BhMbzZTnr9qokUG1dQI%2B0OM8eXfHdYQnToEniUxV61er3OIJ%2FMTk8SsTAjf7L73Wwq%2Bm%2BAWI%2FcecRNuAssZeSxCtlnWO5S8s4iEA%2BQ%2BLhf5MFsmLglwEhoaZCnuizYsSHfFWtkcn9cXhxmYKphzDgOe8vB5ydgD3fHHdPoFrd62soPgRN%2FTGVkH5VnAFcxTrHPdp%2B9DxNj69xOyEcIV73FJvHIanfRh5nCYYwVlNVkBskWvLw7KFLRO6CEZqhJ7emleZhRJXYh84NNvjDhdDt0S8bcHCzvTHXvmktycJnXaLD1wXdseYr0rEj3JkS6ldNhqGjEprzyMlBLG2D8BR0fM8BZFnizFGcYwp30%2F%2BwoGK6ijJC0tZ4DU95%2FGiIXa59TGAbmdkS7nUKiavVGBxDlQDa2TDGcKricsOunTeI3orVgXzIzkqxreBsyJ8loVtSlD59grTRidG8nAdqKN5xwPR4BOQ7ajX7vN1fgMgeFGagRomLgyx2tyklng%2BYJsbk3WM92Z6ZGVLhZAFjIIUfqSaPCY23C1hxub9G2bqA7hPF%2F9ROtuGDkTyaPgMQiehopudFjaNuoYDxPQAwL%2FqmINOIHkGQ1K8mlGCVtPQFjTWYMeAkfoyxt0MF9GlechjtrkO%2BC%2BV1UOM20MC1S4JorXGV0NOTwQ77Z8dbsl54TfNb580%2FIloxHpNvBk1IlzwJpoFHU9%2BFTO6Da92Y3nbO1aQNqea9%2FMo7RRxqRBiBz4zBVk%2BYv0BLG47zuc4ZEjgwop6CzgY6mAEmQpDzSsn%2Fa76IWQpudgpZSDDISeABoVQFjfIlhFZqScW01atboUPbWAjglAqBlx8ux4cdsiC16It7o5ERx9OPkUDaInQut5MOTqjKSzR0JEJjSOQ%2FpAF7LBusFnv9CnCDKr4NfHSUBfe5rqBvJzhguPCPRBVmjUHWwF74xEUmV62xvrHt84BMxAx09genMHiPEKgNO7CQPQ%3D%3D&Expires=1774230773&rnd=1774229393465&utm_source=perplexity Subject: Ventana de Johari Date: Sun, 22 Mar 2026 22:29:56 -0300 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--ANaiIV5FA6mcMZGy0o4AnbffVvrFbwjQImzwUBLMYa----" ------MultipartBoundary--ANaiIV5FA6mcMZGy0o4AnbffVvrFbwjQImzwUBLMYa---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://ppl-ai-code-interpreter-files.s3.amazonaws.com/web/direct-files/d1d27343e199500a6a48ef4a18d7c559/020e745d-9ed4-46b5-a46d-fbaddef61289/34772aff.html?AWSAccessKeyId=ASIA2F3EMEYE7ZOJ2W4Q&Signature=yQM5dP1XTIUpUEfN21wQGFvIQ0k%3D&x-amz-security-token=IQoJb3JpZ2luX2VjEKn%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLWVhc3QtMSJHMEUCIQCq4dhedtNVuPHD9czBCmSLyDM9SFxM3wruQaqRMIqVsQIgcZ%2Bm5y5HPTvrU1mm%2BSwGeTFLHnIojmy9jgdnbeXRuTIq8wQIchABGgw2OTk3NTMzMDk3MDUiDD6%2FSMTn5uUu6%2BqF%2BirQBOKC2jD%2BG3CON3LambytBpx%2BhMbzZTnr9qokUG1dQI%2B0OM8eXfHdYQnToEniUxV61er3OIJ%2FMTk8SsTAjf7L73Wwq%2Bm%2BAWI%2FcecRNuAssZeSxCtlnWO5S8s4iEA%2BQ%2BLhf5MFsmLglwEhoaZCnuizYsSHfFWtkcn9cXhxmYKphzDgOe8vB5ydgD3fHHdPoFrd62soPgRN%2FTGVkH5VnAFcxTrHPdp%2B9DxNj69xOyEcIV73FJvHIanfRh5nCYYwVlNVkBskWvLw7KFLRO6CEZqhJ7emleZhRJXYh84NNvjDhdDt0S8bcHCzvTHXvmktycJnXaLD1wXdseYr0rEj3JkS6ldNhqGjEprzyMlBLG2D8BR0fM8BZFnizFGcYwp30%2F%2BwoGK6ijJC0tZ4DU95%2FGiIXa59TGAbmdkS7nUKiavVGBxDlQDa2TDGcKricsOunTeI3orVgXzIzkqxreBsyJ8loVtSlD59grTRidG8nAdqKN5xwPR4BOQ7ajX7vN1fgMgeFGagRomLgyx2tyklng%2BYJsbk3WM92Z6ZGVLhZAFjIIUfqSaPCY23C1hxub9G2bqA7hPF%2F9ROtuGDkTyaPgMQiehopudFjaNuoYDxPQAwL%2FqmINOIHkGQ1K8mlGCVtPQFjTWYMeAkfoyxt0MF9GlechjtrkO%2BC%2BV1UOM20MC1S4JorXGV0NOTwQ77Z8dbsl54TfNb580%2FIloxHpNvBk1IlzwJpoFHU9%2BFTO6Da92Y3nbO1aQNqea9%2FMo7RRxqRBiBz4zBVk%2BYv0BLG47zuc4ZEjgwop6CzgY6mAEmQpDzSsn%2Fa76IWQpudgpZSDDISeABoVQFjfIlhFZqScW01atboUPbWAjglAqBlx8ux4cdsiC16It7o5ERx9OPkUDaInQut5MOTqjKSzR0JEJjSOQ%2FpAF7LBusFnv9CnCDKr4NfHSUBfe5rqBvJzhguPCPRBVmjUHWwF74xEUmV62xvrHt84BMxAx09genMHiPEKgNO7CQPQ%3D%3D&Expires=1774230773&rnd=1774229393465&utm_source=perplexity Ventana de Johari

Ventana de Johari

Descubre cómo te ves a ti mismo y cómo te ven los demás

👤 Tus datos
🙋

Participante

Elige tus adjetivos y recibe feedback

🎛️

Facilitador

Modera la sesión y ve el proyector

Firebase conectado ✓
🪞 ¿Cómo te describes?

Elige entre 5 y 10 adjetivos que sientas que te describen bien. Estos formarán tu Área Abierta y tu Área Oculta.

Seleccionados: 0 / mín. 5 — máx. 10
💬 Dale feedback a otros

Elige a un compañero y selecciona los adjetivos que tú asocias con esa persona.

✅ Feedback enviado a:
🪟
¡Datos guardados!

Esperando que el facilitador muestre los resultados.

Participantes conectados
0
Participantes
0
Autoeval. listas
0
Feedbacks
0
👥 Participantes
🔍 Ver ventana de Johari
------MultipartBoundary--ANaiIV5FA6mcMZGy0o4AnbffVvrFbwjQImzwUBLMYa---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-4af4601f-fa89-4b7f-a7e0-986cab70f0b5@mhtml.blink @charset "utf-8"; :root { --bg: #0f0f1a; --bg2: #1a1a2e; --bg3: #16213e; --card: #1e1e3a; --accent: #7c3aed; --accent2: #a855f7; --accent3: #06b6d4; --success: #10b981; --danger: #ef4444; --warn: #f59e0b; --text: #e2e8f0; --text2: #94a3b8; --border: #2d2d5e; --radius: 12px; --font: 'Segoe UI',system-ui,sans-serif; } * { box-sizing: border-box; margin: 0px; padding: 0px; } body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; } .header { background: var(--bg2); border-bottom: 1px solid var(--border); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0px; z-index: 100; } .logo { font-size: 1.3rem; font-weight: 700; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .header-controls { display: flex; gap: 8px; align-items: center; } .btn-icon { background: var(--card); border: 1px solid var(--border); color: var(--text); padding: 6px 12px; border-radius: 8px; cursor: pointer; font-size: 0.85rem; transition: 0.2s; } .btn-icon:hover { background: var(--accent); color: rgb(255, 255, 255); } .container { max-width: 900px; margin: 0px auto; padding: 20px 16px; } .screen { display: none; animation: 0.3s ease 0s 1 normal none running fadeIn; } .screen.active { display: block; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: translateY(0px); } } .btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; border: none; border-radius: var(--radius); cursor: pointer; font-weight: 600; font-size: 0.9rem; transition: 0.2s; } .btn-primary { background: linear-gradient(135deg,var(--accent),var(--accent2)); color: rgb(255, 255, 255); } .btn-primary:hover { transform: translateY(-2px); box-shadow: rgba(124, 58, 237, 0.4) 0px 6px 20px; } .btn-success { background: var(--success); color: rgb(255, 255, 255); } .btn-danger { background: var(--danger); color: rgb(255, 255, 255); } .btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--text); } .btn-ghost:hover { background: var(--card); } .btn-full { width: 100%; justify-content: center; } .btn:disabled { opacity: 0.5; cursor: not-allowed; } .card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; margin-bottom: 16px; box-shadow: rgba(124, 58, 237, 0.08) 0px 4px 24px; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; } input, textarea, select { background: var(--bg2); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 10px 14px; font-size: 0.9rem; width: 100%; transition: border-color 0.2s; font-family: var(--font); } input:focus, textarea:focus { outline: none; border-color: var(--accent); } label { display: block; font-size: 0.85rem; color: var(--text2); margin-bottom: 6px; font-weight: 500; } .form-group { margin-bottom: 14px; } .badge { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; } .badge-purple { background: rgba(124, 58, 237, 0.2); color: var(--accent2); } .badge-green { background: rgba(16, 185, 129, 0.2); color: var(--success); } .badge-red { background: rgba(239, 68, 68, 0.2); color: var(--danger); } .badge-cyan { background: rgba(6, 182, 212, 0.2); color: var(--accent3); } .badge-warn { background: rgba(245, 158, 11, 0.2); color: var(--warn); } .flex { display: flex; } .gap-2 { gap: 8px; } .gap-3 { gap: 12px; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .justify-between { justify-content: space-between; } .mt-2 { margin-top: 8px; } .mt-3 { margin-top: 12px; } .mt-4 { margin-top: 16px; } .mb-2 { margin-bottom: 8px; } .mb-3 { margin-bottom: 12px; } .text-center { text-align: center; } .text-sm { font-size: 0.85rem; } .text-xs { font-size: 0.75rem; } .text-muted { color: var(--text2); } .fw-bold { font-weight: 700; } .hidden { display: none !important; } .divider { height: 1px; background: var(--border); margin: 16px 0px; } #notif-container { position: fixed; top: 70px; right: 16px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; max-width: 300px; } .notif { background: var(--card); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--accent2); border-radius: 8px; padding: 12px 14px; font-size: 0.85rem; animation: 0.3s ease 0s 1 normal none running slideIn; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 16px; } .notif.success { border-left-color: var(--success); } .notif.danger { border-left-color: var(--danger); } @keyframes slideIn { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0px); } } .modal-overlay { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.7); z-index: 200; align-items: center; justify-content: center; backdrop-filter: blur(4px); } .modal-overlay.open { display: flex; } .modal-box { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 24px; max-width: 420px; width: 90%; animation: 0.2s ease 0s 1 normal none running fadeIn; } .adj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; margin-bottom: 8px; } .adj-chip { background: var(--bg2); border: 2px solid var(--border); border-radius: 8px; padding: 8px 10px; font-size: 0.82rem; cursor: pointer; transition: 0.2s; text-align: center; user-select: none; } .adj-chip:hover { border-color: var(--accent2); transform: scale(1.03); } .adj-chip.selected { background: linear-gradient(135deg, rgba(124, 58, 237, 0.3), rgba(168, 85, 247, 0.3)); border-color: var(--accent2); color: rgb(255, 255, 255); font-weight: 600; } .adj-chip.locked { opacity: 0.4; cursor: not-allowed; transform: none; } .johari-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; border-radius: 12px; overflow: hidden; margin-top: 8px; } .johari-q { padding: 20px; min-height: 160px; position: relative; } .johari-q .q-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.7; margin-bottom: 8px; } .johari-q .q-name { font-size: 1rem; font-weight: 900; margin-bottom: 10px; } .johari-q .q-desc { font-size: 0.75rem; opacity: 0.75; line-height: 1.5; margin-bottom: 10px; } .johari-q .q-tags { display: flex; flex-wrap: wrap; gap: 4px; } .johari-q .q-tag { background: rgba(255, 255, 255, 0.12); border-radius: 6px; padding: 3px 8px; font-size: 0.75rem; font-weight: 600; } .q-arena { background: linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(6, 182, 212, 0.15)); border: 1px solid rgba(16, 185, 129, 0.3); } .q-blind { background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(245, 158, 11, 0.12)); border: 1px solid rgba(239, 68, 68, 0.3); } .q-hidden { background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(168, 85, 247, 0.12)); border: 1px solid rgba(124, 58, 237, 0.3); } .q-unknown { background: linear-gradient(135deg, rgba(148, 163, 184, 0.08), rgba(100, 116, 139, 0.06)); border: 1px solid rgba(148, 163, 184, 0.2); } .player-card-johari { background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 16px; margin-bottom: 12px; cursor: pointer; transition: 0.2s; } .player-card-johari:hover { border-color: var(--accent2); transform: translateY(-2px); } .player-card-johari.active { border-color: var(--accent2); } .proj-container { min-height: 100vh; background: var(--bg); padding: 20px; } .proj-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; } .proj-logo { font-size: 1.6rem; font-weight: 900; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .proj-players-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-bottom: 24px; } .proj-player-tile { background: var(--card); border: 2px solid var(--border); border-radius: 14px; padding: 18px; transition: 0.3s; cursor: pointer; } .proj-player-tile:hover { border-color: var(--accent2); transform: translateY(-3px); } .proj-player-tile.featured { border-color: var(--accent2); box-shadow: rgba(168, 85, 247, 0.3) 0px 0px 24px; } .proj-player-name { font-size: 1rem; font-weight: 800; margin-bottom: 4px; } .proj-adj-count { font-size: 0.78rem; color: var(--text2); } .proj-johari-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; border-radius: 8px; overflow: hidden; margin-top: 10px; height: 60px; } .proj-mini-q { display: flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 700; opacity: 0.8; } .proj-johari-detail { background: var(--bg2); border: 1px solid var(--border); border-radius: 16px; padding: 24px; margin-top: 8px; } .axis-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; font-size: 0.75rem; color: var(--text2); font-weight: 600; } .axis-row span { flex: 1 1 0%; text-align: center; } .axis-col { display: flex; flex-direction: column; align-items: center; gap: 0px; position: relative; } .role-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; } .role-card { padding: 20px; border-radius: var(--radius); border: 2px solid var(--border); cursor: pointer; text-align: center; transition: 0.2s; background: var(--card); } .role-card:hover, .role-card.selected { border-color: var(--accent2); } .role-card .role-icon { font-size: 2.2rem; } .role-card h3 { margin-top: 8px; font-size: 1rem; } .role-card p { margin-top: 4px; font-size: 0.78rem; color: var(--text2); } .setup-hero { text-align: center; padding: 28px 0px 8px; } .setup-hero h1 { font-size: 2rem; font-weight: 900; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; } .setup-hero p { color: var(--text2); margin-top: 8px; font-size: 0.95rem; } .waiting-icon { font-size: 3rem; text-align: center; } .waiting-count { font-size: 2.5rem; font-weight: 900; color: var(--accent2); text-align: center; margin: 8px 0px; } ------MultipartBoundary--ANaiIV5FA6mcMZGy0o4AnbffVvrFbwjQImzwUBLMYa------