/* Misma familia que Creadores: personas al centro, producto alrededor. */
.human-scene{position:relative;isolation:isolate;margin:0;min-width:0;min-height:600px;display:grid;align-content:center}
.human-scene:before{content:'';position:absolute;z-index:-1;inset:0 -18px;background:radial-gradient(ellipse at 65% 38%,rgba(245,183,125,.18),transparent 65%),radial-gradient(ellipse at 24% 74%,rgba(112,168,222,.16),transparent 64%);filter:blur(18px);pointer-events:none}
.scene-card{position:absolute;z-index:2;padding:17px 19px;border:1px solid rgba(184,203,217,.32);border-radius:16px;background:linear-gradient(155deg,rgba(38,52,65,.98),rgba(20,30,40,.98));box-shadow:var(--sheen),0 24px 45px -20px rgba(0,0,0,.8);font-size:13px;line-height:1.4;text-align:left}
.scene-card b{display:block;color:var(--light);font:600 16px/1.3 Space,system-ui;letter-spacing:-.02em}
.scene-kicker{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--mist);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.scene-meta{display:block;margin-top:4px;color:var(--mist);font-size:11px}
.scene-dot{width:7px;height:7px;border-radius:50%;background:var(--horizon);box-shadow:0 0 0 4px rgba(245,183,125,.14)}
.welcome-photo{width:88%;margin:24px auto 0;border:1px solid rgba(184,203,217,.35);border-radius:25px;overflow:hidden;rotate:-2deg;box-shadow:0 38px 75px -28px rgba(0,0,0,.8)}
.welcome-photo img{width:100%;height:auto;aspect-ratio:1.13;object-fit:cover;object-position:50% 42%}
.welcome-raw{top:-20px;left:0;rotate:-3deg;width:220px}
.scene-wave{height:22px;margin-top:12px;background:repeating-linear-gradient(90deg,transparent 0 3px,var(--horizon) 3px 6px,transparent 6px 9px);clip-path:polygon(0 40%,8% 30%,14% 45%,20% 8%,27% 25%,32% 0,39% 36%,44% 16%,51% 44%,58% 10%,65% 30%,72% 5%,79% 35%,86% 16%,94% 38%,100% 28%,100% 72%,94% 62%,86% 84%,79% 65%,72% 95%,65% 70%,58% 90%,51% 56%,44% 84%,39% 64%,32% 100%,27% 75%,20% 92%,14% 55%,8% 70%,0 60%)}
.welcome-alfie{right:0;top:-35px;rotate:3deg;width:225px}
.scene-moments{display:flex;gap:7px;margin-top:13px}.scene-moments span{padding:4px 7px;border:1px solid rgba(245,183,125,.35);border-radius:6px;color:var(--horizon);background:rgba(245,183,125,.08);font-size:10px;font-variant-numeric:tabular-nums}
.welcome-finished{left:8%;right:0;bottom:18px;display:flex;align-items:center;gap:13px;rotate:1deg;padding:16px 18px}
.scene-check{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:var(--night);background:var(--horizon);font-size:20px;font-weight:700}.scene-file{margin-left:auto;color:var(--horizon);font-size:11px;font-weight:600;letter-spacing:.08em}
.agency-computer{position:relative;width:94%;margin:0 auto;padding-top:42px}
.computer-screen{position:relative;border:9px solid #080d13;border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:#080d13;box-shadow:0 0 0 1px #596674,0 28px 60px -22px rgba(0,0,0,.8)}
.computer-screen img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 45%}
.computer-camera{position:absolute;z-index:1;top:-6px;left:50%;width:4px;height:4px;border-radius:50%;background:#526070}
.computer-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;padding:22px 12px 9px;background:linear-gradient(transparent,rgba(7,12,18,.88));font-size:9px;color:#fff}.computer-controls span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}
.computer-chin{position:relative;display:grid;place-items:center;height:30px;border:1px solid #6a7785;border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(120deg,#46535f,#89949b 47%,#56636e)}.computer-chin i{width:6px;height:6px;border-radius:50%;background:#18212a}
.computer-stand{width:20%;height:45px;margin:auto;background:linear-gradient(90deg,#54616c,#adb3b6 45%,#63717d);clip-path:polygon(25% 0,75% 0,95% 100%,5% 100%)}
.computer-foot{height:9px;width:36%;margin:auto;border-radius:50% 50% 3px 3px;background:linear-gradient(#b2b9bf,#5d6a76);box-shadow:0 12px 23px rgba(0,0,0,.5)}
.agency-projects{left:0;bottom:8px;width:208px;rotate:-3deg;padding:15px 16px}.scene-project{display:flex;align-items:center;gap:9px;padding-top:9px;margin-top:8px;border-top:1px solid rgba(184,203,217,.14);font-size:11px;font-weight:600}.scene-project i{display:grid;place-items:center;width:26px;height:28px;border-radius:6px;font:600 11px Space,system-ui;flex:none}.project-peach{background:rgba(245,183,125,.17);color:var(--horizon)}.project-blue{background:rgba(112,168,222,.17);color:#a5c7e8}.project-green{background:rgba(158,227,180,.15);color:#9ee3b4}.scene-project small{display:block;font-size:9px;color:var(--mist);font-weight:400}.project-active{margin-left:auto;color:var(--horizon);font-size:7px}
.agency-feedback{right:0;top:8px;width:225px;rotate:3deg}.feedback-version{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid rgba(184,203,217,.16);font-size:11px}.feedback-version b{font-size:14px}.feedback-message{display:flex;align-items:center;gap:9px}.scene-avatar{display:grid;place-items:center;width:27px;height:27px;flex:none;background:rgba(112,168,222,.22);border:1px solid rgba(112,168,222,.35);border-radius:50%;font-size:10px;color:#b8cbd9}.feedback-message b{font:600 11px Inter,system-ui;letter-spacing:0}.feedback-message span span{display:block;margin-top:3px;font-size:10px;color:var(--mist)}
.agency-share{position:absolute;right:0;bottom:62px;max-width:54%;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid rgba(245,183,125,.4);border-radius:12px;background:#1e2a35;box-shadow:var(--lift);font-size:10px;color:var(--light);rotate:2deg}.agency-share>span{font-size:18px;color:var(--horizon)}
@media(min-width:981px) and (max-width:1150px){.human-scene{min-height:540px}.scene-card{padding:13px 14px}.welcome-raw{width:180px}.welcome-alfie{width:195px;top:-15px}.agency-feedback{width:200px}.agency-projects{width:185px}.agency-share{font-size:9px;padding:9px;bottom:45px}}
@media(max-width:980px){.human-scene{width:min(600px,100%);margin-inline:auto;min-height:640px}.welcome-photo{width:85%;max-width:480px}.agency-computer{padding-top:0}.agency-feedback{top:14px}.agency-projects{bottom:12px}.agency-share{bottom:67px}}
@media(max-width:560px){.human-scene{min-height:510px}.scene-card{padding:12px 13px;border-radius:13px}.scene-card b{font-size:14px}.scene-kicker{font-size:8px;margin-bottom:8px}.scene-meta{font-size:10px}.welcome-photo{width:94%;margin-top:35px;border-radius:20px}.welcome-photo img{aspect-ratio:1.02}.welcome-raw{top:0;left:0;width:174px;rotate:-2deg}.welcome-alfie{top:auto;bottom:85px;right:0;width:194px;rotate:2deg}.welcome-finished{left:0;bottom:0;gap:9px;padding:13px}.scene-check{width:30px;height:30px;font-size:17px}.scene-file{font-size:9px}.scene-moments{margin-top:8px}.scene-moments span{font-size:9px}.agency-scene{min-height:535px}.agency-computer{width:98%;margin-top:0}.computer-screen{border-width:7px;border-radius:14px 14px 0 0}.computer-screen img{aspect-ratio:1.4;object-position:center 45%}.computer-controls{padding:18px 8px 6px;font-size:8px;gap:7px}.computer-chin{height:23px}.computer-stand{height:31px}.computer-foot{height:7px}.agency-feedback{top:3px;width:195px}.agency-projects{bottom:4px;width:182px;rotate:-2deg}.scene-project{padding-top:7px;margin-top:7px;font-size:10px}.agency-share{max-width:47%;bottom:53px;padding:9px;font-size:9px;line-height:1.5}}
@media(max-width:360px){.human-scene{min-height:480px}.welcome-photo{width:100%}.welcome-raw{width:158px}.welcome-alfie{width:180px;bottom:81px}.welcome-finished{padding:12px 10px}.welcome-finished b{font-size:13px}.agency-scene{min-height:505px}.agency-feedback{width:185px}.agency-projects{width:164px;padding:11px}.agency-share{max-width:43%;font-size:8px;bottom:47px;gap:5px}}

/* Permisos siempre visibles: cada rol conserva sus etiquetas a cualquier ancho. */
.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.role-card{min-width:0;padding:26px 24px;border:1px solid var(--edge);border-radius:16px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),var(--card);box-shadow:var(--sheen),var(--lift)}
.role-card h3{font-size:25px;margin:0 0 23px;overflow-wrap:anywhere}
.role-card dl{margin:0;display:grid;gap:0}.role-card dl>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--edge)}
.role-card dt{min-width:0;font-size:13px;color:var(--mist);line-height:1.5}.role-card dd{flex:none;max-width:50%;margin:0;text-align:right;font-size:13px;line-height:1.5;color:var(--light)}
.role-card .yes span,.role-card .no span{display:inline-block;min-width:43px;padding:3px 10px;border-radius:99px;text-align:center;font-size:12px;font-weight:600}
.role-card .yes span{border:1px solid rgba(158,227,180,.42);background:rgba(158,227,180,.12);color:#9ee3b4}.role-card .no span{border:1px solid var(--edge);background:rgba(255,255,255,.04);color:var(--mist)}
@media(max-width:1000px){.roles-grid{grid-template-columns:1fr}.role-card{padding:24px}.role-card h3{margin-bottom:18px}.role-card dt,.role-card dd{font-size:15px}}
@media(max-width:390px){.role-card{padding:22px 18px}.role-card dt,.role-card dd{font-size:13px}}