#experience[data-spatial="prototipos"]{color:#f2f5f3}
#experience[data-spatial="prototipos"] .experience-head{color:#fff5de;background:linear-gradient(#11212477,transparent)}
#experience[data-spatial="prototipos"] .experience-head button{color:inherit;border-color:#fff1d161;text-shadow:0 1px 4px #12201a}
#experience[data-spatial="prototipos"] .experience-meter{background:#193d39}
#experience[data-spatial="prototipos"] .experience-meter span{background:#f39d7e}
#experience[data-spatial="prototipos"] .automation-load{background:#163631ee;color:#fff0da;border:1px solid #79998a}
.campo-label{position:fixed;top:90px;left:28px;z-index:5;text-shadow:0 1px 7px #081714,0 0 15px #0a1715}
.campo-label h2{font-size:12px;font-weight:600;margin:0 0 5px}.campo-label p{font-size:8px;letter-spacing:.18em;margin:0;color:#d0e0c8}
.campo-label{right:28px;pointer-events:none}.campo-rail{list-style:none;display:grid;gap:11px;max-width:180px;padding:0;margin:23px 0 0;color:#dae5e5}.campo-rail li{font-size:11px;border-left:2px solid #a2b6b66b;padding:4px 0 4px 12px;text-shadow:0 1px 4px #051920,0 0 8px #051920}.campo-rail li[aria-current]{color:#c5ffe8;border-color:#8ee8c4;font-weight:700}.campo-rail li[data-done="true"]{border-color:#8ee8c4b0}
.campo-chapter,.campo-chapter:last-child{position:relative;min-height:150svh;pointer-events:none}
.campo-copy{position:fixed;left:3.5vw;right:3.5vw;bottom:4svh;max-width:1000px;pointer-events:auto;color:#fff5de;text-shadow:0 1px 5px #0e1613,0 0 20px #0e1613}
.campo-copy:before{content:"";position:absolute;left:-4vw;right:-30vw;top:-35px;bottom:-5vh;z-index:-1;background:linear-gradient(transparent,#071c1bba);pointer-events:none}
.campo-copy .eyebrow{font-size:9px;line-height:1.4;letter-spacing:.16em;color:#b4d9cc;margin:0 0 9px}
.campo-copy h3{font-size:clamp(26px,2.5vw,34px);line-height:1.12;font-weight:600;letter-spacing:-.03em;margin:0 0 9px}
.campo-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;max-width:75ch;margin:0;color:#f2ead8}
.campo-direction{font-size:11px!important;margin-top:9px!important;color:#c4d9c5!important}
.campo-copy>.campo-operation{font-size:12px!important;color:#aff0d4!important;margin-top:10px!important;font-weight:600;letter-spacing:.01em}.campo-chapter:last-child .campo-operation{display:none}
.campo-chapter[inert] .campo-copy{pointer-events:none}
.campo-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:820px;margin:16px 0}
.campo-results>div{border-top:2px solid #86ddd4;padding-top:8px}.campo-results>div[data-case="revisar"]{border-color:#ff8c73}.campo-results>div[data-case="sin-lectura"]{border-color:#d2d5c4}
.campo-results dt{font-size:12px;color:#bce8df;margin-bottom:4px}.campo-results [data-case="revisar"] dt{color:#ffc0a8}.campo-results [data-case="sin-lectura"] dt{color:#e0e4d3}.campo-results dd{margin:0;font-size:17px;font-weight:600;line-height:1.3;color:#fff5de}
.campo-actions{display:flex;gap:28px;margin-top:12px;max-width:700px}.campo-actions .text-action{flex:1;margin:0;color:#fff0d4;border-color:#b4c9ac99;font-size:13px;min-height:44px}
.campo-pause{margin-left:auto;margin-right:28px;font-size:11px}
@media(max-width:600px){
 .campo-label{left:20px;top:78px}.campo-label h2{font-size:11px}.campo-label p{font-size:7px}
 .campo-label{right:20px}.campo-rail{display:flex;margin-top:15px;max-width:none;gap:0}.campo-rail li{flex:1;font-size:8px;line-height:1.3;padding:6px 5px 0 0;border-left:none;border-top:2px solid #a2b6b66b}
 .campo-copy{left:21px;right:21px;bottom:3.8svh}.campo-copy h3{font-size:25px;max-width:27ch}.campo-copy>p:not(.eyebrow){font-size:13px;line-height:1.5}.campo-copy .eyebrow{font-size:8px}
 .campo-copy:before{left:-22px;right:-22px}.campo-actions{display:block}.campo-actions .text-action{display:flex;width:100%;font-size:12px}
 .campo-results{gap:12px;margin:12px 0}.campo-results dt{font-size:11px}.campo-results dd{font-size:13px}
 #experience[data-spatial="prototipos"] .experience-head{display:grid;grid-template-columns:100px auto auto;gap:8px;align-items:center}#experience[data-spatial="prototipos"] .experience-head img{width:100px}
 .campo-pause{margin:0;font-size:9px!important}#experience[data-spatial="prototipos"] #close{font-size:9.5px;padding:10px 0}
}
@media(max-height:600px) and (min-width:601px){.campo-label{top:65px}.campo-label h2{display:none}.campo-rail{margin-top:13px;max-width:160px;gap:6px}.campo-rail li{font-size:9px;padding-top:3px;padding-bottom:3px}.campo-copy h3{font-size:23px;margin-bottom:6px}.campo-copy>p:not(.eyebrow){font-size:12px;line-height:1.4}.campo-copy .eyebrow{font-size:7px;margin-bottom:6px}.campo-copy{bottom:3svh}.campo-actions{margin-top:7px}.campo-actions .text-action{font-size:11px;min-height:34px;padding:7px 0}.campo-results{display:none}.campo-copy>.campo-operation{margin-top:6px!important;font-size:10px!important}.campo-direction{display:none}}