/* Solo la estación Prototipos. La sala y los tres recorridos aprobados conservan sus estilos. */
#experience[data-cinema=true]{color:#edf4ff;scrollbar-color:#7893ad #061021}
#experience[data-cinema=true] .experience-head{background:linear-gradient(#061021a8,transparent)}
#experience[data-cinema=true] .experience-meter span{background:#22c5ff}
#experience[data-cinema=true] .automation-load{background:#061021e8;color:#d8e2f2;border-color:#7893ad}
#experience[data-cinema=true] .campo-label{top:87px;left:32px;right:32px;z-index:5;color:#edf4ff;text-shadow:0 2px 8px #000;pointer-events:none}
#experience[data-cinema=true] .campo-label h2{font-size:12px;margin:0 0 6px}
#experience[data-cinema=true] .campo-label:before{content:'';position:absolute;z-index:-1;inset:-25px -32px -45px;max-width:780px;background:linear-gradient(180deg,#06102199,#06102133 60%,transparent);pointer-events:none}
#experience[data-cinema=true] .campo-label>p:not(.sr-only){font-size:8px;letter-spacing:.16em;color:#b4c6db}
#experience[data-cinema=true] .campo-rail{display:flex;gap:20px;max-width:none;margin:16px 0 0;padding:0;list-style:none}
#experience[data-cinema=true] .campo-rail li{padding:0;border:0;font-size:11px}
#experience[data-cinema=true] button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#experience[data-cinema=true] .campo-rail button,#experience[data-cinema=true] .campo-cine-tools button,#experience[data-cinema=true] .campo-cine-actions button,#experience[data-cinema=true] .campo-actions button{pointer-events:auto;background:none;border:0;border-bottom:1px solid #c6dcf187;color:#edf4ff;padding:9px 0;font-size:11px;line-height:1.35;text-shadow:0 2px 5px #000}
#experience[data-cinema=true] .campo-rail button[aria-current=step],#experience[data-cinema=true] button[aria-pressed=true]{color:#a7eaff;border-color:#22c5ff}
#experience[data-cinema=true] .campo-rail button[data-done=true]{border-color:#22c5ff88}
#experience[data-cinema=true] .campo-cine-tools{display:flex;gap:20px;margin-top:9px;pointer-events:none}
#experience[data-cinema=true] .campo-cine-tools button{font-size:10px;min-height:36px;color:#d8e2f2;border-color:#7893ad88}
#experience[data-cinema=true] .campo-chapter{min-height:135svh}
#experience[data-cinema=true] .campo-copy{left:32px;right:32px;bottom:var(--campo-dock-clearance,134px);max-width:700px;color:#edf4ff;z-index:2;text-shadow:0 2px 9px #000}
#experience[data-cinema=true] .campo-copy:before{left:-32px;right:-100px;top:-70px;bottom:-100px;background:radial-gradient(ellipse at 5% 65%,#030b18b8,#030b1870 50%,transparent 78%)}
#experience[data-cinema=true] .campo-copy .eyebrow{color:#a7eaff;font-size:9px}
#experience[data-cinema=true] .campo-copy h3{font-size:clamp(25px,2.6vw,38px);max-width:24ch;margin:0 0 10px;line-height:1.12}
#experience[data-cinema=true] .campo-copy>p:not(.eyebrow){color:#d8e2f2;font-size:14px;line-height:1.5;max-width:78ch}
#experience[data-cinema=true] .campo-copy>.campo-operation{display:block;color:#a7eaff!important;font-size:11px!important;margin-top:12px!important}
#experience[data-cinema=true] .campo-actions{gap:25px;margin:10px 0 0;max-width:none}
#experience[data-cinema=true] .campo-actions button{min-height:44px;font-size:12px}
#experience[data-cinema=true] .campo-cine-dock{position:fixed;z-index:6;left:32px;right:32px;bottom:20px;padding-top:14px;border-top:1px solid #c6dcf145;color:#d8e2f2;text-shadow:0 2px 6px #000;pointer-events:none;opacity:var(--station-arrived,0)}
#experience[data-cinema=true] .campo-cine-heading{font-size:11px;font-weight:600;color:#edf4ff;margin:0 0 5px}
#experience[data-cinema=true] .campo-cine-hint{font-size:10px;margin:0 0 7px}
#experience[data-cinema=true] .campo-cine-actions{display:flex;flex-wrap:wrap;gap:5px 24px}
#experience[data-cinema=true] .campo-cine-actions button{min-height:40px}
#experience[data-cinema=true] .campo-cine-actions button:hover{color:#a7eaff;border-color:#22c5ff}
#experience[data-cinema=true] .campo-cine-result{min-height:17px;margin:8px 0 0;font-size:11px;line-height:1.4;color:#b4e9dd}
#experience[data-cinema=true] [hidden]{display:none!important}
#experience[data-cinema=true] button:focus-visible{outline:2px solid #22c5ff;outline-offset:5px}
#experience[data-cinema=true][data-travelling=true] .campo-cine-dock{visibility:hidden}
#experience[data-cinema=true][data-app-focus=true] .campo-copy{visibility:hidden}
#experience[data-cinema=true][data-interacting=true]:not([data-phase="5"]) .campo-copy{visibility:hidden}
#experience[data-cinema=true] .campo-cine-dock:before{content:'';position:absolute;z-index:-1;left:-32px;right:-32px;bottom:-20px;height:190px;background:linear-gradient(transparent,#030b18b8 40%,#030b18f2);pointer-events:none}
@media(max-width:600px){
 #experience[data-cinema=true] .campo-label{top:78px;left:20px;right:20px}
 #experience[data-cinema=true] .campo-label h2{font-size:11px}
 #experience[data-cinema=true] .campo-rail{gap:13px;overflow-x:auto;margin-top:8px;scrollbar-width:none;pointer-events:auto}
 #experience[data-cinema=true] .campo-rail li{flex:0 0 auto}
 #experience[data-cinema=true] .campo-rail button{min-height:44px;font-size:10px;white-space:nowrap}
 #experience[data-cinema=true] .campo-cine-tools{gap:20px;margin-top:2px}
 #experience[data-cinema=true] .campo-cine-tools button{min-height:40px;font-size:10px}
 #experience[data-cinema=true] .campo-copy{left:20px;right:20px;bottom:var(--campo-dock-clearance,196px)}
 #experience[data-cinema=true] .campo-copy:before{left:-20px;right:-20px;bottom:-240px;top:-20px}
 #experience[data-cinema=true] .campo-copy h3{font-size:24px;max-width:26ch}
 #experience[data-cinema=true] .campo-copy>p:not(.eyebrow){font-size:12px;line-height:1.5}
 #experience[data-cinema=true] .campo-copy>.campo-operation{font-size:10px!important;line-height:1.4;margin-top:8px!important}
 #experience[data-cinema=true][data-interacting=true] .campo-copy>p:not(.eyebrow):not(.campo-operation){display:none}
 #experience[data-cinema=true] .campo-cine-dock{left:20px;right:20px;bottom:15px}
 #experience[data-cinema=true] .campo-cine-dock:before{left:-20px;right:-20px;bottom:-15px;height:270px}
 #experience[data-cinema=true] .campo-cine-actions{gap:3px 20px}
 #experience[data-cinema=true] .campo-cine-actions button{min-height:44px;font-size:11px}
 #experience[data-cinema=true] .campo-cine-result{font-size:10px;min-height:28px}
 #experience[data-cinema=true] .campo-actions{display:flex;gap:22px}
 #experience[data-cinema=true] .campo-actions button{font-size:11px}
}
@media(max-height:600px) and (min-width:601px){
 #experience[data-cinema=true] .campo-label{top:68px}
 #experience[data-cinema=true] .campo-label h2,#experience[data-cinema=true] .campo-copy>p:not(.eyebrow):not(.campo-operation){display:none}
 #experience[data-cinema=true] .campo-rail{margin-top:7px}
 #experience[data-cinema=true] .campo-cine-tools{margin-top:0}
 #experience[data-cinema=true] .campo-copy{bottom:var(--campo-dock-clearance,130px)}
 #experience[data-cinema=true] .campo-copy h3{font-size:24px}
 #experience[data-cinema=true] .campo-cine-dock{bottom:12px}
}
@media(max-height:450px) and (min-width:601px){
 #experience[data-cinema=true] .campo-label{top:66px}
 #experience[data-cinema=true] .campo-label>p:not(.sr-only){display:none}
 #experience[data-cinema=true] .campo-rail{margin-top:0}
 #experience[data-cinema=true] .campo-cine-tools{position:fixed;top:15px;left:192px;right:auto;margin:0;gap:12px}
 #experience[data-cinema=true] .campo-cine-tools button{font-size:9px}
 #experience[data-cinema=true] .campo-copy .eyebrow,#experience[data-cinema=true] .campo-copy>.campo-operation{display:none!important}
 #experience[data-cinema=true] .campo-copy h3{font-size:22px;max-width:52ch}
}