.ma-tour{margin:0;position:relative;display:grid;justify-items:center;gap:25px;color:#153d54}
.ma-tour:before{content:"";position:absolute;inset:8% -5% 25%;border-radius:50%;background:radial-gradient(ellipse,#cee6f0,transparent 70%);pointer-events:none}
.ma-phone{position:relative;width:min(100%,296px);border:7px solid #112f42;border-radius:40px;background:#fff;box-shadow:0 24px 45px #09344820;overflow:hidden;isolation:isolate}
.ma-status{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#173b50;font-size:12px;font-weight:600;position:relative}
.ma-status i{position:absolute;width:82px;height:23px;top:6px;left:50%;transform:translateX(-50%);border-radius:16px;background:#112f42}
.ma-status>span:last-child{font-size:11px;letter-spacing:1px}
.ma-viewport{height:491px;position:relative;overflow:hidden;background:#f2f7fa;font-size:14px;line-height:1.4}
.ma-home-indicator{height:21px;background:#fff;display:grid;place-items:center}
.ma-home-indicator:after{content:"";width:90px;height:4px;background:#153b50;border-radius:5px;opacity:.45}
.ma-scene{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translateX(8px);transition:opacity calc(.3s / var(--animation-pace, 1)),transform calc(.3s / var(--animation-pace, 1)),visibility calc(.3s / var(--animation-pace, 1));background:#f2f7fa}
.ma-scene.is-current{visibility:visible;opacity:1;transform:none}
/* Keep the larger summary labels inside the phone, including longer English copy. */
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-body{padding-block:10px}
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-block{padding:10px;margin-bottom:10px}
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-quantity-card{padding:10px}
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-card-title{margin-bottom:10px}
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-compact-card{padding-block:8px;margin-top:8px}
.ma-scene:is([data-ma-scene="summary"],[data-ma-scene="complete"]) .ma-screen-note{margin-block:8px}
.ma-tour svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ma-app-heading{height:53px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fff;border-bottom:1px solid #d7e5ee}
.ma-app-heading>span:first-child:not(.tiny-logo){font-size:27px;color:#608397;line-height:1}
.ma-app-heading>strong{font-size:15px;letter-spacing:-.025em}
.ma-app-heading>span:last-child{margin-left:auto;color:#4b7a94}
.ma-brand-heading .tiny-logo{font-size:23px;letter-spacing:-1.5px}
.ma-brand-heading .ma-avatar{background:#e3f0f6;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:11px}
.ma-body{padding:14px 15px}
.ma-body .ma-section-label{font-size:9px;letter-spacing:.1em;color:#6c8b9d;margin:0 0 9px;line-height:1.7}
.ma-body .ma-welcome{font-size:22px;letter-spacing:-.04em;margin:0 0 14px;color:#173e53}
.ma-project{background:#173f58;color:#fff;border-radius:6px;padding:13px;margin-bottom:14px}
.ma-project small{display:block;font-size:9px;letter-spacing:.13em;color:#a9d0e0;margin-bottom:9px}
.ma-project strong{display:block;font-size:16px;font-weight:600}
.ma-project>span{display:block;font-size:11px;color:#c8dfe9;margin-top:7px}
.ma-home-entry{display:flex;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid #dae7ef;border-radius:5px;margin-top:8px;color:#698a9d}
.ma-home-entry--active{background:#e4f2f8;border-color:#9bc9dd;color:#0c86b1}
.ma-home-entry>div{flex:1}
.ma-home-entry strong{font-size:12px;display:block;font-weight:600;color:#28526a}
.ma-home-entry span{font-size:10px;display:block;margin-top:5px;color:#6a899b}
.ma-home-entry>b{font-size:19px;font-weight:400}
.ma-bottom-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:49px;border-top:1px solid #dbe7ee;background:#fff}
.ma-bottom-nav>span{display:grid;justify-items:center;gap:4px;font-size:9px;color:#839aa8}
.ma-bottom-nav svg{width:17px;height:17px}
.ma-bottom-nav .ma-nav-active{color:#0c83b1}
.ma-block{display:flex;gap:10px;align-items:center;padding:12px;background:#e3eff6;border:1px solid #c6dde9;border-radius:5px;margin-bottom:14px}
.ma-block>span{color:#258cb5;display:flex}
.ma-block small{display:block;font-size:10px;color:#6e8b9b;margin-bottom:5px}
.ma-block strong{font-size:12px;color:#315e77;display:block}
.ma-block b{margin-left:auto;font-weight:400;color:#5b8aa3}
.ma-quantity-card{padding:12px;background:#fff;border:1px solid #cbdfe9;border-radius:6px}
.ma-card-title{display:flex;justify-content:space-between;align-items:center;color:#2c536b;margin-bottom:13px}
.ma-card-title strong{font-size:15px;font-weight:600}
.ma-card-title small{display:block;font-size:10px;font-weight:400;color:#7390a1;margin-top:4px}
.ma-card-title>span{display:grid;place-items:center;width:28px;height:28px;background:#e9f4fa;border-radius:5px;color:#168bb8}
.ma-card-title svg{width:18px;height:18px}
.ma-quantities{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.ma-quantities>div+div{border-left:1px solid #dbe7ed}
.ma-quantities small{font-size:10px;color:#7b92a0;display:block;margin-bottom:6px}
.ma-quantities strong{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:#315b74}
.ma-quantities .ma-done{color:#168ba8}
.ma-progress-label{display:flex;justify-content:space-between;margin-top:14px;gap:6px;font-size:10px;color:#6d8c9e}
.ma-progress-label strong{color:#1686a7;font-size:12px}
.ma-progress-track{height:5px;background:#e3edf3;border-radius:4px;overflow:hidden;margin-top:7px}
.ma-progress-track i{display:block;height:100%;background:#2d9ab8;border-radius:4px}
.ma-progress-before{width:60%}.ma-progress-after{width:62.5%}
.ma-compact-card{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-top:10px;background:#fff;border:1px solid #dfebf1;border-radius:5px;color:#6c92aa}
.ma-compact-card svg{width:20px;height:20px}
.ma-compact-card strong{display:block;font-size:12px;font-weight:600;color:#426b82}
.ma-compact-card span{display:block;font-size:10px;color:#8aa0ac;margin-top:4px}
.ma-compact-card b{margin-left:auto;font-size:18px;font-weight:400}
.ma-body .ma-screen-note{font-size:10px;line-height:1.6;color:#7c98a8;margin:12px 3px}
.ma-plan-heading>div:nth-child(2){flex:1}
.ma-plan-heading strong{display:block;font-size:15px}
.ma-plan-heading small{display:block;font-size:10px;color:#6b8fa2;margin-top:5px}
.ma-plan-heading small b{font-weight:600}
.ma-save{width:31px;height:31px;border:1px solid #b8d9e8;border-radius:5px;color:#4c94b1;display:grid;place-items:center;transition:background calc(.3s / var(--animation-pace, 1)),color calc(.3s / var(--animation-pace, 1))}
.ma-save svg{width:18px;height:18px}
.ma-plan-context{display:flex;justify-content:space-between;padding:12px 15px;font-size:9px;letter-spacing:.05em;color:#64879b;background:#edf5f9;border-bottom:1px solid #dbe8f0}
.ma-plan-wrap{padding:8px 12px 12px;background:#fff}
.ma-tour .ma-pictogram{display:block;width:100%;height:296px}
.ma-plan-boundary{fill:#f8fbfd;stroke:#dce8ee;stroke-dasharray:3 4}
.ma-pile{fill:#fff;stroke:#a6bdcb;stroke-width:.65;transition:fill calc(.4s / var(--animation-pace, 1)),stroke calc(.4s / var(--animation-pace, 1))}
.ma-pile--executed{fill:#7a9fc5;stroke:#527d9d}
#ma-piles text{font-size:8px;fill:#94a7b4;stroke:none}
.ma-plan-axis{stroke:#8fadb9;stroke-width:.8}
.ma-plan-axis text{font-size:9px;fill:#7294a6;stroke:none}
.ma-plan-legend{display:flex;justify-content:center;gap:11px;font-size:9px;color:#7894a4}
.ma-plan-legend>span{display:flex;align-items:center;gap:4px}
.ma-plan-legend i{width:6px;height:6px;border:1px solid #527d9d;background:#7a9fc5}
.ma-plan-legend>span:nth-child(2) i{background:#fff;border-color:#a6bdcb}
.ma-plan-legend>span:nth-child(3) i{background:#24b1d2;border-color:#068caf}
.ma-plan-tip{font-size:11px;text-align:center;color:#5f8296;padding:15px 8px;line-height:1.5;border-top:1px solid #dce9ef}
.ma-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border:1px solid #bfdbe9;border-bottom:0;border-radius:16px 16px 0 0;padding:11px 16px 18px;box-shadow:0 -14px 35px #173d5520;transform:translateY(105%);visibility:hidden;transition:transform calc(.4s / var(--animation-pace, 1)),visibility calc(.4s / var(--animation-pace, 1))}
.ma-sheet-handle{width:27px;height:3px;background:#cbdce6;border-radius:3px;margin:0 auto 16px}
.ma-sheet-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.ma-sheet-title strong{font-size:14px}
.ma-sheet-title>span{font-size:10px;color:#7095aa}
.ma-sheet-label{font-size:10px;color:#7996a7;display:block;margin-bottom:8px}
.ma-state-option{display:flex;gap:8px;align-items:center;color:#278bad;background:#eef7fa;border:1px solid #acd3e3;border-radius:5px;padding:12px}
.ma-state-option svg{width:18px;height:18px}
.ma-state-option strong{font-size:12px;font-weight:500}
.ma-state-option i{margin-left:auto;width:10px;height:10px;border-radius:50%;border:2px solid #249abe;box-shadow:inset 0 0 0 2px #eef7fa;background:#249abe}
.ma-apply{background:#1584b1;border-radius:5px;padding:13px;color:#fff;font-size:12px;margin-top:14px;display:flex;justify-content:space-between}
.ma-toast{position:absolute;top:180px;left:24px;right:24px;padding:20px;background:#fff;border:1px solid #a9d3df;border-radius:8px;box-shadow:0 12px 35px #1e54632b;display:grid;justify-items:center;gap:10px;visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity calc(.3s / var(--animation-pace, 1)),transform calc(.3s / var(--animation-pace, 1)),visibility calc(.3s / var(--animation-pace, 1))}
.ma-toast svg{width:32px;height:32px;color:#2390aa;padding:5px;border:1px solid #a7d4df;border-radius:50%;background:#e9f6f8}
.ma-toast strong{font-size:14px;color:#28738b}
.ma-toast span{font-size:11px;color:#7291a2}
.ma-saved-banner{display:flex;align-items:center;gap:8px;color:#2185a0;background:#e5f3f6;padding:8px 10px;border-radius:4px;margin:-7px 0 13px;font-size:11px}
.ma-saved-banner svg{width:17px;height:17px}
.ma-record{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #d4e5ee;padding:14px 0;color:#5c8ba2}
.ma-record>span{color:#2593ab;margin-top:2px}
.ma-record svg{width:18px;height:18px}
.ma-record strong{font-size:12px;font-weight:600;color:#3d7189}
.ma-record p{font-size:11px;line-height:1.5;margin:6px 0;color:#7294a5}
.ma-record small{display:block;font-size:9px;color:#8ba1ae}
.ma-result-note{display:flex;align-items:center;gap:10px;padding:14px 0;color:#5890aa}
.ma-result-note p{font-size:11px;line-height:1.6;color:#64869a}
.ma-touch{position:absolute;width:24px;height:24px;border:2px solid #159fc6;border-radius:50%;background:#65d1ea35;box-shadow:0 0 0 5px #50bad815;pointer-events:none;opacity:0;z-index:4}
.ma-touch:after{content:"";position:absolute;inset:-7px;border:1px solid #159fc655;border-radius:50%;animation:ma-tap calc(1.1s / var(--animation-pace, 1)) infinite}
.ma-tour[data-phase="open"] .ma-touch{opacity:1;left:76%;top:247px}
.ma-tour[data-phase="open-plan"] .ma-touch{opacity:1;left:76%;top:171px}
.ma-tour[data-phase="select"] .ma-touch{opacity:1;left:64%;top:216px}
.ma-tour[data-phase="apply"] .ma-touch{opacity:1;left:73%;bottom:25px}
.ma-tour[data-phase="save"] .ma-touch{opacity:1;right:19px;top:14px}
.ma-tour:is([data-phase="select"],[data-phase="state"],[data-phase="apply"]) .ma-pile--selected{fill:#24b1d2;stroke:#007ba2;stroke-width:1.4}
.ma-tour:is([data-phase="applied"],[data-phase="save"],[data-phase="saved"]) .ma-pile--selected{fill:#7a9fc5;stroke:#527d9d}
.ma-tour:is([data-phase="state"],[data-phase="apply"]) .ma-sheet{transform:none;visibility:visible}
.ma-tour:is([data-phase="applied"],[data-phase="save"]) .ma-save{background:#0b86b1;color:#fff;border-color:#0b86b1}
.ma-tour[data-phase="saved"] .ma-toast{opacity:1;transform:none;visibility:visible}
.ma-tour figcaption{position:relative;width:min(100%,350px);min-height:166px}
.ma-caption-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px}
.ma-caption-meta .eyebrow{font-size:11px;margin:0}
.ma-caption-meta>span:last-child{font-size:11px;letter-spacing:.1em;color:#448ba9;font-variant-numeric:tabular-nums}
.ma-tour figcaption h3{font-size:23px;line-height:1.25;letter-spacing:-.04em;margin:0 0 10px;color:#173f56}
.ma-tour figcaption>p{font-size:14px;line-height:1.7;margin:0;min-height:42px;color:#698696}
.ma-timeline{height:2px;background:#d1e3ec;overflow:hidden;margin:18px 0 12px}
.ma-timeline i{display:block;height:100%;width:100%;background:#179ac1;transform-origin:left;transform:scaleX(0)}
.ma-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ma-controls[hidden]{display:none}
.ma-controls>span{font-size:11px;color:#7d98a8}
.ma-controls button{display:flex;align-items:center;gap:7px;border:1px solid #bed9e6;border-radius:4px;background:#f8fcfd;color:#3c7894;font:inherit;font-size:12px;min-height:34px;padding:7px 12px;cursor:pointer}
.ma-controls button:hover{border-color:#7fb3c9;background:#e5f2f7}
.ma-controls button:focus-visible{outline:3px solid #6ab9d7;outline-offset:3px}
.ma-tour~.mobile-app-note{margin-top:20px}
.ma-fallback{padding:24px;font-size:15px;line-height:1.8}
.ma-tour[data-running="false"] *,.ma-tour[data-running="false"] *:after{animation-play-state:paused!important}
@keyframes ma-tap{0%{transform:scale(.65);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media(max-width:700px){.ma-phone{width:min(100%,296px)}.ma-tour{gap:25px}.ma-tour figcaption{max-width:330px}.ma-tour figcaption h3{font-size:22px}.ma-controls button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ma-tour *{transition:none!important}.ma-touch:after{animation:none}}

/* Photovoltaic journey based on the Entrenúcleos app flow. */
#mobile-app-animation .mp-blue{background:#174a7f;color:#fff}
#mobile-app-animation .mp-blue .tiny-logo,#mobile-app-animation .mp-blue .tiny-logo span,#mobile-app-animation .mp-blue>span:last-child{color:#fff}
#mobile-app-animation .mp-orange{background:#f58a39;color:#fff;border-color:#ee7d2f}
#mobile-app-animation .mp-orange>span{color:#fff}
.mp-home .ma-project{padding:9px 11px;margin-bottom:8px;background:#315d91}
.mp-home .ma-project small{margin-bottom:4px}.mp-home .ma-project>span{margin-top:3px}
#mobile-app-animation .mp-home{padding:11px 12px}
.mp-register-entry{display:flex;align-items:center;gap:8px;padding:9px;background:#174a7f;border-radius:5px;color:#fff}
.mp-register-entry strong{font-size:11px;display:block}.mp-register-entry span{font-size:10px;display:block;margin-top:2px}.mp-register-entry>b{margin-left:auto}
.mp-home h4{font-size:12px;margin:12px 0 7px;color:#345e89}
.mp-current-activity{position:relative;border:1px solid #d7e2eb;background:#fff;border-radius:4px;padding:7px 9px;margin-bottom:8px}
.mp-current-activity small{display:block;font-size:9px;color:#68859b}.mp-current-activity strong{display:block;font-size:11px;color:#345b7c}.mp-current-activity>span{position:absolute;right:10px;top:12px}
.mp-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mp-quick-grid>div{padding:8px 5px;background:#fff;border:1px solid #dde7ec;border-radius:5px;min-height:70px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#526d80}
.mp-quick-grid svg{width:20px;height:20px;color:#e1ac36}.mp-quick-grid>div:nth-child(2) svg{color:#2eafbe}.mp-quick-grid>div:nth-child(3) svg{color:#ea8a35}.mp-quick-grid>div:nth-child(4) svg{color:#47a45c}.mp-quick-grid>div:nth-child(5) svg{color:#d85a67}.mp-quick-grid>div:nth-child(6) svg{color:#7b57c4}
.mp-quick-grid span{font-size:9px;line-height:1.35;font-weight:500}.mp-quick-grid .mp-quick-target{background:#fff4e8;border-color:#efa25c}
.mp-instruction{font-size:13px;line-height:1.5;color:#375e78;margin:0 0 16px}
.mp-activity-row{position:relative;padding:12px 10px;background:#fff;border:1px solid #d5e1e9;border-radius:5px;margin-bottom:10px}
.mp-activity-row strong{display:block;font-size:13px;color:#345b76}.mp-activity-row small{display:block;font-size:10px;color:#7a94a2;margin-top:4px}.mp-activity-row>span{position:absolute;right:10px;top:16px;color:#8fa4b2}
.mp-activity-row.mp-expanded{margin-bottom:0;border-radius:5px 5px 0 0;background:#fff7ee;border-color:#edbb91}
.mp-subactivities{padding:8px;background:#eaf0f5;border:1px solid #d5e1e9;border-top:0;border-radius:0 0 5px 5px}
.mp-subactivity{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #d5e1e9;border-radius:4px;padding:10px 7px;margin-bottom:7px}
.mp-subactivity:last-child{margin-bottom:0}.mp-subactivity strong{font-size:12px;display:block;color:#315e79}.mp-subactivity small{font-size:10px;display:block;color:#6c899a;margin-top:5px}.mp-subactivity>b{margin-left:auto}.mp-subactivity>span{color:#91a4b0}
.mp-subactivity.mp-selected{border-color:#e9ad78;background:#fffaf4}.mp-context-note{font-size:11px;line-height:1.6;color:#688699;margin:17px 3px 0}
#mobile-app-animation .mp-summary{padding:10px 12px}
.mp-context{background:#ffefe2;border:1px solid #f1c7a1;border-radius:5px;padding:8px 10px;margin-bottom:10px;position:relative}
.mp-context small{display:block;font-size:10px;color:#aa754c}.mp-context strong{display:block;font-size:12px;color:#80572f}.mp-context>span{position:absolute;right:10px;top:12px;color:#bb8b62}
.mp-quantity-card{padding:9px 10px 7px;border:1px solid #d3e1eb;border-radius:5px;background:#fff;margin-bottom:9px}
.mp-quantity-card>strong{display:block;font-size:12px;margin-bottom:8px;color:#2f5570}.mp-quantity-card .ma-quantities small{font-size:9px;margin-bottom:3px}.mp-quantity-card .ma-quantities strong{font-size:19px}
.mp-card-actions{display:flex;gap:5px;margin-top:7px;color:#527695;align-items:center}.mp-card-actions>span,.mp-card-actions>b{display:flex;align-items:center;gap:3px;border:1px solid #bad0df;border-radius:3px;padding:3px;font-size:9px;font-weight:400}.mp-card-actions>b{margin-left:auto}.mp-card-actions svg{width:12px;height:12px}
.mp-result{border-left:3px solid #b54886;padding:10px;margin:14px 0;color:#476d85;background:#fff}.mp-result strong{font-size:13px}.mp-result p{font-size:12px;line-height:1.5;margin:8px 0}.mp-result>span{font-size:11px;line-height:1.5;display:block;color:#6d8795}
.mp-inspection-note{display:flex;align-items:center;gap:8px;color:#6a8da3}.mp-inspection-note svg{width:20px}.mp-inspection-note p{font-size:11px;line-height:1.6;margin:0}
#mobile-app-animation .ma-saved-banner{margin:0 0 10px}
#mobile-app-animation .ma-plan-heading{height:53px;padding-inline:12px;gap:9px;background:#f3f6fa}
#mobile-app-animation .ma-plan-heading strong{font-size:14px}.mp-layers svg{width:18px;height:18px}
#mobile-app-animation .ma-plan-context{padding-block:8px}
#mobile-app-animation .ma-plan-wrap{padding:8px 12px}
#mobile-app-animation .ma-pictogram{height:315px}
#mobile-app-animation .ma-plan-tip{padding:10px 8px;font-size:11px}
#mobile-app-animation .ma-pile--executed{fill:#b54886;stroke:#96346e}
#mobile-app-animation .ma-plan-legend>span:first-child i{background:#b54886;border-color:#96346e}
#mobile-app-animation:is([data-phase=select],[data-phase=register],[data-phase=state],[data-phase=date],[data-phase=save]) .ma-pile--selected{fill:#1d9fc0;stroke:#087d9d;stroke-width:1}
#mobile-app-animation[data-phase=saved] .ma-pile--selected{fill:#b54886;stroke:#96346e}
.mp-registration{position:absolute;top:60px;left:21px;right:10px;padding:12px;background:#fff;border:1px solid #c5d7e4;border-radius:5px;box-shadow:0 8px 20px #193e5533;visibility:hidden;opacity:0;transform:translateY(-5px);transition:opacity .25s,transform .25s;z-index:2}
#mobile-app-animation:is([data-phase=register],[data-phase=state],[data-phase=date],[data-phase=save]) .mp-registration{visibility:visible;opacity:1;transform:none}
.mp-registration-title{display:flex;justify-content:space-between;color:#315e89;font-size:13px;border-bottom:1px solid #e2eaf0;padding-bottom:9px}
.mp-registration>p{font-size:10px;margin:13px 0;color:#456177}.mp-registration>p b{font-size:13px;margin-left:3px}
.mp-registration>small{font-size:10px;color:#607e94;display:block;margin:11px 0 4px}
.mp-state,.mp-date{display:flex;align-items:center;justify-content:space-between;border:1px solid #bdcfdc;background:#fff;padding:10px;border-radius:4px;font-size:12px;color:#385e7a}
.mp-state-options{display:none;position:absolute;top:140px;left:12px;right:12px;border:1px solid #b7cddf;box-shadow:0 5px 15px #1e49632b;background:#fff;border-radius:4px;z-index:1;overflow:hidden}
#mobile-app-animation[data-phase=state] .mp-state-options{display:block}
.mp-state-options>*{display:block;padding:10px;font-size:12px;color:#5f7c92;font-weight:400}.mp-state-options>strong{background:#e9f1fb;color:#2c6092}.mp-state-options b{float:right}
.mp-save-action{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:11px;background:#356b9e;color:#fff;border-radius:4px;font-size:12px}.mp-save-action svg{width:15px;height:15px}
.mp-state-note{display:block;text-align:center;font-size:9px;color:#7d94a4;margin-top:10px}
#mobile-app-animation .ma-save{visibility:hidden}
#mobile-app-animation:is([data-phase=select],[data-phase=register],[data-phase=state],[data-phase=date],[data-phase=save],[data-phase=saved]) .ma-save{visibility:visible;background:#e5eef7;color:#315f8d}
#mobile-app-animation .ma-touch{opacity:0;visibility:hidden}
#mobile-app-animation:is([data-phase=open],[data-phase=choose],[data-phase=open-plan],[data-phase=select],[data-phase=register],[data-phase=save]) .ma-touch{visibility:visible;opacity:1}
#mobile-app-animation[data-phase=open] .ma-touch{left:auto;right:30px;top:287px}
#mobile-app-animation[data-phase=choose] .ma-touch{left:auto;right:28px;top:270px}
#mobile-app-animation[data-phase=open-plan] .ma-touch{left:auto;right:25px;top:205px}
#mobile-app-animation[data-phase=select] .ma-touch{left:49%;top:196px}
#mobile-app-animation[data-phase=register] .ma-touch{left:auto;right:17px;top:15px}
#mobile-app-animation[data-phase=save] .ma-touch{left:auto;right:48px;top:317px}
#mobile-app-animation figcaption>.mp-reference{font-size:12px;line-height:1.6;margin-top:14px;color:#6e8796;min-height:0}
#mobile-app-animation .animation-phases button:last-child{grid-column:1/-1}

#mobile-app-animation .mp-quantity-card{padding-block:8px 6px;margin-bottom:7px}