PageSourceSearch

https://numax.com.br/estudantes/

html numax.com.br collected 2026-09-24 13:37:29 UTC 79,054 bytes, 939 lines download raw bytes

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&amp;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&amp;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">&rsaquo;</span></span>
209      </a>
210      <button type="button" class="ba__x" aria-label="Fechar aviso">&times;</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.