@font-face{font-family:CIB Font Sans;src:url(/mentalidad-agil/fonts/cib-font-sans-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CIB Font Sans;src:url(/mentalidad-agil/fonts/cib-font-sans-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--dark: #2C2A29;--yellow: #FAD81A;--yellow-hover: #FFE14D;--white: #FFFFFF;--font: "CIB Font Sans", Arial, sans-serif;--u: min(1vw, 6px, .52dvh)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font);background-color:var(--dark);width:100vw;height:100dvh;overflow:hidden;display:flex;justify-content:center;align-items:center}button{font-family:inherit}.screen{display:none;position:relative;width:calc(100 * var(--u));height:100dvh;flex-direction:column;align-items:center;background:var(--white) url(/mentalidad-agil/assets/screens/screen-frame.png) center / 100% 100% no-repeat;color:var(--dark);font-size:calc(4.96 * var(--u));line-height:1.25;text-align:center;overflow:hidden}.screen.active{display:flex}.screen-header{position:absolute;top:0;left:0;width:100%;height:6.8%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white);line-height:1.15}.screen-header-title{font-size:calc(4.7 * var(--u));font-weight:700}.screen-header-subtitle{font-size:calc(2.9 * var(--u))}.screen-content{flex:1;width:calc(64 * var(--u));padding-top:10dvh;padding-bottom:5dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5 * var(--u))}.screen h1{font-size:calc(10.3 * var(--u));font-weight:700;line-height:1;text-transform:uppercase}.screen h2{font-size:calc(7.4 * var(--u));font-weight:700;line-height:1.1}.btn-angled,.login-btn{width:calc(36.5 * var(--u));height:calc(7.7 * var(--u));padding:0 calc(3 * var(--u)) calc(.9 * var(--u)) 0;flex-shrink:0;border:none;background-color:var(--yellow);color:var(--dark);font-size:calc(3.6 * var(--u));font-weight:400;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,85% 0,100% 88%,76% 88%,73% 100%,45% 100%,42% 88%,16% 88%);transition:background-color .2s ease,opacity .2s ease}.btn-angled:hover,.login-btn:hover{background-color:var(--yellow-hover)}.btn-angled.btn-dark{background-color:var(--dark);color:var(--white)}.btn-angled.btn-dark:hover{background-color:#45423f}.btn-angled:disabled{opacity:.35;cursor:default}.btn-pill{width:calc(61.5 * var(--u));height:calc(9 * var(--u));flex-shrink:0;border:none;border-radius:calc(4.5 * var(--u));background-color:var(--yellow);color:var(--dark);font-size:calc(3.9 * var(--u));cursor:pointer;transition:background-color .2s ease}.btn-pill:hover{background-color:var(--yellow-hover)}.menu-content{justify-content:flex-start;padding-top:12dvh;padding-bottom:0;gap:calc(2 * var(--u))}.menu-content p{margin-bottom:calc(2.5 * var(--u))}.menu-prizes{position:absolute;left:0;bottom:0;width:100%;line-height:0}.menu-prizes img{width:100%;height:auto;display:block}.menu-prizes .btn-angled{position:absolute;top:83.3%;left:50%;transform:translate(-50%);line-height:1.25}.menu-ranking-link{position:absolute;top:93%;left:50%;transform:translate(-50%);color:var(--white);font-size:calc(3.6 * var(--u));line-height:1.25;text-decoration:underline;white-space:nowrap;cursor:pointer}.menu-ranking-link[hidden]{display:none}.game-icon{width:calc(23 * var(--u));height:auto}.intro-content h1{margin-top:calc(1 * var(--u))}.intro-content .btn-angled{margin-top:calc(2 * var(--u))}.instructions-content{width:calc(70 * var(--u));padding-top:8.5dvh;padding-bottom:4dvh;gap:calc(2.6 * var(--u));font-size:calc(4.3 * var(--u))}.instructions-content h2{font-size:calc(6.6 * var(--u))}.instruction-item{display:flex;flex-direction:column;align-items:center}.instruction-number{font-size:calc(14 * var(--u));font-weight:700;line-height:1;margin-bottom:calc(1 * var(--u))}.instruction-item h3{font-size:inherit;font-weight:700}.final-content{gap:calc(6 * var(--u))}.final-content h2{text-transform:uppercase;margin-bottom:calc(-6 * var(--u))}.score-circle{width:calc(31.7 * var(--u));height:calc(31.7 * var(--u));flex-shrink:0;border-radius:50%;background-color:var(--dark);box-shadow:inset 0 0 0 calc(2.6 * var(--u)) var(--dark),inset 0 0 0 calc(3.1 * var(--u)) var(--yellow);display:flex;align-items:center;justify-content:center}#final-score{font-size:calc(7.4 * var(--u));font-weight:700;color:var(--yellow)}.final-status{min-height:1.25em;font-size:calc(3.6 * var(--u));margin:calc(-3 * var(--u)) 0}.final-status.error{color:#c62828}.survey-content{width:calc(72 * var(--u));gap:calc(5 * var(--u))}.survey-content[hidden]{display:none}.survey-step{font-size:calc(3.6 * var(--u));text-transform:uppercase;letter-spacing:.05em}.screen h2.survey-question{font-size:calc(5.6 * var(--u));line-height:1.25}.survey-scale{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(2.6 * var(--u))}.survey-option{width:calc(11.5 * var(--u));height:calc(11.5 * var(--u));border:calc(.5 * var(--u)) solid var(--dark);border-radius:50%;background-color:var(--white);color:var(--dark);font-size:calc(5 * var(--u));font-weight:700;cursor:pointer;transition:background-color .15s ease}.survey-scale-wide{gap:calc(2.2 * var(--u))}.survey-scale-wide .survey-option{width:calc(9.4 * var(--u));height:calc(9.4 * var(--u));font-size:calc(4.2 * var(--u))}.survey-option:hover,.survey-option.selected{background-color:var(--yellow)}.survey-anchors{width:100%;display:flex;justify-content:space-between;font-size:calc(3.4 * var(--u));margin-top:calc(-2 * var(--u))}.survey-actions{display:flex;gap:calc(8 * var(--u));margin-top:calc(2 * var(--u))}.survey-link{border:none;background:none;color:var(--dark);font-size:calc(3.6 * var(--u));text-decoration:underline;cursor:pointer}.survey-link[hidden],.survey-only .btn-exit{display:none}.btn-exit{position:fixed;top:calc(1.2 * var(--u));right:max(calc(1.2 * var(--u)),calc(50vw - 49 * var(--u)));width:calc(8 * var(--u));height:calc(8 * var(--u));padding:calc(1.8 * var(--u));border:none;border-radius:50%;background-color:var(--dark);color:var(--white);cursor:pointer;opacity:.85;z-index:10001;transition:opacity .2s ease}.btn-exit:hover{opacity:1}.btn-exit svg{width:100%;height:100%;display:block}#phaser-game{width:100%;max-width:600px;height:100dvh;display:flex;justify-content:center;align-items:center;background-color:var(--dark)}canvas{display:block}#bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);height:auto;pointer-events:none;z-index:100}.bottom-bar-bg{width:100%;height:auto;display:block;image-rendering:pixelated}.found-item{position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none;image-rendering:pixelated}.found-item.visible{opacity:1}.flip-x{transform:scaleX(-1)}#found-ajo{bottom:51.4%;left:5.3%;width:12.7%;height:auto}#found-pimientos{bottom:48.4%;left:19%;width:12.2%;height:auto}#found-tomate{bottom:50.4%;left:31.5%;width:13.2%;height:auto}#found-cuchillo{bottom:50.3%;left:46.5%;width:10.8%;height:auto}#found-olla{bottom:44.4%;left:59.6%;width:11.4%;height:auto}#found-sartenPared{bottom:4.4%;left:6.3%;width:9.9%;height:auto}#found-pasta{bottom:6.4%;left:20%;width:11.1%;height:auto}#found-arepas{bottom:7.4%;left:33.1%;width:11.1%;height:auto}#found-sashimi{bottom:9.4%;left:46.4%;width:11.1%;height:auto}#found-pollo{bottom:6.9%;left:57.3%;width:16.1%;height:auto}#object-counter{position:absolute;bottom:54%;right:7.5%;font-family:var(--font);font-size:22px;color:var(--dark);font-weight:700;pointer-events:none}#loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2c2a29eb;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.spinner{width:60px;height:60px;border:6px solid #55524F;border-top:6px solid var(--yellow);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--white);font-size:1.2rem;margin-top:20px}:root{--login-bg-dark: #2C2A29;--login-yellow: #FAD81A;--login-white: #FFFFFF;--login-gray: #9B9B9B;--login-error: #FF6B6B}.login-container{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:var(--login-bg-dark);display:flex;justify-content:center;z-index:9999}.login-screen{display:none;position:relative;width:calc(100 * var(--u));height:100dvh;background:var(--login-bg-dark) url(/mentalidad-agil/login/login-frame.webp) center / 100% 100% no-repeat;color:var(--login-white);font-family:var(--font);font-size:calc(4.96 * var(--u));line-height:1.25;text-align:center}.login-screen.active{display:flex;flex-direction:column;align-items:center}.login-header{position:absolute;top:0;left:0;width:100%;height:5.6%;display:flex;align-items:center;justify-content:center;color:var(--login-bg-dark);font-size:calc(4.7 * var(--u));font-weight:700}.login-content{flex:1;width:calc(61.5 * var(--u));padding:10dvh 0 12dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6.5 * var(--u))}.login-hello{font-size:calc(7.4 * var(--u));font-weight:700;margin-bottom:calc(1.5 * var(--u))}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.login-input-group{width:100%;margin-bottom:calc(3.4 * var(--u))}#employee-presencial-fields{width:100%}.login-input{width:100%;height:calc(9 * var(--u));padding:0 calc(3 * var(--u));font-family:var(--font);font-size:calc(3.3 * var(--u));color:var(--login-bg-dark);background-color:var(--login-white);border:none;border-radius:calc(1.2 * var(--u));text-align:center}.login-input::placeholder{color:var(--login-gray)}.login-input:focus{outline:2px solid var(--login-yellow)}.login-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.login-input[type=number]::-webkit-inner-spin-button,.login-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align-last:center;cursor:pointer;padding:0 calc(8 * var(--u));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%232C2A29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(3.2 * var(--u)) center;background-size:calc(3 * var(--u)) auto}.login-select:invalid,.login-select.is-empty{color:var(--login-gray)}.login-select option{color:var(--login-bg-dark)}.login-btn{margin-top:calc(1.5 * var(--u))}.login-btn-back{margin-top:calc(2.4 * var(--u));padding:calc(1 * var(--u)) calc(3.8 * var(--u));font-family:var(--font);font-size:calc(3.6 * var(--u));text-transform:uppercase;color:var(--login-white);background-color:transparent;border:1px solid var(--login-white);border-radius:calc(2 * var(--u));cursor:pointer;transition:background-color .2s ease}.login-btn-back:hover{background-color:#ffffff1f}.login-error-message{font-size:calc(3.1 * var(--u));color:var(--login-error);text-align:center}.login-error-message:not(:empty){margin-top:calc(1.5 * var(--u))}.ciudad-autocomplete-wrapper{position:relative}.ciudad-suggestions{display:none;position:absolute;top:calc(9 * var(--u));left:0;right:0;background-color:var(--login-white);border-radius:calc(1.2 * var(--u));margin-top:4px;max-height:30dvh;overflow-y:auto;box-shadow:0 4px 12px #0000004d;z-index:1000}.ciudad-suggestion-item{padding:calc(2.4 * var(--u)) calc(3 * var(--u));font-size:calc(3.3 * var(--u));color:var(--login-bg-dark);cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #F0F0F0}.ciudad-suggestion-item:last-child{border-bottom:none}.ciudad-suggestion-item:hover{background-color:#f5f5f5}