/* Un escenario continuo: el contenido comercial forma parte de su primer tramo. */
#experience[data-flow=cinematic]{background:transparent!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom;scrollbar-color:#a78b63 #302218}
#experience[data-flow=cinematic]::backdrop{background:transparent!important}
#experience[data-flow=cinematic] .experience-head{position:fixed!important;top:0;left:0;right:0;display:flex!important;align-items:center;gap:28px;padding:20px 4vw!important;min-height:80px;background:none!important;backdrop-filter:none!important;z-index:30;color:#fff3dc!important;text-shadow:0 1px 3px #231509!important}
#experience[data-flow=cinematic] .experience-head>img{width:180px!important;height:auto}
#experience[data-flow=cinematic] .experience-head #close{font-size:16px!important;min-height:46px;max-width:none;white-space:nowrap;color:inherit!important;text-shadow:inherit!important}
#experience[data-flow=cinematic] .flow-sale-action{position:relative!important;display:flex!important;align-items:center;gap:22px;min-height:48px;margin:0 0 0 auto!important;padding:10px 0!important;border:0!important;border-bottom:1px solid #b9d9c5!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:600 17px/1.3 Arial,sans-serif!important;color:inherit!important;text-shadow:inherit!important;animation:none!important;pointer-events:auto!important}
#experience[data-flow=cinematic] .flow-sale-action:after{display:none!important}.flow-sale-action span{display:inline!important}
#experience[data-flow=cinematic] #chapters{padding:0!important;min-height:0;height:auto!important}
.flow-opening-track{position:relative;min-height:125svh;pointer-events:none}
.flow-opening-caption{position:fixed;top:145px;bottom:115px;left:5vw;width:40vw;max-width:620px;overflow:clip;pointer-events:auto;color:#fff1d9;text-shadow:0 1px 3px #1a0e05}
.flow-opening-copy{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;will-change:transform}
.flow-opening-copy .eyebrow{font:600 14px/1.6 Arial,sans-serif!important;color:#d7c397!important;letter-spacing:.12em;margin:0 0 18px}
.flow-opening-copy h3{font:500 clamp(33px,3.2vw,49px)/1.12 Georgia,serif!important;letter-spacing:-.025em;margin:0 0 24px;color:#fff5df!important;-webkit-text-stroke:0!important}
.flow-opening-copy>p:not(.eyebrow){font:400 clamp(18px,1.4vw,21px)/1.6 Arial,sans-serif!important;margin:18px 0;color:#fff3df!important;-webkit-text-stroke:0!important}
.flow-opening-copy .flow-opening-example{color:#d7e8dd!important;font-size:17px!important}
#experience[data-opening=true] .automation-label,#experience[data-opening=true] .applications-label,#experience[data-opening=true] .prisma-label,#experience[data-opening=true] .campo-label,#experience[data-opening=true] .campo-cine-dock{visibility:hidden!important;pointer-events:none!important}
#experience[data-opening=true] .experience-head,#experience[data-opening=true] .experience-head button{color:#fff3dc!important;text-shadow:0 1px 3px #231509!important}
#experience[data-flow=cinematic] .automation-copy,#experience[data-flow=cinematic] .applications-copy,#experience[data-flow=cinematic] .prisma-copy,#experience[data-flow=cinematic] .campo-copy{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-text-stroke:0!important}
#experience[data-flow=cinematic] .automation-copy h3,#experience[data-flow=cinematic] .applications-copy h3,#experience[data-flow=cinematic] .prisma-copy h3{font-size:clamp(29px,2.7vw,39px);line-height:1.15;-webkit-text-stroke:0}
#experience[data-flow=cinematic] .automation-copy>p:not(.eyebrow),#experience[data-flow=cinematic] .applications-copy>p:not(.eyebrow),#experience[data-flow=cinematic] .prisma-copy>p:not(.eyebrow){font-size:19px;line-height:1.55;-webkit-text-stroke:0}
#experience[data-flow=cinematic][data-spatial=web-digital][data-opening=false] .experience-head,#experience[data-flow=cinematic][data-spatial=web-digital][data-opening=false] .experience-head button{color:#263143!important;text-shadow:0 1px 2px #fff!important}
#experience[data-flow=cinematic][data-spatial=prototipos] .campo-label{position:fixed!important;top:105px!important;left:5vw!important;right:5vw!important;color:#fff2dc!important;background:none!important;text-shadow:0 1px 3px #201407!important;padding:0!important;max-width:none!important;width:auto!important;pointer-events:none}
#experience[data-flow=cinematic] .campo-label h2{font:500 18px/1.4 Arial,sans-serif!important;color:#f6e9d0!important;margin:0 0 8px}
#experience[data-flow=cinematic] .campo-rail{display:flex!important;gap:23px!important;max-width:none!important;margin:0!important;padding:0!important;overflow-x:auto;list-style:none;pointer-events:auto}
#experience[data-flow=cinematic] .campo-rail li{border:0!important;padding:0!important}.campo-rail button{white-space:nowrap}
#experience[data-flow=cinematic] .campo-rail button{background:none;border:0;border-bottom:1px solid #b5c4b279;color:#e9e5d6!important;font-size:15px!important;min-height:44px;padding:7px 0;text-shadow:0 1px 3px #180f07}
#experience[data-flow=cinematic] .campo-rail button[aria-current]{border-color:#a4e4df;color:#c6f6ef!important}
#experience[data-flow=cinematic] .campo-chapter,#experience[data-flow=cinematic] .campo-chapter:last-child{height:120svh!important;min-height:120svh!important;pointer-events:none!important;display:block!important;padding:0!important}
#experience[data-flow=cinematic] .campo-copy,#experience[data-flow=cinematic][data-phase="5"] .campo-copy{position:fixed!important;top:34svh!important;left:5vw!important;right:auto!important;bottom:190px!important;width:36vw!important;max-width:530px!important;padding:0!important;visibility:visible!important;transform:none!important;background:none!important;color:#fff3dc!important;text-shadow:0 1px 3px #1d1008!important;pointer-events:auto}
#experience[data-flow=cinematic] .campo-copy .eyebrow{font:600 13px/1.5 Arial,sans-serif!important;color:#d6c698!important;letter-spacing:.1em;display:block!important}
#experience[data-flow=cinematic] .campo-copy h3{font:500 clamp(30px,3vw,44px)/1.12 Georgia,serif!important;color:#fff4df!important;max-width:none!important;margin:14px 0 20px;-webkit-text-stroke:0!important}
#experience[data-flow=cinematic] .campo-copy>p:not(.eyebrow){font:400 19px/1.6 Arial,sans-serif!important;color:#fff1d9!important;text-shadow:0 1px 3px #1d1008!important;display:block!important;-webkit-text-stroke:0!important}
#experience[data-flow=cinematic] .campo-copy>.campo-operation{font-size:14px!important;color:#c1e9d9!important;margin-top:16px;line-height:1.5!important}
#experience[data-flow=cinematic] .campo-copy:before,#experience[data-flow=cinematic] .campo-cine-dock:before,#experience[data-flow=cinematic] .campo-label:before{display:none!important}
#experience[data-flow=cinematic] .campo-cine-dock{position:fixed!important;left:5vw!important;right:5vw!important;bottom:20px!important;z-index:12;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;text-shadow:0 1px 3px #180f08!important;visibility:visible}
#experience[data-flow=cinematic] .campo-cine-heading{font-size:14px!important;color:#d5d4c0;margin:0 0 10px}
#experience[data-flow=cinematic] .campo-cine-actions{display:flex!important;gap:14px!important;overflow:visible!important;flex-wrap:wrap!important;padding:0!important}
#experience[data-flow=cinematic] .campo-cine-actions button{min-height:48px!important;padding:12px 20px!important;font:500 16px/1.35 Arial,sans-serif!important;background:#173c40!important;color:#eef7e9!important;border:1px solid #88b9b5!important;border-radius:4px!important;gap:12px!important;flex:0 1 auto;cursor:pointer}
#experience[data-flow=cinematic] .campo-cine-actions button:before{display:none!important}#experience[data-flow=cinematic] .campo-cine-actions button[aria-pressed=true]{background:#2b6460!important;border-color:#c1f2dc!important}
#experience[data-flow=cinematic] .campo-cine-result{font-size:15px!important;line-height:1.4;min-height:23px;color:#c5efda;margin:10px 0 0}
@media(max-width:760px){
 #experience[data-flow=cinematic] .experience-head{display:grid!important;grid-template-columns:1fr auto;gap:3px 15px;padding:12px 20px!important;min-height:110px;box-sizing:border-box}
 #experience[data-flow=cinematic] .experience-head>img{width:148px!important;grid-row:1;grid-column:1}#experience[data-flow=cinematic] #close{grid-row:1!important;grid-column:2!important;font-size:14px!important;min-height:40px!important;max-width:none!important}
 #experience[data-flow=cinematic] .flow-sale-action{grid-row:2!important;grid-column:1/-1!important;margin:0!important;width:100%;font-size:16px!important;min-height:44px!important;justify-content:space-between;box-sizing:border-box}
 #experience[data-flow=cinematic] .prisma-pause{display:none!important}
 .flow-opening-caption{top:46svh;bottom:36px;left:23px;right:23px;width:auto;max-width:none}.flow-opening-copy h3{font-size:32px!important;margin-bottom:20px}.flow-opening-copy>p:not(.eyebrow){font-size:18px!important;line-height:1.55!important}.flow-opening-copy .eyebrow{font-size:12px!important;margin-bottom:12px}.flow-opening-copy .flow-opening-example{font-size:16px!important}
 #experience[data-flow=cinematic][data-spatial=prototipos] .campo-label{top:118px!important;left:22px!important;right:22px!important}#experience[data-flow=cinematic] .campo-label h2{display:none!important}#experience[data-flow=cinematic] .campo-rail{gap:20px!important}#experience[data-flow=cinematic] .campo-rail button{font-size:14px!important;min-height:40px!important}
 #experience[data-flow=cinematic] .campo-copy,#experience[data-flow=cinematic][data-phase="5"] .campo-copy{top:53svh!important;left:23px!important;right:23px!important;width:auto!important;max-width:none!important;bottom:170px!important}
 #experience[data-flow=cinematic] .campo-copy .eyebrow{font-size:11px!important;margin:0!important}#experience[data-flow=cinematic] .campo-copy h3{font-size:28px!important;line-height:1.1!important;margin:10px 0 12px!important}#experience[data-flow=cinematic] .campo-copy>p:not(.eyebrow){font-size:16px!important;line-height:1.45!important}#experience[data-flow=cinematic] .campo-copy>.campo-operation{display:none!important}
 #experience[data-flow=cinematic] .campo-cine-dock{left:22px!important;right:22px!important;bottom:12px!important}#experience[data-flow=cinematic] .campo-cine-heading{font-size:12px!important;margin-bottom:7px}#experience[data-flow=cinematic] .campo-cine-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px!important}#experience[data-flow=cinematic] .campo-cine-actions button{font-size:13px!important;padding:9px 8px!important;min-height:62px!important;flex:none!important;white-space:normal;text-align:left;justify-content:flex-start;min-width:0}#experience[data-flow=cinematic] .campo-cine-result{font-size:13px!important;min-height:36px;margin-top:8px}
 #experience[data-flow=cinematic] .automation-label,#experience[data-flow=cinematic] .applications-label,#experience[data-flow=cinematic] .prisma-label{top:125px!important}
}
@media(prefers-reduced-motion:reduce){.flow-opening-copy{will-change:auto}.flow-sale-action span{animation:none!important}}

.flow-opening-caption{bottom:26px}.flow-opening-copy h3{margin-bottom:20px}.flow-opening-copy>p:not(.eyebrow){margin:16px 0}@media(max-width:760px){#experience[data-flow=cinematic] .campo-copy,#experience[data-flow=cinematic][data-phase='5'] .campo-copy{top:50svh!important}#experience[data-flow=cinematic] .campo-copy>p:not(.eyebrow){font-size:18px!important;line-height:1.45!important}}

@media(max-width:760px){#experience[data-spatial=prototipos] .flow-opening-caption{top:52svh}}

#experience[data-flow=cinematic] .campo-focus{font-size:14px;min-height:40px;background:none;border:0;border-bottom:1px solid #b5c4b2;color:#e9ead9;padding:6px 0;pointer-events:auto;position:absolute;right:0;top:0}#experience[data-app-focus=true] .campo-copy{visibility:hidden!important}@media(max-width:760px){#experience[data-flow=cinematic] .campo-focus{position:relative;top:auto;right:auto;font-size:12px;min-height:30px;margin-top:3px}#experience[data-app-focus=true] .campo-copy{visibility:hidden!important}}

#experience[data-flow=cinematic] .campo-cine-dock .campo-focus{position:absolute!important;right:0!important;top:-6px!important;margin:0!important;font-size:13px!important;min-height:30px!important}#experience[data-flow=cinematic] .campo-cine-dock .campo-focus:before,#experience[data-flow=cinematic] .campo-cine-dock .campo-focus:after{display:none!important}

@media(max-width:760px){#experience[data-flow=cinematic][data-cinema=true] .campo-copy>.campo-operation{display:none!important}}
#experience[data-flow=cinematic][data-cinema=true] .campo-copy>.campo-actions{display:none!important}
/* La lectura fija deja pasar los gestos al único contenedor del recorrido. */
#experience[data-flow=cinematic] :is(.flow-opening-caption,.automation-copy,.applications-copy,.prisma-copy,.campo-copy){pointer-events:none!important}
#experience[data-flow=cinematic] :is(.flow-opening-caption,.automation-copy,.applications-copy,.prisma-copy,.campo-copy) :is(a,button,input,textarea,select){pointer-events:auto!important}