/* Controles de prueba visibles y lectura separada de las personas. */
#experience[data-cinema=true][data-interacting=true] .campo-copy{visibility:hidden}
#experience[data-cinema=true] .campo-label{top:100px;left:32px;right:32px}
#experience[data-cinema=true] .campo-label h2{font-size:18px}
#experience[data-cinema=true] .campo-label>p:not(.sr-only){font-size:12px;letter-spacing:.08em;color:#d4e7f6}
#experience[data-cinema=true] .campo-rail{gap:24px;margin-top:14px}
#experience[data-cinema=true] .campo-rail button{font-size:16px;min-height:46px}
#experience[data-cinema=true] .campo-cine-tools button{font-size:14px;min-height:42px}
#experience[data-cinema=true] .campo-copy{max-width:640px}
#experience[data-cinema=true] .campo-copy>p:not(.eyebrow){font-size:18px;line-height:1.55;color:#f2f8ff}
#experience[data-cinema=true] .campo-copy .eyebrow{font-size:13px;line-height:1.5}
#experience[data-cinema=true] .campo-copy>.campo-operation{font-size:15px!important;line-height:1.5;color:#bcf4ff!important}
#experience[data-cinema=true] .campo-cine-heading{font-size:17px;line-height:1.4}
#experience[data-cinema=true] .campo-cine-hint{font-size:15px;line-height:1.5;max-width:85ch;margin-bottom:12px}
#experience[data-cinema=true] .campo-cine-actions{gap:12px;align-items:stretch}
#experience[data-cinema=true] .campo-cine-actions button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;line-height:1.35;min-height:50px;padding:12px 17px;background:#103a4bcf;border:1px solid #90bfcd;border-radius:5px;text-shadow:none;color:#effcff;transition:background .2s,border-color .2s}
#experience[data-cinema=true] .campo-cine-actions button:before{content:'↗';font-size:20px;color:#b9f6ff}
#experience[data-cinema=true] .campo-cine-actions button:after{content:'';position:absolute;left:0;bottom:0;width:32%;height:2px;background:#b9fbff;box-shadow:0 0 8px #8aebf9;animation:prototype-invite 4.5s ease-in-out infinite}
#experience[data-cinema=true] .campo-cine-actions button:nth-child(2):after{animation-delay:.55s}
#experience[data-cinema=true] .campo-cine-actions button:nth-child(3):after{animation-delay:1.1s}
#experience[data-cinema=true] .campo-cine-actions button:hover,#experience[data-cinema=true] .campo-cine-actions button[aria-pressed=true]{background:#236074;border-color:#c9faff}
#experience[data-cinema=true][data-interacting=true] .campo-cine-actions button[aria-pressed=true]{box-shadow:0 0 0 2px #98e3ec}
#experience[data-cinema=true] .campo-cine-result{font-size:16px;line-height:1.5;color:#c2f3df;min-height:24px}
#experience[data-cinema=true] .campo-actions button{font-size:17px;min-height:50px}
@keyframes prototype-invite{0%,10%{transform:translateX(-130%);opacity:0}25%,65%{opacity:1}85%,100%{transform:translateX(450%);opacity:0}}
body.paused #experience[data-cinema=true] .campo-cine-actions button:after,#experience[data-motion-paused=true] .campo-cine-actions button:after{animation-play-state:paused}
#experience[data-cinema=true] .campo-cine-dock:before,#experience[data-cinema=true] .campo-label:before,#experience[data-cinema=true] .campo-copy:before{display:none}
#experience[data-cinema=true] .campo-copy,#experience[data-cinema=true] .campo-label,#experience[data-cinema=true] .campo-cine-dock{background:none;border:0;box-shadow:none;backdrop-filter:none;text-shadow:var(--tar-light-shadow)}
#experience[data-cinema=true] .campo-copy>p:not(.eyebrow),#experience[data-cinema=true] .campo-cine-hint{font-weight:550;color:#fff;text-shadow:var(--tar-light-shadow)}
#experience[data-cinema=true][data-phase="5"] .campo-copy{padding:0;background:none;border:0}
@media(min-width:601px){
 #experience[data-cinema=true][data-phase="5"] .campo-label{left:auto;right:32px;width:47vw;max-width:650px}
 #experience[data-cinema=true][data-phase="5"] .campo-copy{left:3vw;right:auto;top:max(90px,11svh);bottom:auto;width:min(600px,42vw);max-width:600px;padding:0;background:none;border:0;color:#161d2a;text-shadow:var(--tar-dark-shadow)}
 #experience[data-cinema=true][data-phase="5"] .campo-copy .eyebrow,#experience[data-cinema=true][data-phase="5"] .campo-copy>.campo-operation{display:none!important}
 #experience[data-cinema=true][data-phase="5"] .campo-copy h3{font-size:clamp(29px,2.35vw,36px);max-width:16ch;line-height:1.15}
 #experience[data-cinema=true][data-phase="5"] .campo-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;color:#161d2a;text-shadow:var(--tar-dark-shadow)}
 #experience[data-cinema=true][data-phase="5"] .campo-actions{gap:20px;flex-wrap:wrap}
 #experience[data-cinema=true][data-phase="5"] .campo-actions button:last-child{color:#fff;text-shadow:var(--tar-light-shadow);font-weight:600}
}
@media(min-width:601px) and (max-width:900px){#experience[data-cinema=true][data-phase="5"] .campo-copy>p:not(.eyebrow){color:#fff;text-shadow:var(--tar-light-shadow)}}
@media(max-width:900px){#experience[data-cinema=true] .campo-label{top:92px;left:22px;right:22px}#experience[data-cinema=true] .campo-copy{left:22px;right:22px;max-width:600px}#experience[data-cinema=true] .campo-copy>p:not(.eyebrow){font-size:17px}#experience[data-cinema=true] .campo-rail{gap:20px;overflow-x:auto;scrollbar-width:thin;pointer-events:auto}#experience[data-cinema=true] .campo-rail button{font-size:15px;white-space:nowrap}#experience[data-cinema=true] .campo-cine-tools button{font-size:14px}}
@media(max-width:600px){#experience[data-cinema=true] .campo-label{top:85px;left:18px;right:18px}#experience[data-cinema=true] .campo-label h2{font-size:16px}#experience[data-cinema=true] .campo-label>p:not(.sr-only){font-size:11px;letter-spacing:.03em}#experience[data-cinema=true] .campo-rail{gap:18px;margin-top:7px}#experience[data-cinema=true] .campo-cine-tools{gap:17px}#experience[data-cinema=true] .campo-cine-tools button{font-size:13px}#experience[data-cinema=true] .campo-copy{left:18px;right:18px;bottom:var(--campo-dock-clearance,220px)}#experience[data-cinema=true] .campo-copy h3{font-size:28px}#experience[data-cinema=true] .campo-copy>p:not(.eyebrow){font-size:16px;line-height:1.5}#experience[data-cinema=true] .campo-copy>.campo-operation{font-size:14px!important}#experience[data-cinema=true] .campo-cine-heading{font-size:16px}#experience[data-cinema=true] .campo-cine-hint{font-size:14px}#experience[data-cinema=true] .campo-cine-dock{left:18px;right:18px;bottom:12px}#experience[data-cinema=true] .campo-cine-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:3px 2px 10px;gap:10px;pointer-events:auto}#experience[data-cinema=true] .campo-cine-actions button{flex:0 0 180px;font-size:15px;min-height:50px;scroll-snap-align:start;padding:11px 13px;gap:10px}#experience[data-cinema=true] .campo-cine-result{font-size:14px;min-height:21px}#experience[data-cinema=true] .campo-actions{gap:12px;flex-wrap:wrap}#experience[data-cinema=true] .campo-actions button{font-size:16px}}
@media(max-width:600px){
 #experience[data-cinema=true][data-phase="5"] .campo-label h2,#experience[data-cinema=true][data-phase="5"] .campo-label>p{display:none}
 #experience[data-cinema=true][data-phase="5"] .campo-copy{left:18px;right:auto;top:210px;bottom:auto;width:58vw;max-width:235px}
 #experience[data-cinema=true][data-phase="5"] .campo-copy .eyebrow,#experience[data-cinema=true][data-phase="5"] .campo-copy>.campo-operation{display:none!important}
 #experience[data-cinema=true][data-phase="5"] .campo-copy h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){#experience[data-cinema=true] .campo-cine-actions button:after{animation:none;opacity:0}#experience[data-cinema=true] .campo-cine-actions button{transition:none}}