:root{--m7-black:#050506;--m7-graphite:#2b2c30;--m7-red:#e30613;--m7-red-bright:#ee1520;--m7-red-deep:#c30a14;--m7-white:#fff;--font-sans:"Montserrat", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--m7-logo-url:url(/assets/brand/m7-logo.svg);--intro-photo:url(/assets/backgrounds/diagnostico-bg.webp);--w:min(100vw, 480px);--extra:max(0px, calc(100dvh - var(--w) * 1.72));--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--m7-black);color:var(--m7-white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0}body{min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}h1,p{margin:0}.m7-logo{aspect-ratio:936/452;display:block;position:relative}.m7-logo__crop{position:absolute;inset:0;overflow:hidden}.m7-logo__shape{width:133.974%;height:277.434%;-webkit-mask:var(--m7-logo-url) center / 100% 100% no-repeat;-webkit-mask:var(--m7-logo-url) center / 100% 100% no-repeat;mask:var(--m7-logo-url) center / 100% 100% no-repeat;background-color:currentColor;position:absolute;top:-86.283%;left:-19.124%}.m7-logo[data-phase] .m7-logo__base{color:var(--m7-graphite);transition:color .2s}.m7-logo__glow{filter:drop-shadow(0 0 12px #e3061373);transition:filter .2s;position:absolute;inset:0}.m7-logo__fill{color:var(--m7-red);clip-path:inset(0 100% 0 0);transition:color .2s}.m7-logo[data-phase=fill] .m7-logo__fill,.m7-logo[data-phase=white] .m7-logo__fill{clip-path:inset(0)}.m7-logo[data-phase=fill] .m7-logo__fill{transition:clip-path .85s cubic-bezier(.35,.05,.3,1),color .2s}.m7-logo[data-phase=white] .m7-logo__base,.m7-logo[data-phase=white] .m7-logo__fill{color:var(--m7-white)}.m7-logo[data-phase=white] .m7-logo__glow{filter:drop-shadow(0 0 12px #ffffff38)}.splash{z-index:100;opacity:1;background:radial-gradient(34vmin at 0 0,#d60010eb 0%,#8c000a73 40%,#0000 100%),radial-gradient(58vmin at 100% 100%,#d60010f2 0%,#78000880 42%,#0000 100%),radial-gradient(90% 40% at 85% 88%,#78000847,#0000 70%),linear-gradient(#050505 0%,#030303 100%);place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.splash:before{content:"";opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.splash__line{transform-origin:0 0;pointer-events:none;background:linear-gradient(90deg,#f01e28e6,#e3061373 45%,#0000 75%);width:150vmax;height:1px;position:absolute;transform:rotate(132.5deg);box-shadow:0 0 6px #e3061373}.splash__line--a{top:0;left:44.6%}.splash__line--b{top:65%;left:100%}.splash.is-leaving{opacity:0;pointer-events:none;transition:opacity .3s}.splash__content{z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative;transform:translateY(-2dvh)}.splash__logo{width:min(34vw,200px);animation:logo-in .25s var(--ease) both}.splash__tagline{text-align:center;text-wrap:balance;letter-spacing:.32em;text-transform:uppercase;color:#ffffffbd;opacity:0;max-width:27em;animation:fade-in .6s var(--ease) .2s forwards;margin-top:clamp(26px,5.5dvh,46px);padding:0 24px;font-size:10px;font-weight:500;line-height:1.8}.intro{opacity:0;pointer-events:none;min-height:100dvh;position:relative;transform:translateY(12px)}.intro.is-visible{opacity:1;pointer-events:auto;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:none}.intro__bg{z-index:0;background:var(--m7-black);position:fixed;inset:0;overflow:hidden}.intro__bg:before{content:"";width:var(--w);left:50%;top:calc(var(--w) * -.2);aspect-ratio:941/1672;background:var(--intro-photo) center top / 100% 100% no-repeat;position:absolute;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 0% 44%,#0000008c 62%,#0000 82%);mask-image:linear-gradient(#000 0% 44%,#0000008c 62%,#0000 82%)}.intro__bg:after{content:"";width:var(--w);pointer-events:none;background:linear-gradient(#0505066b 0%,#0505061f 26%,#0505064d 44%,#05050699 62%,#050506e6 84%),radial-gradient(90% 40% at 50% 100%,#e306131a,#0000 70%);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.intro__lines{left:calc(50% - var(--w) / 2);width:calc(var(--w) * .4);height:calc(var(--w) * .4);pointer-events:none;background:radial-gradient(circle at 0 100%,#c8000e80,#0000 62%);position:absolute;bottom:0;overflow:hidden}.intro__lines:before,.intro__lines:after{content:"";transform-origin:0 0;background:linear-gradient(90deg,#e30613d9,#e306134d 60%,#0000);width:150%;height:1px;position:absolute;top:0;left:0;transform:rotate(47deg)}.intro__lines:before{top:20%}.intro__lines:after{opacity:.55;top:34%}.intro__inner{z-index:1;width:100%;max-width:480px;min-height:100dvh;padding:calc(var(--w) * .087 + env(safe-area-inset-top)) calc(var(--w) * .08) calc(var(--w) * .16 + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.intro__main{flex-direction:column;display:flex}.progress-header__top{justify-content:space-between;align-items:center;display:flex}.progress-header__logo{width:calc(var(--w) * .1435);color:var(--m7-white);filter:drop-shadow(0 1px 8px #00000080)}.progress-header__pillars{padding-left:calc(var(--w) * .029);font-size:max(8px, calc(var(--w) * .0205));letter-spacing:.3em;text-transform:uppercase;color:#ffffffbd;border-left:1px solid #e30613bf;flex-direction:column;gap:0;font-weight:400;line-height:1.55;display:flex}.progress-header__bar{align-items:center;gap:calc(var(--w) * .017);margin-top:calc(var(--w) * .055);display:flex}.progress{background:#ffffff29;border-radius:999px;flex:1;height:3px}.progress__fill{height:100%;width:var(--pct);border-radius:inherit;background:var(--m7-red);transform-origin:0;animation:bar-in .7s var(--ease) .2s backwards;box-shadow:0 0 8px #e3061380}.progress-header__count{font-size:max(11px, calc(var(--w) * .031));color:#ffffffeb;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.progress-header__count strong{font-weight:500}.headline{margin-top:calc(var(--w) * .16 + var(--extra) * .3);font-size:calc(var(--w) * .054);letter-spacing:-.005em;color:#f4f4f4;text-shadow:0 2px 18px #0000008c;font-weight:700;line-height:1.08}.headline__accent{color:var(--m7-red-bright)}.card{margin:calc(var(--w) * .17 + var(--extra) * .22) calc(var(--w) * -.01) 0;padding:calc(var(--w) * .04) calc(var(--w) * .038) calc(var(--w) * .038);border-radius:calc(var(--w) * .03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0e0e10db,#060608eb);border:1px solid #e3061375;position:relative;box-shadow:0 0 24px #e306130e,0 18px 40px #00000080}.card__question{text-align:center;font-size:calc(var(--w) * .0388);color:var(--m7-white);font-weight:600;line-height:1.25;display:block}.field{margin-top:calc(var(--w) * .03);position:relative}.field__icon{top:50%;left:calc(var(--w) * .044);width:calc(var(--w) * .04);height:calc(var(--w) * .04);color:#ffffffc7;pointer-events:none;min-width:16px;min-height:16px;position:absolute;transform:translateY(-50%)}.field__input{width:100%;height:max(42px, calc(var(--w) * .1));padding:0 14px 0 calc(var(--w) * .126);border-radius:calc(var(--w) * .016);color:var(--m7-white);line-height:normal;font:inherit;background:#1e1e21d9;border:1px solid #ffffff1f;outline:none;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s}@media (pointer:coarse){.field__input{font-size:16px}}.field__input::placeholder{color:#ffffffa3}.field__input:focus{border-color:#e30613e6;box-shadow:0 0 0 3px #e306132e}.btn{width:100%;height:max(44px, calc(var(--w) * .105));margin-top:calc(var(--w) * .024);border-radius:calc(var(--w) * .016);background:linear-gradient(180deg, var(--m7-red-bright) 0%, var(--m7-red) 50%, var(--m7-red-deep) 100%);color:var(--m7-white);font:inherit;font-size:max(12px, calc(var(--w) * .033));letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:500;transition:transform .15s,filter .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;box-shadow:inset 0 1px #fff3,0 6px 18px #e3061340}.btn>span{margin-right:-.14em}.btn__arrow{right:calc(var(--w) * .046);width:calc(var(--w) * .045);height:calc(var(--w) * .045);min-width:17px;min-height:17px;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff3d,0 8px 24px #e3061366}}.btn:not(:disabled):active{filter:brightness(.94);transform:scale(.985)}.btn:focus-visible{outline:2px solid var(--m7-white);outline-offset:3px}.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.8)}.card__note{text-align:center;color:#ffffff9e;margin-top:12px;font-size:12px;animation:.3s both fade-in}.lead{margin-top:calc(var(--w) * .064);text-align:center;font-size:max(12px, calc(var(--w) * .032));color:#ffffffdb;text-shadow:0 1px 10px #0009;font-weight:400;line-height:1.62}.time{justify-content:center;align-items:center;gap:calc(var(--w) * .016);margin-top:calc(var(--w) * .036);font-size:max(12px, calc(var(--w) * .032));color:#ffffffdb;display:flex}.time__icon{width:calc(var(--w) * .038);height:calc(var(--w) * .038);color:#ffffffe6;min-width:15px;min-height:15px}.intro__footer{padding-top:calc(var(--w) * .1);align-items:center;gap:calc(var(--w) * .04);text-align:center;font-size:max(9px, calc(var(--w) * .0215));letter-spacing:.3em;text-transform:uppercase;color:#ffffffb8;flex-direction:column;margin-top:auto;font-weight:500;line-height:1.6;display:flex}.intro__footer-line{width:calc(var(--w) * .062);background:var(--m7-red);border-radius:2px;height:2px}.screen{animation:fade-in .45s var(--ease) both}.obj{background:linear-gradient(#060607 0%,#040405 100%);min-height:100dvh;position:relative;overflow:hidden}.obj:before{content:"";pointer-events:none;background:radial-gradient(62vmin at 100% 100%,#aa000e33,#0000 100%);position:absolute;inset:0}.obj__inner{width:100%;max-width:480px;min-height:100dvh;padding:calc(var(--w) * .1275 + env(safe-area-inset-top)) calc(var(--w) * .0765) calc(var(--w) * .1 + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.progress-header--stacked .progress-header__logo{width:calc(var(--w) * .117);filter:none}.progress-header--stacked .progress-header__count{font-size:max(12px, calc(var(--w) * .031));font-weight:400}.progress-header--stacked .progress-header__bar{margin-top:calc(var(--w) * .037)}.progress-header--stacked .progress{background:#ffffff1a}.progress-header--stacked .progress__fill{box-shadow:none}.obj__main{flex-direction:column;display:flex}.obj__title{margin-top:calc(var(--w) * .068 + var(--extra) * .08);max-width:88%;font-size:calc(var(--w) * .0525);letter-spacing:-.005em;color:#f4f4f4;text-wrap:balance;font-weight:500;line-height:1.25}.obj__name{color:var(--m7-red-bright);font-weight:600}.obj__title--wide{max-width:100%}.obj__title--headline{max-width:100%;font-size:calc(var(--w) * .066);letter-spacing:-.01em;text-wrap:wrap;font-weight:700;line-height:1.12}.capture__sub{margin-top:calc(var(--w) * .025);font-size:max(14px, calc(var(--w) * .04));color:#ffffffe0;font-weight:400;line-height:1.35}.capture__fields{gap:calc(var(--w) * .028);margin-top:calc(var(--w) * .052 + var(--extra) * .05);flex-direction:column;display:flex}.capture__fields .btn{margin-top:calc(var(--w) * .013)}.cfield{padding:max(10px, calc(var(--w) * .028)) calc(var(--w) * .036);border-radius:calc(var(--w) * .02);cursor:text;background:linear-gradient(#161619f2,#0e0e11f2);border:1px solid #ffffff1f;transition:border-color .25s,box-shadow .25s;display:block}.cfield:focus-within{border-color:#e30613b3;box-shadow:0 0 0 3px #e3061324}.cfield.is-invalid{border-color:#e3061399}.cfield__label{font-size:max(13px, calc(var(--w) * .0345));color:#ffffffeb;line-height:1.2;display:block}.cfield__input{width:100%;margin-top:calc(var(--w) * .013);color:var(--m7-white);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:14px;line-height:1.3;display:block}@media (pointer:coarse){.cfield__input{font-size:16px}}.cfield__input::placeholder{color:#fff6}.cfield__hint{color:var(--m7-red-bright);margin-top:6px;font-size:12px;line-height:1.3;display:block}.obj__title--result{max-width:100%;font-size:calc(var(--w) * .058);letter-spacing:-.005em;text-wrap:wrap;font-weight:700;line-height:1.2}.result__title{margin-top:calc(var(--w) * .05);font-size:calc(var(--w) * .115);letter-spacing:-.01em;color:var(--m7-red-bright);overflow-wrap:anywhere;font-weight:800;line-height:1}.result__insight{margin-top:calc(var(--w) * .05);font-size:max(14px, calc(var(--w) * .038));color:#ffffffdb;line-height:1.45}.result__card{margin-top:calc(var(--w) * .06);padding:calc(var(--w) * .05) calc(var(--w) * .053);border-radius:calc(var(--w) * .02);background:linear-gradient(#161619f2,#0e0e11f2);border:1px solid #ffffff24}.result__card-label{font-size:max(10px, calc(var(--w) * .0245));letter-spacing:.12em;text-transform:uppercase;color:var(--m7-red-bright);margin:0;font-weight:600;line-height:1.2}.result__card-text{margin-top:calc(var(--w) * .03);font-size:max(14px, calc(var(--w) * .038));color:#ffffffeb;line-height:1.45}.result__cta{margin-top:calc(var(--w) * .06);height:max(48px, calc(var(--w) * .12));text-decoration:none}.obj__back--result{margin-top:calc(var(--w) * .05 + var(--extra) * .1)}.options{gap:calc(var(--w) * .02);margin-top:calc(var(--w) * .047 + var(--extra) * .08);flex-direction:column;display:flex}.option{width:100%;min-height:max(44px, calc(var(--w) * .108));padding:6px calc(var(--w) * .04) 6px calc(var(--w) * .038);border-radius:calc(var(--w) * .02);color:#fffffff0;font:inherit;font-size:max(12.5px, calc(var(--w) * .0315));letter-spacing:-.005em;text-align:left;cursor:pointer;background:linear-gradient(#161619f2,#0e0e11f2);border:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:8px;font-weight:400;transition:border-color .25s,background .25s,box-shadow .25s,transform .15s;display:flex}@media (hover:hover){.option:not(.is-selected):hover{background:linear-gradient(#1c1c20f2,#121215f2);border-color:#ffffff3d}}.options--multiline .option{min-height:max(46px, calc(var(--w) * .118));padding-top:7px;padding-bottom:7px}.options--multiline .option__label{white-space:pre-line;line-height:1.35}.option:active{transform:scale(.992)}.option:focus-visible{outline:2px solid var(--m7-white);outline-offset:2px}.option__chevron{width:calc(var(--w) * .04);height:calc(var(--w) * .04);color:#ffffff80;flex:none;min-width:16px;min-height:16px}.option.is-selected{border-color:var(--m7-red-bright);background:linear-gradient(90deg,#4a080de6,#1a090ceb);box-shadow:0 0 20px #e306131a}.option__check{width:calc(var(--w) * .05);height:calc(var(--w) * .05);background:var(--m7-red-bright);color:#07070a;min-width:20px;min-height:20px;animation:check-in .25s var(--ease) both;border-radius:50%;flex:none;place-items:center;display:grid}.option__check svg{width:62%;height:62%}.obj__cta{margin-top:calc(var(--w) * .038);opacity:0;visibility:hidden;transition:opacity .4s var(--ease), transform .4s var(--ease), visibility 0s linear .4s;transform:translateY(8px)}.obj__cta .btn{margin-top:0}.obj__cta.is-shown{opacity:1;visibility:visible;transition-delay:0s;transform:none}.obj__back{align-self:flex-start;align-items:center;gap:calc(var(--w) * .03);min-height:44px;margin:calc(var(--w) * .03) 0 0 -6px;color:#fff9;font:inherit;font-size:max(12px, calc(var(--w) * .031));cursor:pointer;background:0 0;border:0;padding:0 10px 0 6px;transition:color .2s;display:inline-flex}.obj__back-icon{width:calc(var(--w) * .045);height:calc(var(--w) * .045);min-width:17px;min-height:17px;transform:scaleX(-1)}@media (hover:hover){.obj__back:hover{color:var(--m7-white)}}.obj__back:focus-visible{outline:2px solid var(--m7-white);outline-offset:2px;border-radius:6px}@media (width<=480px){.headline{margin-top:calc(var(--w) * .14 + var(--extra) * .26);font-size:calc(var(--w) * .0524)}}@media (width>=481px){.intro__bg:after{background:linear-gradient(#0505066b 0%,#0505061f 26%,#0505064d 44%,#05050699 62%,#050506e6 84%),linear-gradient(90deg,#050506 0%,#0000 14% 86%,#050506 100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes logo-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes check-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.m7-logo__fill,.m7-logo__base,.m7-logo__glow,.m7-logo[data-phase=fill] .m7-logo__fill{transition:none}.splash__logo{animation:none}.splash__tagline{opacity:1;animation:none}.splash.is-leaving{transition-duration:.15s}.intro{transform:none}.intro.is-visible{transition:opacity .2s linear}.progress__fill{animation:none}.btn{transition:none}.screen{animation:none}.option,.cfield,.option__check,.obj__cta{transition:none;animation:none}.obj__cta{transform:none}}