1<html lang="pt-BR" class="scroll-smooth"><head> 2 <!-- Google Tag Manager --> 3
3<script>
vendor: 327 bytes, lines 3-7
3(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": 4new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], 5j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= 6"https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); 7})(window,document,"script","dataLayer","
7GTM-M5MTTF9P
vendor: 3 bytes, line 7
7");
7</script>
7 8 <!-- End Google Tag Manager --> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <meta name="description" content="Numax para estudantes de Nutrição: acesso 100% gratuito durante toda a graduação. Treine raciocÃnio clÃnico com a ferramenta real do mercado â agenda, prontuário, planos alimentares e Clube de Estudos."> 12 <title>Numax Estudantes | Treino ClÃnico Gratuito</title> 13 <link rel="canonical" href="https://numax.com.br/estudantes/"> 14 <meta property="og:type" content="website"> 15 <meta property="og:title" content="Numax Estudantes | Treino ClÃnico Gratuito"> 16 <meta property="og:description" content="Acesso 100% gratuito à Numax durante toda a graduação em Nutrição. Treine raciocÃnio clÃnico com a ferramenta real do mercado."> 17 <meta property="og:url" content="https://numax.com.br/estudantes/"> 18 <style>*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}
18button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-1{bottom:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-\[-10vw\]{left:-10vw}.right-0{right:0}.right-6{right:1.5rem}.right-\[8px\]{right:8px}.top-0{top:0}.top-6{top:1.5rem}.top-\[-18px\]{top:-18px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-auto{margin-left:auto;margin-right:auto}.-mr-1{margin-right:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-12{height:3rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[0\.1875rem\]{height:.1875rem}.h-\[115px\]{height:115px}.h-\[30vw\]{height:30vw}.h-\[4\.5rem\]{height:4.5rem}.h-\[40vw\]{height:40vw}.h-\[50vw\]{height:50vw}.h-auto{height:auto}.h-full{height:100%}.min-h-\[240px\]{min-height:240px}.w-12{width:3rem}.w-9{width:2.25rem}.w-\[115px\]{width:115px}.w-\[30vw\]{width:30vw}.w-\[40vw\]{width:40vw}.w-\[50vw\]{width:50vw}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[190px\]{max-width:190px}.max-w-\[32rem\]{max-width:32rem}.max-w-\[340px\]{max-width:340px}.max-w-\[720px\]{max-width:720px}.max-w-\[90\%\]{max-width:90%}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-0{--tw-translate-y:-0px}.-translate-y-0,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/3{--tw-translate-y:-33.333333%}.-translate-y-1\/3,.translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x:0.25rem}.translate-x-1\/3{--tw-translate-x:33.333333%}.-rotate-2,.translate-x-1\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-2{--tw-rotate:-2deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.auto-rows-\[minmax\(18rem\2c auto\)\]{grid-auto-rows:minmax(18rem,auto)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}
18.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#002652\]\/10{border-color:rgba(0,38,82,.1)}.border-\[\#002652\]\/20{border-color:rgba(0,38,82,.2)}.border-\[\#002652\]\/5{border-color:rgba(0,38,82,.05)}.border-\[\#002652\]\/\[0\.03\]{border-color:rgba(0,38,82,.03)}.border-\[\#002652\]\/\[0\.05\]{border-color:rgba(0,38,82,.05)}.border-\[\#002652\]\/\[0\.08\]{border-color:rgba(0,38,82,.08)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.bg-\[\#002652\]{--tw-bg-opacity:1;background-color:rgb(0 38 82/var(--tw-bg-opacity,1))}.bg-\[\#0056B7\]{--tw-bg-opacity:1;background-color:rgb(0 86 183/var(--tw-bg-opacity,1))}.bg-\[\#0056B7\]\/10{background-color:rgba(0,86,183,.1)}.bg-\[\#0056B7\]\/30{background-color:rgba(0,86,183,.3)}.bg-\[\#0056B7\]\/5,.bg-\[\#0056B7\]\/\[0\.05\]{background-color:rgba(0,86,183,.05)}.bg-\[\#0056B7\]\/\[0\.06\]{background-color:rgba(0,86,183,.06)}.bg-\[\#5AB4FF\]\/10{background-color:rgba(90,180,255,.1)}.bg-\[\#C9A96E\]{--tw-bg-opacity:1;background-color:rgb(201 169 110/var(--tw-bg-opacity,1))}.bg-\[\#C9A96E\]\/10{background-color:hsla(39,46%,61%,.1)}.bg-\[\#F0E9DC\]{--tw-bg-opacity:1;background-color:rgb(240 233 220/var(--tw-bg-opacity,1))}.bg-\[\#F8F4ED\]\/95{background-color:hsla(38,44%,95%,.95)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/50{background-color:hsla(0,0%,100%,.5)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[\#E8C885\]{--tw-gradient-from:#e8c885 var(--tw-gradient-from-position);--tw-gradient-to:hsla(41,68%,72%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#C9A96E\]{--tw-gradient-to:#c9a96e var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left-top{-o-object-position:left top;object-position:left top}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[8\.5rem\]{padding-top:8.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[2rem\]{font-size:2rem}.text-\[clamp\(1\.75rem\2c 3\.5vw\2c 2\.75rem\)\]{font-size:clamp(1.75rem,3.5vw,2.75rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.025em\]{letter-spacing:-.025em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#002652\]{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.text-\[\#002652\]\/50{color:rgba(0,38,82,.5)}.text-\[\#002652\]\/60{color:rgba(0,38,82,.6)}.text-\[\#002652\]\/70{color:rgba(0,38,82,.7)}.text-\[\#002652\]\/75{color:rgba(0,38,82,.75)}.text-\[\#002652\]\/80{color:rgba(0,38,82,.8)}.text-\[\#002652\]\/85{color:rgba(0,38,82,.85)}.text-\[\#0056B7\]{--tw-text-opacity:1;color:rgb(0 86 183/var(--tw-text-opacity,1))}.text-\[\#5AB4FF\]{--tw-text-opacity:1;color:rgb(90 180 255/var(--tw-text-opacity,1))}.text-\[\#C9A96E\]{--tw-text-opacity:1;
18color:rgb(201 169 110/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-opacity-80{--tw-text-opacity:0.8}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0_2px_10px_rgba\(201\2c 169\2c 110\2c 0\.4\)\]{--tw-shadow:0 2px 10px hsla(39,46%,61%,.4);--tw-shadow-colored:0 2px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_20px_rgba\(0\2c 38\2c 82\2c 0\.06\)\2c 0_12px_40px_rgba\(0\2c 38\2c 82\2c 0\.04\)\]{--tw-shadow:0 2px 20px rgba(0,38,82,.06),0 12px 40px rgba(0,38,82,.04);--tw-shadow-colored:0 2px 20px var(--tw-shadow-color),0 12px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-sha
18dow)}.shadow-\[0_30px_60px_rgba\(0\2c 38\2c 82\2c 0\.18\)\2c 0_0_0_1px_rgba\(0\2c 38\2c 82\2c 0\.06\)\]{--tw-shadow:0 30px 60px rgba(0,38,82,.18),0 0 0 1px rgba(0,38,82,.06);--tw-shadow-colored:0 30px 60px var(--tw-shadow-color),0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px)}.blur,.blur-\[10rem\]{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[10rem\]{--tw-blur:blur(10rem)}.blur-\[8rem\]{--tw-blur:blur(8rem)}.blur-\[8rem\],.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.selection\:bg-\[\#5AB4FF\]\/30 ::-moz-selection{background-color:rgba(90,180,255,.3)}.selection\:bg-\[\#5AB4FF\]\/30 ::selection{background-color:rgba(90,180,255,.3)}.selection\:text-\[\#002652\] ::-moz-selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:text-\[\#002652\] ::selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:bg-\[\#5AB4FF\]\/30::-moz-selection{background-color:rgba(90,180,255,.3)}.selection\:bg-\[\#5AB4FF\]\/30::selection{background-color:rgba(90,180,255,.3)}.selection\:text-\[\#002652\]::-moz-selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.selection\:text-\[\#002652\]::selection{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.placeholder\:text-white\/40::-moz-placeholder{color:hsla(0,0%,100%,.4)}.placeholder\:text-white\/40::placeholder{color:hsla(0,0%,100%,.4)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:border-\[\#0056B7\]:hover{--tw-border-opacity:1;border-color:rgb(0 86 183/var(--tw-border-opacity,1))}.hover\:bg-\[\#002652\]\/5:hover{background-color:rgba(0,38,82,.05)}.hover\:bg-\[\#004a9e\]:hover{--tw-bg-opacity:1;background-color:rgb(0 74 158/var(--tw-bg-opacity,1))}.hover\:bg-\[\#F8F4ED\]\/50:hover{background-color:hsla(38,44%,95%,.5)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/20:hover{background-color:hsla(0,0%,100%,.2)}.hover\:text-\[\#002652\]:hover{--tw-text-opacity:1;color:rgb(0 38 82/var(--tw-text-opacity,1))}.hover\:text-\[\#0056B7\]:hover{--tw-text-opacity:1;color:rgb(0 86 183/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-\[0_0_2rem_rgba\(255\2c 255\2c 255\2c 0\.3\)\]:hover{--tw-shadow:0 0 2rem hsla(0,0%,100%,.3);
18--tw-shadow-colored:0 0 2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_30px_rgba\(0\2c 86\2c 183\2c 0\.08\)\]:hover{--tw-shadow:0 4px 30px rgba(0,86,183,.08);--tw-shadow-colored:0 4px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#5AB4FF\]:focus{--tw-border-opacity:1;border-color:rgb(90 180 255/var(--tw-border-opacity,1))}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-5{height:1.25rem}.sm\:w-\[280px\]{width:280px}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:right-\[-16px\]{right:-16px}.md\:top-\[-24px\]{top:-24px}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:row-span-2{grid-row:span 2/span 2}.md\:mt-0{margin-top:0}.md\:mt-auto{margin-top:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[150px\]{height:150px}.md\:h-full{height:100%}.md\:w-\[150px\]{width:150px}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:text-left{text-align:left}}@media (min-width:1024px){.lg\:ml-auto{margin-left:auto}.lg\:mt-0{margin-top:0}.lg\:w-\[45\%\]{width:45%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-12{gap:3rem}.lg\:gap-8{gap:2rem}.lg\:p-12{padding:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pt-\[10\.5rem\]{padding-top:10.5rem}}</style> 19 <link rel="preconnect" href="https://code.iconify.design" crossorigin> 20
20<script defer src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
20 21 <link rel="preconnect" href="https://fonts.googleapis.com"> 22 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 23 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" media="print" onload="this.media='all'"><noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"></noscript> 24 <style> 25 :root { 26 --cream: #F8F4ED; 27 --cream-dark: #F0E9DC; 28 --numax-blue: #002652; 29 --numax-blue-muted: rgba(0, 38, 82, 0.65); 30 --numax-blue-subtle: rgba(0, 38, 82, 0.55); 31 --accent-blue: #0056B7; 32 --highlight-blue: #5AB4FF; 33 --gold: #C9A96E; 34 } 35 36 body { 37 font-family: 'Inter', sans-serif; 38 background-color: var(--cream); 39 color: var(--numax-blue); 40 /* Notebook ruled lines pattern */ 41 background-image: repeating-linear-gradient( 42 transparent, 43 transparent 1.9375rem, 44 rgba(0, 38, 82, 0.04) 1.9375rem, 45 rgba(0, 38, 82, 0.04) 2rem 46 ); 47 background-attachment: local; 48 } 49 50 /* Typography Utilities */ 51 .h1-clamp { font-size: clamp(3rem, 7vw, 5.5rem); line-height: 1.1; letter-spacing: -0.03em; } 52 .h2-clamp { font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.2; letter-spacing: -0.025em; } 53 .text-body { font-size: 1.125rem; line-height: 1.6; } 54 55 .shadow-card { 56 box-shadow: 0 0.125rem 1.25rem rgba(0, 38, 82, 0.06), 0 0.75rem 2.5rem rgba(0, 38, 82, 0.04); 57 } 58 59 .shadow-glow { 60 box-shadow: 0 0.5rem 1.5rem rgba(0, 86, 183, 0.25); 61 } 62 63 .shadow-badge { 64 box-shadow: 0 0.25rem 0.75rem rgba(0, 38, 82, 0.08); 65 } 66 67 /* Animations */ 68 @keyframes float-badge { 69 0%, 100% { transform: translateY(0) rotate(-8deg); } 70 50% { transform: translateY(-0.5rem) rotate(-5deg); } 71 } 72 73 @keyframes float-mockup { 74 0%, 100% { transform: translateY(0); } 75 50% { transform: translateY(-0.375rem); } 76 } 77 78 @keyframes bento-enter { 79 from { opacity: 0; transform: translateY(1rem) scale(0.97); } 80 to { opacity: 1; transform: translateY(0) scale(1); } 81 } 82 83 @media (prefers-reduced-motion: no-preference) { 84 .anim-float-badge { animation: float-badge 6s ease-in-out infinite; } 85 .anim-float-mockup { animation: float-mockup 8s ease-in-out infinite; } 86 .bento-item { animation: bento-enter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both; } 87 .d-1 { animation-delay: 0.1s; } 88 .d-2 { animation-delay: 0.18s; } 89 .d-3 { animation-delay: 0.26s; } 90 .d-4 { animation-delay: 0.34s; } 91 } 92 93 /* Custom Styles for elements */ 94 .glass-header { 95 background-color: rgba(248, 244, 237, 0.85); 96 backdrop-filter: blur(1.25rem); 97 border-bottom: 0.0625rem solid rgba(0, 38, 82, 0.08); 98 } 99 100 .gold-gradient { 101 background: linear-gradient(135deg, #E8C885, #C9A96E); 102 } 103 104 .notebook-paper { 105 background-color: #EFE4D0; 106 background-image: repeating-linear-gradient( 107 transparent, 108 transparent 1.4375rem, 109 rgba(0, 38, 82, 0.05) 1.4375rem, 110 rgba(0, 38, 82, 0.05) 1.5rem 111 ); 112 } 113 114 /* FAQ Accordion Hide Arrow */ 115 details > summary { list-style: none; } 116 details > summary::-webkit-details-marker { display: none; } 117 details[open] summary ~ * { animation: bento-enter 0.3s ease-out; } 118 details[open] summary iconify-icon { transform: rotate(180deg); } 119 120 .hover-card-lift { 121 transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; 122 } 123 .hover-card-lift:hover { 124 transform: translateY(-0.25rem); 125 box-shadow: 0 0.25rem 1.5rem rgba(0, 38, 82, 0.08), 0 1rem 3rem rgba(0, 38, 82, 0.06); 126 } 127 </style> 128 129 <style> 130 .bento-item { opacity: 0; transform: translateY(16px) scale(0.97); transition: opacity 600ms ease-out, transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1); animation: none !important; } 131 .bento-item.is-visible { opacity: 1; transform: translateY(0) scale(1); } 132 @media (prefers-reduced-motion: reduce) { 133 .bento-item { transition: opacity 500ms ease-out; transform: none !important; } 134 } 135 .d-1 { transition-delay: 100ms; } 136 .d-2 { transition-delay: 180ms; } 137 .d-3 { transition-delay: 260ms; } 138 .d-4 { transition-delay: 340ms; } 139 .stagger-100:nth-child(1) { transition-delay: 0ms; } 140 .stagger-100:nth-child(2) { transition-delay: 100ms; } 141 .stagger-100:nth-child(3) { transition-delay: 200ms; } 142 .stagger-80:nth-child(1) { transition-delay: 0ms; } 143 .stagger-80:nth-child(2) { transition-delay: 80ms; } 144 .stagger-80:nth-child(3) { transition-delay: 160ms; } 145 .stagger-80:nth-child(4) { transition-delay: 240ms; } 146 .stagger-80:nth-child(5) { transition-delay: 320ms; } 147 .stagger-80:nth-child(6) { transition-delay: 400ms; } 148 .stagger-50:nth-child(1) { transition-delay: 0ms; } 149 .stagger-50:nth-child(2) { transition-delay: 50ms; } 150 .stagger-50:nth-child(3) { transition-delay: 100ms; } 151 .stagger-50:nth-child(4) { transition-delay: 150ms; } 152 .stagger-50:nth-child(5) { transition-delay: 200ms; } 153 .stagger-50:nth-child(6) { transition-delay: 250ms; } 154 .stagger-120:nth-child(1) { transition-delay: 0ms; } 155 .stagger-120:nth-child(2) { transition-delay: 120ms; } 156 .stagger-120:nth-child(3) { transition-delay: 240ms; } 157 .stagger-120:nth-child(4) { transition-delay: 360ms; } 158 .stagger-120:nth-child(5) { transition-delay: 480ms; } 159 .bento-lateral-left { opacity: 0; transform: translateX(-32px); transition: opacity 600ms ease-out, transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1); } 160 .bento-lateral-right { opacity: 0; transform: translateX(32px); transition: opacity 600ms ease-out, transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1); } 161 .bento-lateral-left.is-visible, .bento-lateral-right.is-visible { opacity: 1; transform: translateX(0); } 162 .bento-scale-in { opacity: 0; transform: scale(0.98); transition: opacity 600ms ease-out, transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1); } 163 .bento-scale-in.is-visible { opacity: 1; transform: scale(1); } 164 @keyframes pulse-blue-glow { 165 0% { box-shadow: 0 2px 20px rgba(0,38,82,0.06), 0 12px 40px rgba(0,38,82,0.04); } 166 50% { box-shadow: 0 2px 20px rgba(0,38,82,0.06), 0 12px 40px rgba(0,86,183,0.3); } 167 100% { box-shadow: 0 2px 20px rgba(0,38,82,0.06), 0 12px 40px rgba(0,38,82,0.04); } 168 } 169 .pulse-glow-on-visible.is-visible { 170 animation: pulse-blue-glow 2s ease-in-out 0.8s; 171 } 172 </style> 173 <style> 174 @keyframes sealFloat { 175 0%, 100% { transform: rotate(-8deg) translateY(0); } 176 50% { transform: rotate(-5deg) translateY(-4px); } 177 } 178 </style> 179 <!-- A11y: reforco de contraste (WCAG AA). Override tardio â vence o CSS compilado por ordem. --> 180 <style> 181 .text-\[\#002652\]\/40,.text-\[\#002652\]\/50,.text-\[\#002652\]\/60,.text-\[\#002652\]\/70{color:rgba(0,38,82,.85)!important} 182 .text-white\/40,.text-white\/50,.text-white\/60{color:rgba(255,255,255,.88)!important} 183 /* A11y: alvos de toque (>=44px). Sem inventar utility nova â alarga area de clique. */ 184 footer .flex.items-center.gap-3 a[aria-label]{width:2.75rem;height:2.75rem} 185 footer ul li a{display:inline-block;padding:.45rem 0} 186 /* Tap target do hamburguer sem cola-lo na borda direita (mobile) */ 187 #menu-toggle{padding:.5rem} 188 /* Trava scroll horizontal residual no mobile (alem do body) */ 189 html{overflow-x:hidden} 190 </style> 191 <style id="fix-nav-lg">@media (min-width:1024px){[class~="lg:flex"]{display:flex}[class~="lg:block"]{display:block}[class~="lg:hidden"]{display:none}}</style> 192<style id="ios-perf">@media (max-width:1023px){.animate-blob,.animate-breathe,.animate-float{animation:none!important}[class*="backdrop-blur"]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}</style>
192<script defer src="/assets/js/utm-passthrough.js"></script>
192 193 <!-- BANNER AGOSTO â temporário, sai em 01/09/2026 (reverter o commit) --> 194 <link rel="stylesheet" href="/assets/css/banner-agosto.css"> 195
195<script>try{if(localStorage.getItem('ba-agosto')==='off'||Date.now()>=new Date(2026,8,1).getTime())document.documentElement.classList.add('ba-hide')}catch(e){}</script>
195 196
196<script defer src="/assets/js/banner-agosto.js"></script>
196 197</head> 198 <body class="antialiased overflow-x-hidden selection:bg-[#5AB4FF]/30 selection:text-[#002652] ba-on"> 199 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 199-200
199 200 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
200GTM-M5MTTF9P
vendor: 87 bytes, lines 200-201
200" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 201
201<!-- End Google Tag Manager (noscript) --> 202 <!-- BANNER AGOSTO â INÃCIO (remover deste comentário até o "FIM") --> 203 <div class="ba ba--escura" id="ba"> 204 <a class="ba__link" href="/#novidades-agosto"> 205 <span class="ba__label">Agosto, o mês da nutri</span> 206 <span class="ba__msg">Tem coisa nova entrando na Numax neste mês. <b>E o preço também mudou.</b></span> 207 <span class="ba__cta">Ver as novidades</span> 208 <span class="ba__short">Novidades <b>+ preço novo</b> em agosto <span class="ba__arw">›</span></span> 209 </a> 210 <button type="button" class="ba__x" aria-label="Fechar aviso">×</button> 211 </div> 212 <!-- BANNER AGOSTO â FIM --> 213 <!-- 1. Header Fixo --> 214 <header class="fixed top-0 w-full z-50 glass-header transition-all duration-300"> 215 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-[4.5rem] flex items-center justify-between"> 216 <div class="flex items-center gap-8"> 217 <a href="/" class="flex items-center"> 218 <img src="/assets/images/logo.svg" alt="Numax" class="h-4 sm:h-5 w-auto"> 219 </a> 220 <nav class="hidden lg:flex gap-6 text-sm font-medium text-[#002652]/80"> 221 <a href="/#planos" class="hover:text-[#0056B7] transition-colors"> 222 Planos 223 </a> 224 <a href="/estudantes/" class="text-[#0056B7] font-semibold">Estudantes</a> 225 <a href="/recem-formados/" class="hover:text-[#0056B7] transition-colors"> 226 Recém-formados 227 </a> 228 <a href="/numaxpay/" class="hover:text-[#0056B7] transition-colors"> 229 NumaxPay 230 </a> 231 <a href="https://blog.numax.com.br/" class="hover:text-[#0056B7] transition-colors" target="_blank" rel="noopener">Blog</a> 232 <a href="/suporte/" class="hover:text-[#0056B7] transition-colors"> 233 Suporte 234 </a> 235 </nav> 236 </div> 237 <div class="flex items-center gap-3"> 238 <a href="https://app.numax.com.br/" class="hidden sm:block text-sm font-semibold text-[#0056B7] hover:text-[#002652] transition-colors" target="_blank" rel="noopener"> 239 Login 240 </a> 241 <a href="https://integracao.numax.com.br/#/estudante" class="bg-[#0056B7] text-white text-sm font-semibold px-4 py-2.5 rounded-xl shadow-glow hover:bg-[#004a9e] transition-all hover:-translate-y-0.5" target="_blank" rel="noopener"> 242 <span class="sm:hidden">Acessar</span><span class="hidden sm:inline">Acessar gratuitamente</span> 243 </a> 244 <button id="menu-toggle" type="button" class="lg:hidden text-[#002652] p-1" aria-label="Abrir menu" aria-expanded="false"> 245 <iconify-icon icon="solar:hamburger-menu-linear" width="1.75rem"></iconify-icon> 246 </button> 247 </div> 248 </div> 249 <div id="mobile-menu" class="lg:hidden hidden border-t border-[#002652]/10 bg-[#F8F4ED]/95 backdrop-blur-lg"> 250 <nav class="flex flex-col px-4 py-3 gap-0.5 text-[#002652] font-medium"> 251 <a href="/#planos" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors">Planos</a> 252 <a href="/estudantes/" class="py-2.5 px-2 rounded-lg bg-[#0056B7]/10 text-[#0056B7] font-semibold">Estudantes</a> 253 <a href="/recem-formados/" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors">Recém-formados</a> 254 <a href="/numaxpay/" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors">NumaxPay</a> 255 <a href="https://blog.numax.com.br/" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors" target="_blank" rel="noopener">Blog</a> 256 <a href="/suporte/" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors">Suporte</a> 257 <a href="https://app.numax.com.br/" class="py-2.5 px-2 rounded-lg hover:bg-[#002652]/5 transition-colors" target="_blank" rel="noopener">Login</a> 258 </nav> 259 </div> 260 </header> 261 262 <main> 263 <!-- 2. Hero --> 264 <section class="pt-[8.5rem] pb-24 lg:pt-[10.5rem] lg:pb-32 relative overflow-hidden"> 265 <!-- Blobs de fundo --> 266 <div class="absolute top-0 right-0 w-[40vw] h-[40vw] bg-[#0056B7]/[0.06] blur-[8rem] rounded-full pointer-events-none"></div> 267 <div class="absolute bottom-0 left-[-10vw] w-[30vw] h-[30vw] bg-[#0056B7]/[0.05] blur-[8rem] rounded-full pointer-events-none"></div> 268 269 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-8 items-center"> 270 <!-- Esquerda: Texto --> 271 <div class="flex flex-col items-start max-w-2xl"> 272 <div class="inline-flex items-center gap-2 bg-white border border-[#002652]/10 px-3.5 py-1.5 rounded-full text-xs font-semibold text-[#002652] shadow-badge -rotate-2 mb-8 bento-item"> 273 <iconify-icon icon="solar:square-academic-cap-linear" width="1.125rem" class="text-[#0056B7]"></iconify-icon> 274 Gratuito durante toda a graduação 275 </div> 276 277 <h1 class="text-[clamp(1.75rem,3.5vw,2.75rem)] tracking-[-0.025em] leading-[1.1] font-black text-[#002652] mb-6 bento-item d-1"> 278 A faculdade ensina teoria, mas o consultório exige treino. 279 </h1> 280 281 <p class="text-[1.5rem] leading-tight font-semibold text-[#0056B7] mb-6 bento-item d-2"> 282 Treine agora de graça durante toda a graduação. 283 </p> 284 285 <p class="text-body text-[#002652]/75 mb-10 max-w-xl bento-item d-3"> 286 Mais de 7.000 estudantes de Nutrição já treinam aqui. Acesso 287 gratuito durante toda a graduação, para desenvolver raciocÃnio 288 clÃnico antes do primeiro paciente real. 289 </p> 290 291 <div class="flex flex-col sm:flex-row gap-4 w-full sm:w-auto bento-item d-4"> 292 <a href="https://integracao.numax.com.br/#/estudante" class="bg-[#0056B7] text-white text-base font-semibold px-8 py-4 rounded-xl shadow-glow hover:bg-[#004a9e] transition-all hover:-translate-y-1 flex items-center justify-center gap-2" target="_blank" rel="noopener"> 293 Acessar gratuitamente 294 <iconify-icon icon="solar:arrow-right-linear" width="1.25rem"></iconify-icon> 295 </a> 296 <a href="#solucao" class="bg-transparent border border-[#002652]/20 text-[#002652] text-base font-semibold px-8 py-4 rounded-xl hover:bg-[#002652]/5 transition-colors flex items-center justify-center"> 297 Ver o que tem dentro 298 </a> 299 </div> 300 301 <p class="text-[13px] font-medium text-[#002652]/60 mt-5 flex items-center flex-wrap gap-1.5 bento-item d-4">
302 <span class="flex items-center gap-1.5 whitespace-nowrap"> 303 <iconify-icon icon="solar:shield-check-linear" width="1rem"></iconify-icon> 304 Sem cartão de crédito 305 </span> 306 <span class="mx-0.5">·</span> 307 <span class="flex items-center gap-1.5 whitespace-nowrap"> 308 <iconify-icon icon="solar:clock-circle-linear" width="12" class="text-[#5AB4FF]"></iconify-icon> 309 Liberado durante toda a graduação 310 </span> 311 </p> 312 </div> 313 314 <!-- Direita: Composição Visual (CSS) --> 315 <div class="relative w-full max-w-[32rem] mx-auto lg:ml-auto flex justify-center items-center bento-item d-2" style="perspective: 1200px;"> 316 <img src="/assets/images/plano-paciente.webp" alt="Plano alimentar de paciente dentro da plataforma Numax" class="w-full h-auto rounded-[20px] shadow-[0_30px_60px_rgba(0,38,82,0.18),0_0_0_1px_rgba(0,38,82,0.06)]" style="transform: perspective(1200px) rotateY(-6deg) rotateX(3deg);"> 317 <svg viewBox="0 0 200 200" class="absolute z-20 md:top-[-24px] md:right-[-16px] top-[-18px] right-[8px] md:w-[150px] md:h-[150px] w-[115px] h-[115px]" style="filter: drop-shadow(0 12px 30px rgba(201,169,110,0.5)); transform: rotate(-8deg); animation: sealFloat 6s ease-in-out infinite;"> 318 <defs> 319 <linearGradient id="goldGrad" x1="0%" y1="0%" x2="100%" y2="100%"> 320 <stop offset="0%" stop-color="#E8C885"></stop> 321 <stop offset="50%" stop-color="#C9A96E"></stop> 322 <stop offset="100%" stop-color="#8B7340"></stop> 323 </linearGradient> 324 </defs> 325 <circle cx="100" cy="100" r="94" fill="url(#goldGrad)" stroke="white" stroke-width="4"></circle> 326 <text x="100" y="98" text-anchor="middle" font-family="Inter, sans-serif" font-weight="900" font-size="36" fill="#002652"> 327 100% 328 </text> 329 <text x="100" y="130" text-anchor="middle" font-family="Inter, sans-serif" font-weight="800" font-size="14" fill="#002652" letter-spacing="2.5"> 330 GRATUITO 331 </text> 332 </svg> 333 </div> 334 </div> 335 </section> 336 337 <!-- 3. Prova Social --> 338 <section class="pb-16 pt-8 border-b border-[#002652]/[0.03]"> 339 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 340 <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> 341 <!-- Card 1 --> 342 <div class="bg-white rounded-[1.25rem] p-6 shadow-card flex items-center gap-5 hover-card-lift bento-item stagger-100"> 343 <div class="w-12 h-12 rounded-full bg-[#0056B7]/5 flex items-center justify-center text-[#0056B7]"> 344 <iconify-icon icon="solar:users-group-rounded-linear" width="1.5rem"></iconify-icon> 345 </div> 346 <div> 347 <div class="text-[2rem] font-black tabular-nums leading-none mb-1 text-[#002652]"> 348 7.000+ 349 </div> 350 <div class="text-sm font-medium text-[#002652]/60 leading-tight"> 351 estudantes já treinam 352 <br> 353 na Numax 354 </div> 355 </div> 356 </div> 357 <!-- Card 2 --> 358 <div class="bg-white rounded-[1.25rem] p-6 shadow-card flex items-center gap-5 hover-card-lift bento-item stagger-100"> 359 <div class="w-12 h-12 rounded-full bg-[#C9A96E]/10 flex items-center justify-center text-[#C9A96E]"> 360 <iconify-icon icon="solar:wallet-money-linear" width="1.5rem"></iconify-icon> 361 </div> 362 <div> 363 <div class="text-[2rem] font-black tabular-nums leading-none mb-1 text-[#002652] relative inline-block"> 364 <span id="price-anim-target">R$ 0</span> 365 <div class="absolute -bottom-1 left-0 w-full h-[0.1875rem] bg-[#C9A96E] rounded-full"></div> 366 </div> 367 <div class="text-sm font-medium text-[#002652]/60 leading-tight mt-2"> 368 durante toda a 369 <br> 370 graduação 371 </div> 372 </div> 373 </div> 374 <!-- Card 3 --> 375 <div class="bg-white rounded-[1.25rem] p-6 shadow-card flex items-center gap-5 hover-card-lift bento-item stagger-100"> 376 <div class="w-12 h-12 rounded-full bg-[#5AB4FF]/10 flex items-center justify-center text-[#5AB4FF]"> 377 <iconify-icon icon="solar:layers-minimalistic-linear" width="1.5rem"></iconify-icon> 378 </div> 379 <div> 380 <div class="text-[2rem] font-black tabular-nums leading-none mb-1 text-[#002652]"> 381 5 382 </div> 383 <div class="text-sm font-medium text-[#002652]/60 leading-tight mt-2"> 384 menus liberados 385 <br> 386 pra você treinar 387 </div> 388 </div> 389 </div> 390 </div> 391 </div> 392 </section> 393 394 <!-- 4. Problema --> 395 <section class="py-16 lg:py-24 relative"> 396 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center mb-16">
397 <span class="inline-block bg-[#F0E9DC] px-4 py-1.5 rounded-full text-sm font-bold tracking-wide text-[#002652] uppercase mb-6"> 398 O gap da formação 399 </span> 400 <h2 class="h2-clamp font-black text-[#002652] mb-6"> 401 Você aprende teoria, o paciente vai exigir prática. 402 </h2> 403 <p class="text-body text-[#002652]/70 max-w-2xl mx-auto"> 404 BioquÃmica, fisiologia, dietoterapia, cálculo, mas quase ninguém te 405 ensina o que fazer quando o paciente senta na sua frente, a consulta 406 começa e a responsabilidade é só sua. Na faculdade, um erro vira nota 407 baixa, já no consultório pode virar insegurança. 408 </p> 409 </div> 410 411 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-2 gap-4 mb-16"> 412 <!-- Travamentos --> 413 <div class="bg-white p-5 rounded-2xl shadow-card flex items-start gap-4 bento-item stagger-80"> 414 <iconify-icon icon="solar:calculator-minimalistic-linear" width="1.5rem" class="text-[#0056B7] mt-1 shrink-0"></iconify-icon> 415 <p class="text-base font-medium text-[#002652]"> 416 Não confio 100% nos meus cálculos. 417 </p> 418 </div> 419 <div class="bg-white p-5 rounded-2xl shadow-card flex items-start gap-4 bento-item d-1 stagger-80"> 420 <iconify-icon icon="solar:document-medicine-linear" width="1.5rem" class="text-[#0056B7] mt-1 shrink-0"></iconify-icon> 421 <p class="text-base font-medium text-[#002652]"> 422 Refaço o plano alimentar três vezes. 423 </p> 424 </div> 425 <div class="bg-white p-5 rounded-2xl shadow-card flex items-start gap-4 bento-item d-2 stagger-80"> 426 <iconify-icon icon="solar:clock-circle-linear" width="1.5rem" class="text-[#0056B7] mt-1 shrink-0"></iconify-icon> 427 <p class="text-base font-medium text-[#002652]"> 428 Passo horas montando cardápio no Excel. 429 </p> 430 </div> 431 <div class="bg-white p-5 rounded-2xl shadow-card flex items-start gap-4 bento-item d-3 stagger-80"> 432 <iconify-icon icon="solar:emoji-funny-circle-linear" width="1.5rem" class="text-[#0056B7] mt-1 shrink-0"></iconify-icon> 433 <p class="text-base font-medium text-[#002652]"> 434 Saio da consulta pensando: será que ficou bom mesmo? 435 </p> 436 </div> 437 </div> 438 439 </section> 440 441 <!-- 6. Bento Grid Menus --> 442 <section id="solucao" class="py-16 lg:py-24"> 443 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 444 <div class="text-center mb-16"> 445 <span class="inline-block bg-[#F0E9DC] px-4 py-1.5 rounded-full text-sm font-bold tracking-wide text-[#002652] uppercase mb-6"> 446 O que está liberado 447 </span> 448 <h2 class="h2-clamp font-black text-[#002652]"> 449 5 menus completos. Tudo o que você precisa pra treinar. 450 </h2> 451 </div> 452 453 <div class="grid grid-cols-1 md:grid-cols-6 auto-rows-[minmax(18rem,auto)] gap-6"> 454 <!-- Card 1: InÃcio --> 455 <div class="md:col-span-2 d-1 bg-white rounded-[24px] border border-[#002652]/5 p-8 shadow-[0_2px_20px_rgba(0,38,82,0.06),0_12px_40px_rgba(0,38,82,0.04)] hover:-translate-y-1 hover:shadow-[0_4px_30px_rgba(0,86,183,0.08)] transition-all duration-300 ease-out relative overflow-hidden flex flex-col bento-item stagger-120"> 456 <span class="text-[11px] font-bold text-[#0056B7] uppercase tracking-[0.15em] mb-3 block"> 457 Menu InÃcio 458 </span> 459 <h3 class="text-[24px] font-extrabold text-[#002652] mb-3 leading-tight tracking-tight relative z-10"> 460 Personalizável do jeito que você quer 461 </h3> 462 <p class="text-[16px] font-medium text-[#002652]/70 relative z-10"> 463 Acesse todas as funcionalidades em poucos cliques. Deixa em 464 evidência os menus que mais usa. 465 </p> 466 <div class="mt-8 pt-4 w-full grow flex items-end"> 467 <img src="/assets/images/3.-menu-inicio.webp" alt="Menu InÃcio da Numax" loading="lazy" decoding="async" class="w-full h-44 object-cover object-top rounded-xl border border-[#002652]/10 shadow-sm"> 468 </div> 469 </div> 470 471 <!-- Card 2: Consultório --> 472 <div class="md:col-span-2 d-2 bg-white rounded-[24px] border border-[#002652]/5 p-8 shadow-[0_2px_20px_rgba(0,38,82,0.06),0_12px_40px_rgba(0,38,82,0.04)] hover:-translate-y-1 hover:shadow-[0_4px_30px_rgba(0,86,183,0.08)] transition-all duration-300 ease-out relative overflow-hidden flex flex-col bento-item stagger-120">
473 <span class="text-[11px] font-bold text-[#0056B7] uppercase tracking-[0.15em] mb-3 block"> 474 Menu Consultório 475 </span> 476 <h3 class="text-[24px] font-extrabold text-[#002652] mb-3 leading-tight tracking-tight relative z-10"> 477 Agenda e pacientes organizados 478 </h3> 479 <p class="text-[16px] font-medium text-[#002652]/70 relative z-10"> 480 Já começou aulas práticas ou estágio? Gerencie pacientes e marque 481 consultas como uma nutri formada. 482 </p> 483 <div class="mt-8 pt-4 w-full grow flex items-end"> 484 <img src="/assets/images/4.-menu-consultorio.webp" alt="Menu Consultório da Numax" loading="lazy" decoding="async" class="w-full h-44 object-cover object-top rounded-xl border border-[#002652]/10 shadow-sm"> 485 </div> 486 </div> 487 488 <!-- Card 3: Materiais --> 489 <div class="md:col-span-2 md:row-span-2 bg-white rounded-[24px] border border-[#002652]/5 p-8 lg:p-12 shadow-[0_2px_20px_rgba(0,38,82,0.06),0_12px_40px_rgba(0,38,82,0.04)] hover:-translate-y-1 hover:shadow-[0_4px_30px_rgba(0,86,183,0.08)] transition-all duration-300 ease-out relative overflow-hidden flex flex-col bento-item pulse-glow-on-visible" style="transition-delay: 600ms !important;"> 490 <span class="text-[11px] font-bold text-[#0056B7] uppercase tracking-[0.15em] mb-3 block"> 491 Menu Materiais 492 </span> 493 <h3 class="text-[28px] font-extrabold text-[#002652] mb-4 leading-tight tracking-tight relative z-10"> 494 Banco completo de prescrições 495 </h3> 496 <p class="text-[16px] font-medium text-[#002652]/70 mb-8 relative z-10"> 497 Orientações, suplementações, receitas, refeições, planos 498 alimentares prontos, questionários, equivalentes e tabelas de 499 alimentos. Tudo num só lugar. 500 </p> 501 <div class="mt-auto pt-8 w-full relative z-10 flex-1 flex flex-col"> 502 <img src="/assets/images/menu-materiais.webp" alt="Menu Materiais da Numax" loading="lazy" decoding="async" class="w-full flex-1 min-h-[240px] object-cover object-left-top rounded-xl border border-[#002652]/10 shadow-sm"> 503 </div> 504 </div> 505 506 <!-- Card 4: Personalizações --> 507 <div class="md:col-span-4 d-3 bg-white rounded-[24px] border border-[#002652]/5 p-8 shadow-[0_2px_20px_rgba(0,38,82,0.06),0_12px_40px_rgba(0,38,82,0.04)] hover:-translate-y-1 hover:shadow-[0_4px_30px_rgba(0,86,183,0.08)] transition-all duration-300 ease-out relative overflow-hidden flex flex-col sm:flex-row gap-8 items-center bento-item stagger-120"> 508 <div class="flex-1"> 509 <span class="text-[11px] font-bold text-[#0056B7] uppercase tracking-[0.15em] mb-3 block"> 510 Menu Personalizações 511 </span> 512 <h3 class="text-[24px] font-extrabold text-[#002652] mb-3 leading-tight tracking-tight"> 513 Sua página profissional já no semestre 4 514 </h3> 515 <p class="text-[16px] font-medium text-[#002652]/70"> 516 Crie seu próprio blog. Ative ou desative recursos: protocolo de 517 atendimento, antropometria, bioimpedância, gasto energético â 518 conforme o público e método de avaliação que você escolher. 519 </p> 520 </div> 521 <img src="/assets/images/6.-menu-personalizacoes.webp" alt="Menu Personalizações da Numax" loading="lazy" decoding="async" class="w-full sm:w-[280px] shrink-0 rounded-xl border border-[#002652]/10 shadow-sm object-cover object-top"> 522 </div> 523 524 <!-- Card 5: Clube --> 525 <div class="md:col-span-6 d-4 bg-white rounded-[24px] border border-[#002652]/5 p-8 lg:p-12 shadow-[0_2px_20px_rgba(0,38,82,0.06),0_12px_40px_rgba(0,38,82,0.04)] hover:-translate-y-1 hover:shadow-[0_4px_30px_rgba(0,86,183,0.08)] transition-all duration-300 ease-out relative overflow-hidden flex flex-col lg:flex-row gap-10 items-center bento-item stagger-120"> 526 <div class="absolute top-6 right-6 w-9 h-9 rounded-full bg-gradient-to-br from-[#E8C885] to-[#C9A96E] shadow-[0_2px_10px_rgba(201,169,110,0.4)] flex items-center justify-center text-[#002652] z-20"> 527 <iconify-icon icon="solar:star-bold" width="1rem"></iconify-icon> 528 </div> 529 <div class="lg:w-[45%] shrink-0">
530 <span class="text-[11px] font-bold text-[#0056B7] uppercase tracking-[0.15em] mb-3 block"> 531 Clube de Estudos 532 </span> 533 <h3 class="text-[28px] font-extrabold text-[#002652] mb-4 leading-tight tracking-tight max-w-[90%]"> 534 Módulo 'Para Todos os Nichos' liberado 535 </h3> 536 <p class="text-[16px] font-medium text-[#002652]/70"> 537 Conteúdos valiosos de diversas áreas pra você se preparar pro 538 mercado. DisponÃvel em todos os semestres da graduação, sem 539 custo. 540 </p> 541 </div> 542 <div class="flex-1 w-full relative z-10 mt-4 lg:mt-0"> 543 <img src="/assets/images/clube-card.webp" alt="Clube de Estudos â módulo Para Todos os Nichos" loading="lazy" decoding="async" class="w-full max-w-[340px] mx-auto rounded-xl border border-[#002652]/10 shadow-sm"> 544 </div> 545 </div> 546 </div> 547 </div> 548 </section> 549 <section class="py-8 bg-[#0056B7]/[0.06] border-y border-[#002652]/[0.08]"> 550 <div class="max-w-[720px] mx-auto px-4 sm:px-6 flex items-center justify-center gap-3 text-center sm:text-left"> 551 <iconify-icon icon="solar:verified-check-bold" width="20" class="text-[#5AB4FF] shrink-0"></iconify-icon> 552 <p class="text-[18px] font-semibold text-[#002652]/85 tracking-[-0.01em] leading-snug"> 553 A mesma ferramenta usada por 3.000+ nutricionistas no consultório 554 real. 555 </p> 556 </div> 557 </section> 558 559 <!-- 7. Limites --> 560 <section class="py-16 bg-white/50 border-t border-[#002652]/[0.03]"> 561 <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> 562 <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12"> 563 <!-- Coluna A --> 564 <div class="bento-lateral-left"> 565 <h3 class="text-2xl font-extrabold text-[#002652] mb-6 tracking-tight"> 566 Você acessa 567 </h3> 568 <div class="bg-white rounded-[1.5rem] p-8 shadow-card h-full"> 569 <ul class="flex flex-col gap-4"> 570 <li class="flex items-center gap-3"> 571 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 572 <span class="text-base font-semibold text-[#002652]"> 573 Menu InÃcio completo 574 </span> 575 </li> 576 <li class="flex items-center gap-3"> 577 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 578 <span class="text-base font-semibold text-[#002652]"> 579 Menu Consultório (pacientes + agenda) 580 </span> 581 </li> 582 <li class="flex items-center gap-3"> 583 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 584 <span class="text-base font-semibold text-[#002652]"> 585 Menu Materiais completo 586 </span> 587 </li> 588 <li class="flex items-center gap-3"> 589 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 590 <span class="text-base font-semibold text-[#002652]"> 591 Menu Personalizações (blog, antro, etc) 592 </span> 593 </li> 594 <li class="flex items-center gap-3"> 595 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 596 <span class="text-base font-semibold text-[#002652]"> 597 Módulo "Para Todos os Nichos" do Clube 598 </span> 599 </li> 600 <li class="flex items-center gap-3"> 601 <iconify-icon icon="solar:check-circle-linear" width="1.25rem" class="text-[#5AB4FF] shrink-0"></iconify-icon> 602 <span class="text-base font-semibold text-[#002652]"> 603 Suporte por e-mail 604 </span> 605 </li> 606 </ul> 607 </div> 608 </div> 609 610 <!-- Coluna B --> 611 <div class="bento-lateral-right mt-8 md:mt-0"> 612 <h3 class="text-2xl font-extrabold text-[#002652] mb-6 tracking-tight text-opacity-80"> 613 Com estes limites 614 </h3> 615 <div class="bg-[#F0E9DC] rounded-[1.5rem] p-8 border border-[#002652]/5 flex flex-col md:h-full"> 616 <ul class="flex flex-col gap-4 mb-8"> 617 <li class="flex items-center gap-3"> 618 <iconify-icon icon="solar:info-circle-linear" width="1.25rem" class="text-[#002652]/50 shrink-0"></iconify-icon>
619 <span class="text-base font-medium text-[#002652]"> 620 30 cadastros de paciente 621 </span> 622 </li> 623 <li class="flex items-center gap-3"> 624 <iconify-icon icon="solar:info-circle-linear" width="1.25rem" class="text-[#002652]/50 shrink-0"></iconify-icon> 625 <span class="text-base font-medium text-[#002652]"> 626 70 consultas registradas 627 </span> 628 </li> 629 <li class="flex items-center gap-3"> 630 <iconify-icon icon="solar:info-circle-linear" width="1.25rem" class="text-[#002652]/50 shrink-0"></iconify-icon> 631 <span class="text-base font-medium text-[#002652]"> 632 1 módulo do Clube de Estudos 633 </span> 634 </li> 635 <li class="flex items-center gap-3"> 636 <iconify-icon icon="solar:info-circle-linear" width="1.25rem" class="text-[#002652]/50 shrink-0"></iconify-icon> 637 <span class="text-base font-medium text-[#002652]"> 638 Suporte exclusivo por e-mail 639 </span> 640 </li> 641 </ul> 642 <div class="md:mt-auto pt-6 border-t border-[#002652]/10"> 643 <p class="text-sm font-medium text-[#002652]/60 leading-relaxed"> 644 Os limites são generosos pra um perÃodo de treino. Quando se 645 formar, você desbloqueia o plano completo com desconto 646 especial. 647 </p> 648 </div> 649 </div> 650 </div> 651 </div> 652 </div> 653 </section> 654 655 <!-- 8. CTA Forte --> 656 <section class="py-16 lg:py-24 bg-[#002652] text-white relative overflow-hidden"> 657 <!-- Decoration --> 658 <div class="absolute top-0 right-0 w-[50vw] h-[50vw] bg-[#0056B7]/30 blur-[10rem] rounded-full pointer-events-none translate-x-1/3 -translate-y-1/3"></div> 659 660 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10"> 661 <span class="inline-block px-4 py-1.5 rounded-full text-sm font-bold tracking-wide text-white/60 uppercase mb-6 border border-white/10"> 662 Sem cartão · Sem prazo curto 663 </span> 664 665 <h2 class="h1-clamp font-black text-white mb-6"> 666 Comece a treinar como nutri hoje. 667 </h2> 668 669 <p class="text-[1.25rem] leading-relaxed font-medium text-white/80 mb-10 max-w-2xl mx-auto"> 670 Inscrição em 2 minutos. Liberação imediata. Mantém o acesso durante 671 toda a graduação. 672 </p> 673 674 <a href="https://integracao.numax.com.br/#/estudante" class="inline-flex items-center gap-2 bg-white text-[#002652] text-lg font-bold px-8 py-4 rounded-xl shadow-glow hover:shadow-[0_0_2rem_rgba(255,255,255,0.3)] transition-all hover:-translate-y-1" target="_blank" rel="noopener"> 675 Acessar gratuitamente agora 676 <iconify-icon icon="solar:arrow-right-linear" width="1.25rem"></iconify-icon> 677 </a> 678 679 <p class="text-sm font-medium text-white/50 mt-6"> 680 Mais de 7.000 estudantes já estão treinando. Você se forma com a 681 ferramenta dominada. 682 </p> 683 </div> 684 </section> 685 686 <!-- 9. Ponte Recém-formados --> 687 <section class="py-14 border-b border-[#002652]/[0.03]"> 688 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> 689 <span class="text-xs font-bold text-[#0056B7] uppercase tracking-wider mb-3 block"> 690 Próximo capÃtulo 691 </span> 692 <h2 class="text-[2rem] font-extrabold text-[#002652] tracking-tight mb-4"> 693 Já se formou ou está prestes a se formar? 694 </h2> 695 <p class="text-body text-[#002652]/70 max-w-2xl mx-auto mb-8"> 696 Recém-formados têm 50% de desconto no plano anual da Numax. à a ponte 697 natural entre o treino na graduação e o consultório real. 698 </p> 699 <a href="/recem-formados" class="inline-flex items-center gap-2 bg-transparent border border-[#002652]/20 text-[#002652] text-sm font-bold px-6 py-3 rounded-xl hover:bg-[#002652]/5 transition-colors"> 700 Ver desconto pra recém-formados 701 <iconify-icon icon="solar:arrow-right-linear" width="1.125rem"></iconify-icon> 702 </a> 703 </div> 704 </section> 705 706 <!-- 10. FAQ --> 707 <section class="py-16 lg:py-24"> 708 <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"> 709 <div class="text-center mb-16">
710 <span class="text-xs font-bold text-[#0056B7] uppercase tracking-wider mb-3 block"> 711 Antes de você perguntar 712 </span> 713 <h2 class="h2-clamp font-black text-[#002652]"> 714 O que passa pela cabeça de quem ainda está na faculdade 715 </h2> 716 </div> 717 718 <div class="space-y-4 stagger-80"> 719 <!-- P1 --> 720 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item"> 721 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 722 Eu preciso pagar algo quando me formar? 723 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 724 </summary> 725 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 726 Não automaticamente. O acesso estudante é cortado após a 727 formatura, e você decide se quer assinar o plano profissional (com 728 50% de desconto para recém-formados). Não pedimos cartão de 729 crédito agora, então não há cobrança surpresa. 730 </div> 731 </details> 732 733 <!-- P2 --> 734 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item d-1"> 735 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 736 Tenho que ser de qual semestre? 737 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 738 </summary> 739 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 740 Qualquer um. Desde o primeiro dia de aula até o dia do TCC. Quanto 741 antes você começar a se familiarizar com ferramentas 742 profissionais, mais seguro estará nas aulas práticas. 743 </div> 744 </details> 745 746 <!-- P3 --> 747 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item d-2"> 748 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 749 Posso usar com pacientes reais nas aulas práticas e estágios? 750 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 751 </summary> 752 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 753 Sim! à exatamente para isso. Você pode cadastrar até 30 pacientes 754 reais (da clÃnica da faculdade, projetos de extensão, etc) e 755 entregar materiais com aparência profissional. 756 </div> 757 </details> 758 759 <!-- P4 --> 760 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item d-3"> 761 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 762 Vou perder o acesso quando me formar? 763 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 764 </summary> 765 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 766 O plano gratuito de estudante tem duração durante o seu perÃodo 767 acadêmico. Ao se formar, você pode migrar para o plano pago (com 768 desconto) mantendo todos os seus dados e configurações. 769 </div> 770 </details> 771 772 <!-- P5 --> 773 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item d-4"> 774 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 775 Os dados que eu colocar ficam comigo? 776 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 777 </summary> 778 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 779 Sim. Seus protocolos, materiais personalizados criados e histórico 780 de pacientes (dentro do limite) continuam na sua conta se você 781 decidir assinar a Numax após formado. 782 </div> 783 </details> 784 785 <!-- P6 --> 786 <details class="group bg-white rounded-2xl border border-[#002652]/[0.08] shadow-sm overflow-hidden bento-item"> 787 <summary class="flex justify-between items-center cursor-pointer p-6 font-semibold text-lg text-[#002652] hover:bg-[#F8F4ED]/50 transition-colors"> 788 Vocês oferecem suporte para estudantes? 789 <iconify-icon icon="solar:alt-arrow-down-linear" width="1.5rem" class="text-[#0056B7] transition-transform duration-300"></iconify-icon> 790 </summary> 791 <div class="p-6 pt-4 text-base text-[#002652]/70 leading-relaxed border-t border-[#002652]/5"> 792 Oferecemos suporte completo por e-mail para resolver dúv
792idas 793 técnicas sobre a plataforma. O suporte via chat/WhatsApp é 794 exclusivo dos planos pagos. 795 </div> 796 </details> 797 </div> 798 </div> 799 </section> 800 801 <!-- 11. Suporte --> 802 <section class="py-16 border-t border-[#002652]/[0.05]"> 803 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center flex flex-col items-center"> 804 <h3 class="text-[1.75rem] font-bold text-[#002652] tracking-tight mb-2"> 805 Ficou com alguma dúvida? 806 </h3> 807 <p class="text-base text-[#002652]/70 mb-6"> 808 A gente responde estudantes pelo e-mail. 809 </p> 810 <a href="mailto:[email protected]" class="inline-flex items-center gap-2 bg-white border border-[#002652]/10 text-[#002652] text-sm font-bold px-6 py-3 rounded-xl hover:border-[#0056B7] hover:text-[#0056B7] transition-colors shadow-sm mb-10"> 811 <iconify-icon icon="solar:letter-linear" width="1.125rem" class="text-[#0056B7]"></iconify-icon> 812 [email protected] 813 </a> 814 815 <div class="flex items-center gap-6"> 816 <a href="https://www.instagram.com/numax/" target="_blank" rel="noopener" class="text-[#002652] hover:text-[#0056B7] transition-colors" aria-label="Instagram"> 817 <iconify-icon icon="mdi:instagram" width="1.5rem"></iconify-icon> 818 </a> 819 <a href="https://www.youtube.com/@numaxoficial" target="_blank" rel="noopener" class="text-[#002652] hover:text-[#0056B7] transition-colors" aria-label="YouTube"> 820 <iconify-icon icon="mdi:youtube" width="1.5rem"></iconify-icon> 821 </a> 822 <a href="https://www.tiktok.com/@numaxoficial" target="_blank" rel="noopener" class="text-[#002652] hover:text-[#0056B7] transition-colors" aria-label="TikTok"> 823 <iconify-icon icon="ic:baseline-tiktok" width="1.5rem"></iconify-icon> 824 </a> 825 </div> 826 </div> 827 </section> 828 829 </main> 830 831 <!-- 12. Footer --> 832 <footer class="bg-[#002652] text-white relative z-10 border-t border-white/5"> 833 <div class="max-w-7xl mx-auto px-6 py-14"> 834 <div class="grid grid-cols-1 md:grid-cols-12 gap-10 md:gap-8"> 835 <!-- Marca + newsletter + redes --> 836 <div class="md:col-span-5"> 837 <img src="/assets/images/logo.svg" alt="Numax" class="h-7 w-auto mb-5" style="filter:brightness(0) invert(1)"> 838 <p class="text-sm font-semibold text-white mb-3">Assine nossa newsletter</p> 839 <form action="#" method="post" class="flex gap-2 max-w-sm mb-6"> 840 <input type="email" name="email" required aria-label="E-mail para a newsletter" placeholder="Digite seu e-mail" class="flex-1 h-11 bg-white/10 border border-white/15 rounded-xl px-4 text-sm text-white placeholder:text-white/40 outline-none focus:border-[#5AB4FF] transition-colors"> 841 <button type="submit" class="h-11 px-5 bg-[#0056B7] hover:bg-[#004a9e] text-white text-sm font-semibold rounded-xl transition-colors whitespace-nowrap">Assinar</button> 842 </form> 843 <div class="flex items-center gap-3"> 844 <a href="https://www.instagram.com/numax/" target="_blank" rel="noopener" aria-label="Instagram" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:instagram" width="1.25rem"></iconify-icon></a> 845 <a href="https://www.facebook.com/seja.numax/" target="_blank" rel="noopener" aria-label="Facebook" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:facebook" width="1.25rem"></iconify-icon></a> 846 <a href="https://www.tiktok.com/@numaxoficial" target="_blank" rel="noopener" aria-label="TikTok" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="ic:baseline-tiktok" width="1.25rem"></iconify-icon></a> 847 <a href="https://www.youtube.com/@numaxoficial" target="_blank" rel="noopener" aria-label="YouTube" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/10 hover:bg-white/20 transition-colors text-white"><iconify-icon icon="mdi:youtube" width="1.25rem"></iconify-icon></a> 848 </div> 849 </div> 850 <!-- Conheca a Numax --> 851 <div class="md:col-span-2"> 852 <h3 class="text-sm font-bold text-white mb-4">Conheça a Numax</h3> 853 <ul class="space-y-2.5 text-sm text-white/60"> 854 <li><a href="https://blog.numax.com.br/" class="hover:text-white transition-colors" target="_blank" rel="noopener">Blog</a></li> 855 <li><a href="/status/" class="hover:text-white transition-colors">Status dos serviços</a></li> 856 <li><a href="/politica-de-privacidade/" class="hover:text-white transition-colors">PolÃtica de Privacidade</a></li> 857 <li>
857<a href="/termos-de-uso/" class="hover:text-white transition-colors">Termos de Uso</a></li> 858 </ul> 859 </div> 860 <!-- Suporte --> 861 <div class="md:col-span-2"> 862 <h3 class="text-sm font-bold text-white mb-4">Suporte</h3> 863 <ul class="space-y-2.5 text-sm text-white/60"> 864 <li><a href="/suporte/" class="hover:text-white transition-colors">Entre em contato</a></li> 865 <li><span class="block font-semibold text-white">Segunda a Sexta</span>09h à s 18h</li> 866 </ul> 867 </div> 868 <!-- Apps --> 869 <div class="md:col-span-3"> 870 <h3 class="text-sm font-bold text-white mb-4">Baixe o app</h3> 871 <div class="flex flex-col gap-3 max-w-[190px]"> 872 <a href="https://play.google.com/store/apps/details?id=br.com.numax" target="_blank" rel="noopener" class="flex items-center gap-3 px-4 py-2.5 rounded-xl border border-white/15 hover:bg-white/10 transition-colors"> 873 <iconify-icon icon="mdi:google-play" width="1.5rem" class="text-white"></iconify-icon> 874 <span class="text-[11px] text-white/70 leading-tight">DisponÃvel no<br><span class="text-sm font-semibold text-white">Google Play</span></span> 875 </a> 876 <a href="https://apps.apple.com/br/app/numax/id1591417881" target="_blank" rel="noopener" class="flex items-center gap-3 px-4 py-2.5 rounded-xl border border-white/15 hover:bg-white/10 transition-colors"> 877 <iconify-icon icon="mdi:apple" width="1.5rem" class="text-white"></iconify-icon> 878 <span class="text-[11px] text-white/70 leading-tight">Baixar na<br><span class="text-sm font-semibold text-white">App Store</span></span> 879 </a> 880 </div> 881 </div> 882 </div> 883 <div class="mt-12 pt-6 border-t border-white/10 text-sm text-white/40 text-center md:text-left"> 884 © 2026 Numax. Todos os direitos reservados. 885 </div> 886 </div> 887 </footer> 888 889
889<script> 890 document.addEventListener('DOMContentLoaded', () => { 891 const observer = new IntersectionObserver((entries, obs) => { 892 entries.forEach(entry => { 893 if (entry.isIntersecting) { 894 entry.target.classList.add('is-visible'); 895 896 const priceEl = entry.target.querySelector('#price-anim-target'); 897 if (priceEl && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) { 898 let start = 199; 899 const duration = 600; 900 const startTime = performance.now(); 901 902 function animatePrice(currentTime) { 903 const elapsed = currentTime - startTime; 904 const progress = Math.min(elapsed / duration, 1); 905 const current = Math.floor(start - (start * progress)); 906 priceEl.textContent = 'R$ ' + current; 907 908 if (progress < 1) { 909 requestAnimationFrame(animatePrice); 910 } else { 911 priceEl.textContent = 'R$ 0'; 912 } 913 } 914 requestAnimationFrame(animatePrice); 915 } 916 917 obs.unobserve(entry.target); 918 } 919 }); 920 }, { threshold: 0.15 }); 921 922 document.querySelectorAll('.bento-item, .bento-lateral-left, .bento-lateral-right, .bento-scale-in').forEach(el => { 923 observer.observe(el); 924 }); 925 }); 926 </script>
926 927 928
928<script> 929 (function(){ 930 const t=document.getElementById('menu-toggle'), m=document.getElementById('mobile-menu'); 931 if(t&&m){ 932 t.addEventListener('click',()=>{ const open=!m.classList.toggle('hidden'); t.setAttribute('aria-expanded', open?'true':'false'); }); 933 m.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{ m.classList.add('hidden'); t.setAttribute('aria-expanded','false'); })); 934 } 935 })(); 936 </script>
936 937
938<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b64fe57665254228b504d734950ebcc4","r":1,"spa":2}' crossorigin="anonymous"></script>
938 939</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.