{"id":326,"date":"2026-04-14T00:46:47","date_gmt":"2026-04-14T03:46:47","guid":{"rendered":"https:\/\/citamais.ia.br\/pvs\/?page_id=326"},"modified":"2026-04-14T00:51:37","modified_gmt":"2026-04-14T03:51:37","slug":"citafacil2","status":"publish","type":"page","link":"https:\/\/citamais.ia.br\/pvs\/citafacil2\/","title":{"rendered":"CitaF\u00e1cil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CitaF\u00e1cil - Refer\u00eancias e Cita\u00e7\u00f5es sem Complica\u00e7\u00e3o<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Nunito:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===========================\r\n 1. RESET + BASE\r\n =========================== *\/\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: var(--corpo-family), sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n color: var(--text-dark);\r\n overflow-x: hidden;\r\n background: var(--bg-light);\r\n }\r\n\r\n img { max-width: 100%; height: auto; display: block; }\r\n a { color: inherit; text-decoration: none; }\r\n\r\n \/* ===========================\r\n 2. CSS VARIABLES\r\n =========================== *\/\r\n :root {\r\n --primary: #8858DD;\r\n --primary-dark: #6B3FBF;\r\n --primary-light: #F3EEFB;\r\n --accent: #F5A623;\r\n --bg-dark: #1A1025;\r\n --bg-dark-alt: #251535;\r\n --bg-light: #FAFAFA;\r\n --bg-light-alt: #F0EDF5;\r\n --text-dark: #1A1025;\r\n --text-muted: #6B6180;\r\n --text-light: #FFFFFF;\r\n --text-muted-light: #B8A8D0;\r\n\r\n --titulo-family: 'Plus Jakarta Sans';\r\n --subtitulo-family: 'Plus Jakarta Sans';\r\n --corpo-family: 'Nunito';\r\n\r\n --secao-padding: 60px;\r\n --border-radius: 8px;\r\n\r\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 12px rgba(0,0,0,0.12);\r\n --shadow-lg: 0 8px 30px rgba(0,0,0,0.16);\r\n --shadow-xl: 0 16px 50px rgba(0,0,0,0.2);\r\n\r\n --transition-fast: 0.15s ease;\r\n --transition-base: 0.3s ease;\r\n --transition-slow: 0.5s ease;\r\n\r\n --container-max: 1200px;\r\n --container-narrow: 900px;\r\n --container-text: 720px;\r\n }\r\n\r\n \/* ===========================\r\n 3. TIPOGRAFIA\r\n =========================== *\/\r\n h1, h2, h3 {\r\n font-family: var(--titulo-family), sans-serif;\r\n line-height: 1.15;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n h4, h5 {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n line-height: 1.3;\r\n }\r\n\r\n h1 { font-size: 2.75rem; font-weight: 900; }\r\n h2 { font-size: 2rem; font-weight: 800; }\r\n h3 { font-size: 1.5rem; font-weight: 700; }\r\n h4 { font-size: 1.25rem; font-weight: 600; }\r\n h5 { font-size: 1.1rem; font-weight: 600; }\r\n p { font-size: 1.05rem; line-height: 1.7; }\r\n\r\n @media (min-width: 768px) {\r\n h1 { font-size: 3.5rem; }\r\n h2 { font-size: 2.5rem; }\r\n h3 { font-size: 1.75rem; }\r\n h4 { font-size: 1.35rem; }\r\n p { font-size: 1.1rem; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n h1 { font-size: 4.5rem; }\r\n h2 { font-size: 3rem; }\r\n h3 { font-size: 2rem; }\r\n h4 { font-size: 1.5rem; }\r\n p { font-size: 1.15rem; }\r\n }\r\n\r\n \/* ===========================\r\n 4. LAYOUT \/ CONTAINER\r\n =========================== *\/\r\n .container {\r\n width: 100%;\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .container { padding: 0 40px; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .container { padding: 0 60px; }\r\n }\r\n\r\n .container--narrow { max-width: var(--container-narrow); }\r\n .container--text { max-width: var(--container-text); }\r\n\r\n \/* ===========================\r\n 5. SECTION BASE\r\n =========================== *\/\r\n section {\r\n padding: 60px 0;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n section { padding: calc(var(--secao-padding) * 0.8) 0; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n section { padding: var(--secao-padding) 0; }\r\n }\r\n\r\n \/* ===========================\r\n 6. GRIDS\r\n =========================== *\/\r\n .grid-2 {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .grid-3 {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 24px;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .grid-2 { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .grid-3 { grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .grid-3 { grid-template-columns: repeat(3, 1fr); }\r\n }\r\n\r\n \/* ===========================\r\n 7. BOT\u00d5ES \u2014 SOLIDO\r\n =========================== *\/\r\n .btn-cta--solido {\r\n display: inline-block;\r\n background: var(--primary);\r\n color: #fff;\r\n border: none;\r\n padding: 18px 48px;\r\n font-family: var(--titulo-family), sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n border-radius: var(--border-radius);\r\n cursor: pointer;\r\n transition: background var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);\r\n text-align: center;\r\n }\r\n .btn-cta--solido:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n .btn-cta--solido:active { transform: translateY(0); }\r\n\r\n @media (max-width: 767px) {\r\n [class*=\"btn-cta\"] {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n }\r\n\r\n \/* ===========================\r\n 8. CARDS \u2014 ELEVADO\r\n =========================== *\/\r\n .card--elevado {\r\n background: var(--bg-light);\r\n border-radius: var(--border-radius);\r\n padding: 32px 28px;\r\n box-shadow: var(--shadow-sm);\r\n transition: box-shadow var(--transition-base), transform var(--transition-fast);\r\n }\r\n .card--elevado:hover {\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .section--dark .card--elevado,\r\n .section--dark-alt .card--elevado {\r\n background: var(--bg-dark-alt);\r\n color: var(--text-light);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n }\r\n\r\n .section--dark .card--elevado:hover,\r\n .section--dark-alt .card--elevado:hover {\r\n border-color: rgba(136,88,221,0.3);\r\n }\r\n\r\n \/* ===========================\r\n 9. SEPARADORES \u2014 NENHUM\r\n =========================== *\/\r\n .separator--nenhum { display: none; }\r\n\r\n \/* ===========================\r\n 10. FUNDOS DE SE\u00c7\u00c3O\r\n =========================== *\/\r\n .section--dark {\r\n background: var(--bg-dark);\r\n color: var(--text-light);\r\n }\r\n .section--dark-alt {\r\n background: var(--bg-dark-alt);\r\n color: var(--text-light);\r\n }\r\n .section--dark-gradient {\r\n background: linear-gradient(180deg, var(--bg-dark), var(--bg-dark-alt));\r\n color: var(--text-light);\r\n }\r\n .section--light {\r\n background: var(--bg-light);\r\n color: var(--text-dark);\r\n }\r\n .section--light-alt {\r\n background: var(--bg-light-alt);\r\n color: var(--text-dark);\r\n }\r\n .section--light-gradient {\r\n background: linear-gradient(180deg, var(--bg-light), var(--bg-light-alt));\r\n color: var(--text-dark);\r\n }\r\n .section--primary-tint {\r\n background: var(--primary-light);\r\n color: var(--text-dark);\r\n }\r\n\r\n \/* ===========================\r\n 11. PADR\u00d5ES HUMANIZADOS\r\n =========================== *\/\r\n .highlight {\r\n position: relative;\r\n display: inline;\r\n z-index: 1;\r\n }\r\n .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px;\r\n left: -2px;\r\n right: -2px;\r\n height: 35%;\r\n background: var(--primary-light);\r\n z-index: -1;\r\n border-radius: 2px;\r\n }\r\n .section--dark .highlight::after,\r\n .section--dark-alt .highlight::after {\r\n background: rgba(136,88,221,0.25);\r\n }\r\n\r\n .quote {\r\n border-left: 4px solid var(--accent);\r\n padding: 20px 24px;\r\n margin: 24px 0;\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-style: italic;\r\n font-size: 1.15rem;\r\n color: var(--text-muted);\r\n background: rgba(0,0,0,0.02);\r\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n }\r\n .section--dark .quote,\r\n .section--dark-alt .quote {\r\n color: var(--text-muted-light);\r\n background: rgba(255,255,255,0.04);\r\n }\r\n\r\n .benefit-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n .benefit-list li {\r\n position: relative;\r\n padding: 10px 0 10px 36px;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n .benefit-list li::before {\r\n content: '\\2713';\r\n position: absolute;\r\n left: 0;\r\n top: 12px;\r\n width: 24px;\r\n height: 24px;\r\n background: var(--primary);\r\n color: #fff;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n }\r\n\r\n .benefit-list--negative li::before {\r\n background: #EF4444;\r\n content: '\\2717';\r\n }\r\n\r\n .badge {\r\n display: inline-block;\r\n background: var(--primary);\r\n color: #fff;\r\n padding: 4px 14px;\r\n border-radius: 50px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n }\r\n .badge--accent { background: var(--accent); color: var(--text-dark); }\r\n\r\n .stat-number {\r\n font-family: var(--titulo-family), sans-serif;\r\n font-size: 4.5rem;\r\n font-weight: 900;\r\n color: var(--primary);\r\n line-height: 1;\r\n letter-spacing: -0.03em;\r\n }\r\n @media (min-width: 768px) { .stat-number { font-size: 6rem; } }\r\n @media (min-width: 1024px) { .stat-number { font-size: 7.5rem; } }\r\n\r\n .urgency-bar {\r\n display: inline-block;\r\n background: var(--accent);\r\n color: #fff;\r\n padding: 10px 24px;\r\n border-radius: var(--border-radius);\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n text-align: center;\r\n }\r\n\r\n .video-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n height: 0;\r\n overflow: hidden;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow-lg);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n .video-wrapper iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n .accordion-item {\r\n border-bottom: 1px solid rgba(0,0,0,0.08);\r\n }\r\n .section--dark .accordion-item,\r\n .section--dark-alt .accordion-item {\r\n border-bottom-color: rgba(255,255,255,0.1);\r\n }\r\n .accordion-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 0;\r\n cursor: pointer;\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n background: none;\r\n border: none;\r\n width: 100%;\r\n text-align: left;\r\n color: inherit;\r\n transition: color var(--transition-fast);\r\n }\r\n .accordion-header:hover { color: var(--primary); }\r\n .accordion-icon {\r\n font-size: 1.4rem;\r\n font-weight: 300;\r\n transition: transform var(--transition-base);\r\n flex-shrink: 0;\r\n margin-left: 16px;\r\n }\r\n .accordion-item.active .accordion-icon {\r\n transform: rotate(45deg);\r\n }\r\n .accordion-body {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height var(--transition-slow);\r\n }\r\n .accordion-body-inner {\r\n padding: 0 0 20px;\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n color: var(--text-muted);\r\n }\r\n .section--dark .accordion-body-inner,\r\n .section--dark-alt .accordion-body-inner {\r\n color: var(--text-muted-light);\r\n }\r\n\r\n .comparison-table {\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .comparison-table th,\r\n .comparison-table td {\r\n padding: 16px 20px;\r\n text-align: left;\r\n font-size: 1rem;\r\n }\r\n .comparison-table thead th {\r\n background: var(--primary);\r\n color: #fff;\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n }\r\n .comparison-table tbody tr:nth-child(even) {\r\n background: rgba(0,0,0,0.03);\r\n }\r\n .comparison-table .check { color: var(--primary); font-weight: 700; font-size: 1.2rem; }\r\n .comparison-table .cross { color: var(--text-muted); font-size: 1.2rem; }\r\n\r\n .text-center { text-align: center; }\r\n .text-left { text-align: left; }\r\n .mx-auto { margin-left: auto; margin-right: auto; }\r\n .mb-sm { margin-bottom: 12px; }\r\n .mb-md { margin-bottom: 24px; }\r\n .mb-lg { margin-bottom: 40px; }\r\n .mb-xl { margin-bottom: 60px; }\r\n\r\n \/* ===========================\r\n 12. HERO - PRODUTO IMAGEM\r\n =========================== *\/\r\n .hero-product-img {\r\n max-width: 480px;\r\n margin: 30px auto 0;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n \/* ===========================\r\n 13. STEP NUMBERS\r\n =========================== *\/\r\n .step-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--primary);\r\n color: #fff;\r\n font-family: var(--titulo-family), sans-serif;\r\n font-weight: 800;\r\n font-size: 1.25rem;\r\n margin-bottom: 16px;\r\n }\r\n\r\n \/* ===========================\r\n 14. SUBHEADLINE HERO\r\n =========================== *\/\r\n .hero-subheadline {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n opacity: 0.85;\r\n max-width: 640px;\r\n margin: 0 auto;\r\n }\r\n @media (min-width: 768px) {\r\n .hero-subheadline { font-size: 1.25rem; }\r\n }\r\n @media (min-width: 1024px) {\r\n .hero-subheadline { font-size: 1.35rem; }\r\n }\r\n\r\n \/* ===========================\r\n 15. PREMISSA\r\n =========================== *\/\r\n .premissa {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 20px;\r\n }\r\n .premissa-valor {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* ===========================\r\n 16. VIDEO - CONTROLE SEM SOM - 06\/04\/2026\r\n =========================== *\/\r\n .video-container {\r\n position: relative;\r\n width: 100%; \/* Ajuste o tamanho *\/\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n cursor: pointer;\r\n }\r\n\r\n .video-container2 {\r\n width: 100%;\r\n max-width: var(--container-max);\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n cursor: pointer;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .video-container { padding: 0 40px; }\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .video-container { padding: 0 60px; }\r\n }\r\n\r\n \/* Estilo opcional para o \u00edcone de \"Sem Som\" *\/\r\n .mute-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n padding: 10px 20px;\r\n border-radius: 5px;\r\n pointer-events: none; \/* Para o clique passar para o v\u00eddeo *\/\r\n font-family: sans-serif;\r\n }\r\n\r\n\r\n <\/style>\r\n\r\n <!-- Meta Pixel Code -->\r\n <script>\r\n !function(f,b,e,v,n,t,s)\r\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\r\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\r\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\r\n n.queue=[];t=b.createElement(e);t.async=!0;\r\n t.src=v;s=b.getElementsByTagName(e)[0];\r\n s.parentNode.insertBefore(t,s)}(window, document,'script',\r\n 'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\r\n fbq('init', '2269455660202463');\r\n fbq('track', 'PageView');\r\n <\/script>\r\n <noscript>\r\n <img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" src=\"https:\/\/www.facebook.com\/tr?id=2269455660202463&ev=PageView&noscript=1\"\/>\r\n <\/noscript>\r\n <!-- End Meta Pixel Code -->\r\n\r\n<\/head>\r\n<body>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O HERO (Pontos 1, 2, 3 \u2014 UMA section)\r\n ============================================ -->\r\n <section id=\"hero\" class=\"section--dark\" style=\"padding-top:40px; padding-bottom:40px;\">\r\n\r\n <!-- Ponto 1: Logo + Headline + Subheadline -->\r\n <div class=\"container text-center\">\r\n <!-- img src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/03\/CitaFacil-600x600-v2.png\" alt=\"CitaF\u00e1cil Logo\" style=\"max-width:130px; margin:0 auto 24px; border-radius:var(--border-radius);\" -->\r\n\r\n <p class=\"premissa\">Seu Trabalho Acad\u00eamico 100% na ABNT - veja a FERRAMENTA que faz isso por voc\u00ea<\/p>\r\n\r\n <h1 class=\"mb-md\">Ningu\u00e9m deveria reprovar por uma v\u00edrgula na <span class=\"highlight\">REFER\u00caNCIA<\/span><\/h1>\r\n\r\n <!-- p class=\"hero-subheadline mb-lg\">Se voc\u00ea ainda est\u00e1 formatando tudo manualmente, voc\u00ea est\u00e1 perdendo tempo (e arriscando sua nota)<\/p -->\r\n <p class=\"hero-subheadline mb-lg\">A maioria das reprova\u00e7\u00f5es por formata\u00e7\u00e3o acontece num detalhe que nenhum aluno percebe at\u00e9 ser\r\ntarde demais<\/p>\r\n <\/div>\r\n\r\n <!-- Ponto 2: Bullet points -->\r\n <div class=\"container container--text\" style=\"padding-top:10px; padding-bottom:20px;\">\r\n <ul class=\"benefit-list\" style=\"color:var(--text-muted-light);\">\r\n <li style=\"color:var(--text-muted-light);\">Evite erros invis\u00edveis que podem comprometer sua nota mesmo com um conte\u00fado excelente<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Pare de ser penalizado por detalhes t\u00e9cnicos: enquanto outros ainda tentam entender a norma, voc\u00ea j\u00e1 est\u00e1 com tudo pronto para entregar<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Gere refer\u00eancias prontas automaticamente, no padr\u00e3o exato exigido \u2014 sem perder tempo ajustando ponto, v\u00edrgula, negrito ou ordem dos elementos<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Imagem do produto (sem v\u00eddeo) -->\r\n<!--\r\n <div class=\"container text-center\" style=\"padding-top:10px; padding-bottom:20px;\">\r\n <img decoding=\"async\" src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/01\/1.png\" alt=\"CitaF\u00e1cil - Produto\" class=\"hero-product-img\">\r\n <\/div>\r\n-->\r\n\r\n <!-- Video -->\r\n <div class=\"video-container\" id=\"container\">\r\n <video id=\"meuVideo\" width=\"100%\" height=\"auto\" muted playsinline poster=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/04\/estressada.webp\" preload=\"metadata\">\r\n <source src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/04\/VideoCitafacil.mp4\" type=\"video\/mp4\">\r\n Seu navegador n\u00e3o suporta v\u00eddeos HTML5.\r\n <\/video>\r\n <div class=\"mute-overlay\" id=\"muteIcon\">\ud83d\udd07 Sem Som<\/div>\r\n <\/div>\r\n\r\n\r\n <!-- Ponto 3: Bot\u00e3o CTA -->\r\n <div class=\"container text-center\" style=\"padding-top:30px; padding-bottom:20px;\">\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Quero formatar meu trabalho com seguran\u00e7a<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- ============================================\r\n Script para tratamento do VIDEO SEM SOM - 06\/04\/2026\r\n ============================================ -->\r\n\r\n <script>\r\n const video = document.getElementById('meuVideo');\r\n const container = document.getElementById('container');\r\n const muteIcon = document.getElementById('muteIcon');\r\n\r\n container.addEventListener('click', function() {\r\n if (video.muted) {\r\n \/\/ Se estiver sem som, ativa o som\r\n video.muted = false;\r\n muteIcon.style.display = 'none'; \/\/ Esconde o \u00edcone\r\n \r\n \/\/ Se o v\u00eddeo estava pausado, reproduz\r\n if (video.paused) {\r\n video.play();\r\n }\r\n } else {\r\n \/\/ Opcional: Se quiser mutar novamente ao clicar\r\n video.muted = true;\r\n muteIcon.style.display = 'block';\r\n }\r\n });\r\n <\/script>\r\n\r\n\r\n\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 4: DEMONSTRA\u00c7\u00c3O\r\n ============================================ -->\r\n <section id=\"demonstracao\" class=\"section--light-alt\">\r\n <div class=\"container container--narrow\">\r\n <h2 class=\"text-center mb-lg\">Como o aluno sai da d\u00favida para a entrega com o M\u00e9todo 3C ABNT<\/h2>\r\n\r\n <div class=\"text-center\" style=\"margin-top:50px;\">\r\n <p style=\"font-size:1.6rem; color:var(--text-muted); margin-bottom:24px; font-family:var(--subtitulo-family), sans-serif;\"><strong>Um processo pensado para quem precisa fazer certo, <br>mas n\u00e3o quer perder horas tentando entender norma sozinho<\/strong><\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <div class=\"card--elevado text-center\">\r\n <span class=\"step-number\">1C<\/span>\r\n <h4 class=\"mb-sm\">Classifique com seguran\u00e7a<\/h4>\r\n <p style=\"color:var(--text-muted);\">Voc\u00ea escolhe o tipo de material usado na pesquisa e j\u00e1 recebe a dire\u00e7\u00e3o certa para montar a refer\u00eancia e a cita\u00e7\u00e3o.<br>Nada de come\u00e7ar perdido ou com medo de usar o modelo errado.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card--elevado text-center\">\r\n <span class=\"step-number\">2C<\/span>\r\n <h4 class=\"mb-sm\">Complete sem complica\u00e7\u00e3o<\/h4>\r\n <p style=\"color:var(--text-muted);\">Preencha os campos solicitados, informe se o material \u00e9 f\u00edsico ou digital, e o sistema organiza tudo para voc\u00ea no padr\u00e3o ABNT.<br>Em vez de se enrolar com detalhes t\u00e9cnicos, voc\u00ea foca no que realmente importa: avan\u00e7ar no seu trabalho.<\/p>\r\n <\/div>\r\n\r\n <div class=\"card--elevado text-center\">\r\n <span class=\"step-number\">3C<\/span>\r\n <h4 class=\"mb-sm\">Cole com confian\u00e7a<\/h4>\r\n <p style=\"color:var(--text-muted);\">Com a refer\u00eancia e a cita\u00e7\u00e3o prontas, voc\u00ea s\u00f3 copia e cola no seu editor de texto.<br>O que antes parecia confuso vira um processo mais direto, mais r\u00e1pido e muito mais seguro.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n <p class=\"text-center mb-md\" style=\"margin-top:30px; color:var(--text-muted); font-weight:500;\">N\u00e3o \u00e9 teoria. \u00c9 aplica\u00e7\u00e3o imediata.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 5: PARA QUEM \u00c9 \/ N\u00c3O \u00c9\r\n ============================================ -->\r\n <section id=\"para-quem\" class=\"section--dark-alt\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-lg\">Para quem \u00e9 o CitaF\u00e1cil?<\/h2>\r\n\r\n <div class=\"grid-2\">\r\n <div>\r\n <h3 style=\"color:var(--accent);\" class=\"mb-md\">Isso \u00e9 para voc\u00ea se...<\/h3>\r\n <ul class=\"benefit-list\" style=\"color:var(--text-muted-light);\">\r\n <li style=\"color:var(--text-muted-light);\">Est\u00e1 escrevendo TCC\/monografia, disserta\u00e7\u00e3o ou tese e precisa entregar com a formata\u00e7\u00e3o correta \u2014 mas n\u00e3o sabe por onde come\u00e7ar<\/li>\r\n <li style=\"color:var(--text-muted-light);\">J\u00e1 tentou usar geradores gratuitos ou tutoriais do YouTube e ainda assim ficou inseguro se o resultado estava certo<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Trabalha, estuda e n\u00e3o tem horas sobrando para decifrar o manual da ABNT por conta pr\u00f3pria<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Est\u00e1 se sentindo perdido com as exig\u00eancias acad\u00eamicas<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Estuda \u00e0 dist\u00e2ncia, sem suporte presencial, e precisa resolver tudo sozinho<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Est\u00e1 nos \u00faltimos dias antes da entrega e ainda nem come\u00e7ou a parte das refer\u00eancias e cita\u00e7\u00f5es<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h3 style=\"color:#EF4444;\" class=\"mb-md\">N\u00e3o \u00e9 para voc\u00ea se...<\/h3>\r\n <ul class=\"benefit-list benefit-list--negative\" style=\"color:var(--text-muted-light);\">\r\n <li style=\"color:var(--text-muted-light);\">J\u00e1 domina as normas ABNT e formata trabalhos acad\u00eamicos sem dificuldade<\/li>\r\n <li style=\"color:var(--text-muted-light);\">\u00c9 profissional de normaliza\u00e7\u00e3o e trabalha com isso diariamente<\/li>\r\n <li style=\"color:var(--text-muted-light);\">Busca uma solu\u00e7\u00e3o para formata\u00e7\u00e3o de margens, capa e sum\u00e1rio \u2014 o CitaF\u00e1cil foca em refer\u00eancias e cita\u00e7\u00f5es<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<!-- N\u00c3O fechar <\/body><\/html> \u2014 ser\u00e1 adicionado pelo bloco4 -->\r\n<style>\r\n\/* ===========================\r\n BLOCO 2: CSS Espec\u00edfico\r\n =========================== *\/\r\n.price-block {\r\n text-align: center;\r\n padding: 40px 0;\r\n}\r\n.price-old {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 1.3rem;\r\n color: var(--text-muted-light);\r\n text-decoration: line-through;\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n.price-current {\r\n font-family: var(--titulo-family), sans-serif;\r\n font-weight: 900;\r\n font-size: 3.5rem;\r\n color: var(--primary);\r\n line-height: 1.1;\r\n}\r\n@media (min-width: 768px) {\r\n .price-current { font-size: 4rem; }\r\n}\r\n@media (min-width: 1024px) {\r\n .price-current { font-size: 4.5rem; }\r\n}\r\n.price-parcela {\r\n font-size: 1.1rem;\r\n color: var(--text-muted-light);\r\n margin-top: 8px;\r\n}\r\n.entregavel {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n padding: 16px 0;\r\n border-bottom: 1px solid rgba(255,255,255,0.08);\r\n gap: 16px;\r\n}\r\n.entregavel:last-child { border-bottom: none; }\r\n.entregavel-nome {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n font-size: 1.05rem;\r\n color: var(--text-light);\r\n flex: 1;\r\n}\r\n.entregavel-valor {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 0.95rem;\r\n color: var(--text-muted-light);\r\n white-space: nowrap;\r\n text-align: right;\r\n}\r\n.entregavel-total {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 20px 0;\r\n margin-top: 16px;\r\n border-top: 2px solid var(--primary);\r\n font-family: var(--titulo-family), sans-serif;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n color: var(--text-light);\r\n}\r\n.garantia-block {\r\n border: 2px dashed var(--accent);\r\n border-radius: var(--border-radius);\r\n padding: 32px;\r\n background: rgba(255,255,255,0.03);\r\n text-align: center;\r\n max-width: 600px;\r\n margin: 40px auto;\r\n}\r\n.garantia-block h3 { margin-bottom: 12px; }\r\n.garantia-block p {\r\n color: var(--text-muted-light);\r\n font-size: 1.05rem;\r\n}\r\n.garantia-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 16px;\r\n display: block;\r\n}\r\n.testimonial-card {\r\n padding: 28px 24px;\r\n position: relative;\r\n}\r\n.testimonial-card::before {\r\n content: '\\201C';\r\n font-family: var(--titulo-family), sans-serif;\r\n font-size: 4rem;\r\n color: var(--primary);\r\n opacity: 0.3;\r\n position: absolute;\r\n top: 8px;\r\n left: 16px;\r\n line-height: 1;\r\n}\r\n.testimonial-text {\r\n font-style: italic;\r\n font-size: 1.05rem;\r\n line-height: 1.7;\r\n margin-bottom: 16px;\r\n padding-top: 16px;\r\n}\r\n.testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n}\r\n.testimonial-avatar {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n background: var(--primary-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: var(--primary);\r\n flex-shrink: 0;\r\n}\r\n.testimonial-name {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n}\r\n.testimonial-role {\r\n font-size: 0.85rem;\r\n color: var(--text-muted);\r\n}\r\n.paliativo-card {\r\n border: 3px solid var(--primary);\r\n border-radius: var(--border-radius);\r\n padding: 40px 32px;\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: linear-gradient(135deg, var(--primary-light), transparent);\r\n}\r\n.paliativo-card h3 { margin-bottom: 12px; }\r\n.paliativo-card p {\r\n margin-bottom: 24px;\r\n font-size: 1.1rem;\r\n}\r\n\r\n\/* Formato icons *\/\r\n.formato-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 20px;\r\n margin-bottom: 28px;\r\n}\r\n.formato-icon {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: var(--border-radius);\r\n background: var(--primary-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 1.5rem;\r\n}\r\n.formato-content h4 { margin-bottom: 6px; }\r\n.formato-content p { color: var(--text-muted); }\r\n\r\n\/* === Se\u00e7\u00e3o 14: Argumentos Incontest\u00e1veis === REPLICADO AQUI POIS A SECAO FOI TRANSFERIDA - 14-04-26 *\/\r\n.stat-section {\r\n text-align: center;\r\n padding: 20px 0;\r\n}\r\n.stat-source {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 0.9rem;\r\n color: var(--text-muted-light);\r\n font-style: italic;\r\n margin-top: 12px;\r\n display: block;\r\n}\r\n.stat-text {\r\n font-size: 1.2rem;\r\n color: var(--text-muted-light);\r\n margin-top: 8px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n@media (min-width: 768px) {\r\n \/* .stat-text { font-size: 1.35rem; } *\/\r\n .stat-text { font-size: 1.5rem; }\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 6: FORMATO DO PRODUTO\r\n ============================================ -->\r\n <section id=\"formato\" class=\"section--light\">\r\n <div class=\"container container--narrow\">\r\n <h2 class=\"text-center mb-lg\">O que est\u00e1 inclu\u00eddo<\/h2>\r\n\r\n <div class=\"formato-item\">\r\n <div class=\"formato-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--primary)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg>\r\n <\/div>\r\n <div class=\"formato-content\">\r\n <h4>CitaF\u00e1cil - Gerador Simplificado de Refer\u00eancias e Cita\u00e7\u00f5es Online<\/h4>\r\n <p>Ferramenta web dispon\u00edvel 24 horas. Selecione o tipo de fonte, preencha os dados e receba a refer\u00eancia formatada na ABNT. Copie e cole no seu documento.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"formato-item\">\r\n <div class=\"formato-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--primary)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <div class=\"formato-content\">\r\n <h4>Minicurso Online \u2014 3 Aulas Pr\u00e1ticas <span class=\"badge badge--accent mb-sm\" style=\"margin-bottom:16px; display:inline-block;\">B\u00f4nus<\/span><\/h4>\r\n <p>Aulas gravadas com acesso imediato pela Hotmart. Assista no seu ritmo, quantas vezes quiser. Do \"por que seguir a ABNT\" at\u00e9 dominar cita\u00e7\u00f5es diretas, indiretas e cita\u00e7\u00e3o de cita\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"formato-item\">\r\n <div class=\"formato-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--primary)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg>\r\n <\/div>\r\n <div class=\"formato-content\">\r\n <h4>Guia R\u00e1pido em PDF (E-book) <span class=\"badge badge--accent mb-sm\" style=\"margin-bottom:16px; display:inline-block;\">B\u00f4nus<\/span><\/h4>\r\n <p>Material de consulta r\u00e1pida para ter sempre \u00e0 m\u00e3o. Surgiu d\u00favida? Abra o guia, encontre a resposta e resolva na hora.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"formato-item\" style=\"margin-bottom:0;\">\r\n <div class=\"formato-icon\" style=\"background:rgba(245,166,35,0.15);\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"formato-content\">\r\n <h4>Suporte por WhatsApp<\/h4>\r\n <p>Se travar em alguma refer\u00eancia ou tiver qualquer d\u00favida, \u00e9 s\u00f3 chamar. Atendimento de segunda a sexta, 9h \u00e0s 18h. Acesso vital\u00edcio a todos os materiais.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 7: OFERTA + PRE\u00c7O + GARANTIA\r\n ============================================ -->\r\n <section id=\"oferta\" class=\"section--dark-gradient\">\r\n <div class=\"container container--narrow\">\r\n <h2 class=\"text-center mb-lg\">Tudo o que voc\u00ea recebe<\/h2>\r\n\r\n <div style=\"max-width:600px; margin:0 auto;\">\r\n <div class=\"entregavel\">\r\n <span class=\"entregavel-nome\">Gerador Simplificado de Refer\u00eancias Online<\/span>\r\n <span class=\"entregavel-valor\">R$ 97,00<\/span>\r\n <\/div>\r\n <div class=\"entregavel\">\r\n <span class=\"entregavel-nome\">Minicurso de Refer\u00eancias e Cita\u00e7\u00f5es \u2014 3 aulas pr\u00e1ticas<\/span>\r\n <span class=\"entregavel-valor\">R$ 47,00<\/span>\r\n <\/div>\r\n <div class=\"entregavel\">\r\n <span class=\"entregavel-nome\">Guia R\u00e1pido em PDF (E-book)<\/span>\r\n <span class=\"entregavel-valor\">R$ 27,00<\/span>\r\n <\/div>\r\n <div class=\"entregavel\">\r\n <span class=\"entregavel-nome\">Suporte por WhatsApp<\/span>\r\n <span class=\"entregavel-valor\" style=\"color:var(--accent);\">Inestim\u00e1vel<\/span>\r\n <\/div>\r\n <div class=\"entregavel\" style=\"border-bottom:none;\">\r\n <span class=\"entregavel-nome\">Acesso Vital\u00edcio a tudo<\/span>\r\n <span class=\"entregavel-valor\" style=\"color:var(--accent);\">Incluso<\/span>\r\n <\/div>\r\n\r\n <div class=\"entregavel-total\">\r\n <span>Valor total<\/span>\r\n <span style=\"text-decoration:line-through; color:var(--text-muted-light);\">R$ 171,00<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"price-block\">\r\n <span class=\"price-old\">De R$ 171,00<\/span>\r\n <span class=\"price-current\">R$ 67,90<\/span>\r\n <span class=\"price-parcela\">Acesso imediato e vital\u00edcio<\/span>\r\n <\/div>\r\n\r\n <div class=\"text-center mb-lg\">\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Garantir meu acesso por R$ 67,90<\/a>\r\n <\/div>\r\n\r\n <!-- Garantia -->\r\n <div class=\"garantia-block\">\r\n <span class=\"garantia-icon\" aria-hidden=\"true\">🔒<\/span>\r\n <h3 style=\"color:var(--text-light);\">Garantia incondicional de 7 dias<\/h3>\r\n <p>Teste tudo sem risco. Se por qualquer motivo voc\u00ea n\u00e3o gostar, \u00e9 s\u00f3 pedir o reembolso diretamente pela plataforma. Sem perguntas, sem burocracia. O risco \u00e9 todo nosso.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 8: DEPOIMENTOS\r\n ============================================ -->\r\n <section id=\"depoimentos\" class=\"section--light\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-lg\">O que dizem nossos alunos<\/h2>\r\n\r\n <div class=\"grid-3\">\r\n <!-- Depoimento 1 -->\r\n <div class=\"card--elevado testimonial-card\">\r\n <br><img decoding=\"async\" src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/04\/Depoimento_Dayane.webp\" alt=\"CitaF\u00e1cil Logo\" style=\"max-width:330px; margin:0 auto 24px; border-radius:var(--border-radius);\">\r\n\r\n <!--p class=\"testimonial-text\">O gerador online \u00e9 simplesmente sensacional. Em poucos minutos montei todas as refer\u00eancias certinhas, sem medo de errar a ABNT. Economizei horas de trabalho e pude focar no conte\u00fado da minha disserta\u00e7\u00e3o.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">L<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Lucas R.<\/div>\r\n <div class=\"testimonial-role\">Mestrando, Barueri<\/div>\r\n <\/div>\r\n <\/div -->\r\n <\/div>\r\n\r\n <!-- Depoimento 2 -->\r\n <div class=\"card--elevado testimonial-card\">\r\n <br><img decoding=\"async\" src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/04\/Depoimento_Adriana.webp\" alt=\"CitaF\u00e1cil Logo\" style=\"max-width:330px; margin:0 auto 24px; border-radius:var(--border-radius);\">\r\n\r\n <!-- p class=\"testimonial-text\">Depois do curso, finalmente entendi como funcionam as cita\u00e7\u00f5es e refer\u00eancias na pr\u00e1tica. A explica\u00e7\u00e3o \u00e9 direta e sem enrola\u00e7\u00e3o, e j\u00e1 apliquei tudo no meu TCC. Evitei v\u00e1rias corre\u00e7\u00f5es e ganhei muito mais confian\u00e7a na entrega.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">M<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Mariana S.<\/div>\r\n <div class=\"testimonial-role\">Graduanda, Bel\u00e9m<\/div>\r\n <\/div>\r\n <\/div -->\r\n <\/div>\r\n\r\n <!-- Depoimento 3 -->\r\n <div class=\"card--elevado testimonial-card\">\r\n <br><img decoding=\"async\" src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/04\/depoimento_3-scaled.webp\" alt=\"CitaF\u00e1cil Logo\" style=\"max-width:330px; margin:0 auto 24px; border-radius:var(--border-radius);\">\r\n\r\n <!-- p class=\"testimonial-text\">O Guia r\u00e1pido em PDF \u00e9 perfeito pra consulta. Sempre que surge uma d\u00favida, vou direto nele e resolvo na hora. Claro, organizado e super f\u00e1cil de usar.<\/p>\r\n <div class=\"testimonial-author\">\r\n <div class=\"testimonial-avatar\">A<\/div>\r\n <div>\r\n <div class=\"testimonial-name\">Ana P.<\/div>\r\n <div class=\"testimonial-role\">Estudante, Londrina<\/div>\r\n <\/div>\r\n <\/div -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 14: ARGUMENTOS INCONTEST\u00c1VEIS -- TRANSFERIDO PARA ESSE LOCAL - 14-04-26 \r\n ============================================ -->\r\n <section id=\"argumentos\" class=\"section--dark-gradient\">\r\n <div class=\"container text-center\">\r\n <h2 class=\"mb-lg\">Os n\u00fameros falam por si<\/h2>\r\n\r\n <div class=\"grid-2\" style=\"gap:50px; align-items:center;\">\r\n <div class=\"stat-section\">\r\n <span class=\"stat-number\">2,5M<\/span>\r\n <p class=\"stat-text\">TCCs s\u00e3o entregues por ano no Brasil<\/p>\r\n <span class=\"stat-source\">Estimativas do mercado acad\u00eamico brasileiro<\/span>\r\n <\/div>\r\n\r\n <div class=\"stat-section\">\r\n <span class=\"stat-number\">80%<\/span>\r\n <p class=\"stat-text\">dos alunos perdem pontos por erros nas normas da ABNT \u2014 n\u00e3o por falta de conte\u00fado<\/p>\r\n <span class=\"stat-source\">Google Trends: buscas por \"como fazer refer\u00eancia ABNT\" disparam todo semestre<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quote\" style=\"max-width:700px; margin:50px auto 0;\">\r\n <p style=\"color:var(--text-muted-light);\">Formatar refer\u00eancias manualmente consome horas. Contratar um profissional de normaliza\u00e7\u00e3o custa entre R$ 200 e R$ 500. O CitaF\u00e1cil resolve o problema por <span class=\"premissa-valor\">R$ 67,90<\/span>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 9: PALIATIVO (Entreg\u00e1vel R\u00e1pido)\r\n ============================================ -->\r\n <section id=\"paliativo\" class=\"section--primary-tint\">\r\n <div class=\"container\">\r\n <div class=\"paliativo-card\">\r\n <span class=\"badge badge--accent mb-sm\" style=\"margin-bottom:16px; display:inline-block;\">Resultado imediato<\/span>\r\n <h3>Gerador de Refer\u00eancias \u2014 Acesso Instant\u00e2neo<\/h3>\r\n <p style=\"color:var(--text-muted);\">Assim que voc\u00ea garante seu acesso, j\u00e1 pode usar o Gerador de Refer\u00eancias no mesmo minuto. N\u00e3o precisa assistir nenhuma aula antes. Abriu, preencheu, copiou e colou. Resultado imediato enquanto voc\u00ea avan\u00e7a no minicurso no seu tempo.<\/p>\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Quero formatar meu trabalho com seguran\u00e7a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<style>\r\n\/* ===========================\r\n BLOCO 3: CSS Espec\u00edfico\r\n =========================== *\/\r\n.expert-photo {\r\n width: 100%;\r\n max-width: 320px;\r\n aspect-ratio: 3 \/ 4;\r\n object-fit: cover;\r\n border-radius: var(--border-radius);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n.expert-photo-placeholder {\r\n width: 100%;\r\n max-width: 320px;\r\n aspect-ratio: 3 \/ 4;\r\n background: var(--bg-dark-alt);\r\n border-radius: var(--border-radius);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 4rem;\r\n color: var(--text-muted-light);\r\n}\r\n.expert-info h2 { margin-bottom: 8px; }\r\n.expert-info .expert-bio {\r\n font-size: 1.1rem;\r\n color: var(--text-muted-light);\r\n margin-bottom: 20px;\r\n line-height: 1.7;\r\n}\r\n.expert-resultado {\r\n background: var(--accent);\r\n color: #fff;\r\n padding: 20px 24px;\r\n border-radius: var(--border-radius);\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n margin-top: 24px;\r\n}\r\n.credential-list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n list-style: none;\r\n padding: 0;\r\n margin: 16px 0;\r\n}\r\n.credential-item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(255,255,255,0.1);\r\n color: var(--text-light);\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n font-family: var(--subtitulo-family), sans-serif;\r\n}\r\n.credential-item::before {\r\n content: '\\2726';\r\n color: var(--accent);\r\n font-size: 0.7rem;\r\n}\r\n.objection-item {\r\n padding: 24px 0;\r\n border-bottom: 1px solid rgba(0,0,0,0.06);\r\n}\r\n.objection-item:last-child { border-bottom: none; }\r\n.objection-question {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 700;\r\n font-size: 1.15rem;\r\n margin-bottom: 8px;\r\n color: var(--text-dark);\r\n}\r\n.objection-answer {\r\n font-size: 1.05rem;\r\n color: var(--text-muted);\r\n line-height: 1.7;\r\n}\r\n.support-channels {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n justify-content: center;\r\n margin: 30px 0;\r\n}\r\n.support-channel {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 24px 20px;\r\n min-width: 140px;\r\n background: rgba(255,255,255,0.06);\r\n border-radius: var(--border-radius);\r\n transition: background var(--transition-base);\r\n}\r\n.support-channel:hover { background: rgba(255,255,255,0.1); }\r\n.support-channel-icon { font-size: 2rem; }\r\n.support-channel-name {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: var(--text-light);\r\n}\r\n.support-channel-detail {\r\n font-size: 0.8rem;\r\n color: var(--text-muted-light);\r\n text-align: center;\r\n}\r\n<\/style>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 10: AUTORIDADE DO EXPERT\r\n ============================================ -->\r\n <section id=\"autoridade\" class=\"section--dark\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-lg\">Quem est\u00e1 por tr\u00e1s do CitaF\u00e1cil<\/h2>\r\n\r\n <div class=\"grid-2\" style=\"align-items:center;\">\r\n <div class=\"text-center\">\r\n <div class=\"expert-photo-placeholder mx-auto\" aria-label=\"Foto da autora\">\r\n <span aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/citamais.ia.br\/pvs\/wp-content\/uploads\/2026\/03\/fotoautoridade.jpeg\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"expert-info\">\r\n <span class=\"badge mb-sm\" style=\"margin-bottom:12px; display:inline-block;\">Criadora do CitaF\u00e1cil<\/span>\r\n <p class=\"expert-bio\">Sou Andr\u00e9a Costa, Mestre em Educa\u00e7\u00e3o com mais de 20 anos de experi\u00eancia como bibliotec\u00e1ria em universidades federais. H\u00e1 mais de duas d\u00e9cadas ajudando centenas de estudantes a normalizar seus trabalhos acad\u00eamicos e garantir aprova\u00e7\u00e3o.<\/p>\r\n\r\n <ul class=\"credential-list\">\r\n <li class=\"credential-item\">Mestre em Educa\u00e7\u00e3o<\/li>\r\n <li class=\"credential-item\">+20 anos em universidades federais<\/li>\r\n <li class=\"credential-item\">Centenas de alunos orientados<\/li>\r\n <\/ul>\r\n\r\n <div class=\"expert-resultado\">\r\n Centenas de estudantes ajudados a normalizar trabalhos acad\u00eamicos e garantir aprova\u00e7\u00e3o ao longo de 20 anos.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quote\" style=\"max-width:700px; margin:40px auto 0;\">\r\n <p style=\"color:var(--text-muted-light);\">\"Depois de anos vendo alunos se frustrarem com as normas da ABNT \u2014 perdendo pontos, refazendo trabalhos e pagando caro por revis\u00f5es de \u00faltima hora \u2014 decidi transformar toda essa experi\u00eancia em uma solu\u00e7\u00e3o simples, direta e acess\u00edvel.\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 11: OBJE\u00c7\u00d5ES E RESPOSTAS\r\n ============================================ -->\r\n <section id=\"objecoes\" class=\"section--light-alt\">\r\n <div class=\"container container--narrow\">\r\n <h2 class=\"text-center mb-lg\">Talvez voc\u00ea esteja pensando...<\/h2>\r\n\r\n <div class=\"objection-item\">\r\n <p class=\"objection-question\">\"Ser\u00e1 que funciona pra mim?\"<\/p>\r\n <p class=\"objection-answer\">O CitaF\u00e1cil foi criado justamente para quem n\u00e3o entende nada de normas. A interface \u00e9 simples, as aulas s\u00e3o diretas e o guia funciona como um atalho para qualquer d\u00favida. Se voc\u00ea sabe digitar no computador, consegue usar.<\/p>\r\n <\/div>\r\n\r\n <div class=\"objection-item\">\r\n <p class=\"objection-question\">\"N\u00e3o entendo nada de ABNT.\"<\/p>\r\n <p class=\"objection-answer\">Perfeito, porque esse \u00e9 exatamente o ponto de partida do minicurso. Voc\u00ea n\u00e3o precisa saber nada antes. O M\u00f3dulo 1 come\u00e7a do zero e te leva at\u00e9 a aplica\u00e7\u00e3o pr\u00e1tica. E o gerador faz a parte t\u00e9cnica por voc\u00ea.<\/p>\r\n <\/div>\r\n\r\n <div class=\"objection-item\">\r\n <p class=\"objection-question\">\"N\u00e3o tenho tempo.\"<\/p>\r\n <p class=\"objection-answer\">O minicurso tem 3 aulas curtas e diretas. D\u00e1 para assistir em uma tarde. E o gerador de refer\u00eancias funciona em minutos \u2014 voc\u00ea j\u00e1 sai com as refer\u00eancias prontas no primeiro acesso. Foi feito para quem tem pressa.<\/p>\r\n <\/div>\r\n\r\n <div class=\"objection-item\">\r\n <p class=\"objection-question\">\"N\u00e3o tenho dinheiro.\"<\/p>\r\n <p class=\"objection-answer\">Por R$ 67,90 voc\u00ea evita pagar R$ 200 a R$ 500 em revis\u00e3o profissional ou normaliza\u00e7\u00e3o externa. \u00c9 menos que um livro t\u00e9cnico. E se n\u00e3o servir, tem 7 dias de garantia para pedir reembolso total.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 12: FAQ \u2014 PERGUNTAS FREQUENTES\r\n ============================================ -->\r\n <section id=\"faq\" class=\"section--light\">\r\n <div class=\"container container--narrow\">\r\n <h2 class=\"text-center mb-lg\">Perguntas frequentes<\/h2>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>O gerador j\u00e1 entrega no formato padr\u00e3o? Posso copiar e colar no Word?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n Sim. O resultado j\u00e1 sai com a pontua\u00e7\u00e3o, o negrito e a ordem correta exigida pela ABNT. \u00c9 s\u00f3 copiar e colar direto no Word ou Google Docs. Nenhum ajuste manual necess\u00e1rio.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>O sistema aceita refer\u00eancias eletr\u00f4nicas (sites, artigos online)?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n Sim. O CitaF\u00e1cil est\u00e1 preparado para gerar refer\u00eancias de sites, artigos de portais, documentos online e outros formatos eletr\u00f4nicos. Basta inserir os dados e a ferramenta gera a refer\u00eancia com link e data de acesso no formato correto.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>O que exatamente recebo ao adquirir o CitaF\u00e1cil?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n Voc\u00ea recebe acesso ao Gerador de Refer\u00eancias Online, ao Minicurso com 3 aulas pr\u00e1ticas e ao Guia R\u00e1pido em PDF. Al\u00e9m disso, tem suporte por WhatsApp e acesso vital\u00edcio a tudo.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>Eu n\u00e3o entendo nada de normas acad\u00eamicas. O CitaF\u00e1cil serve para mim?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n Foi feito especialmente para voc\u00ea. A interface \u00e9 intuitiva e a linguagem \u00e9 simples. Voc\u00ea n\u00e3o precisa ser expert em normas \u2014 s\u00f3 precisa saber o que quer citar, e o CitaF\u00e1cil faz o resto.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>Qual a vantagem do CitaF\u00e1cil sobre os geradores gratuitos da internet?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n A maioria dos geradores gratuitos est\u00e1 desatualizada ou gera apenas partes da refer\u00eancia. O CitaF\u00e1cil \u00e9 um m\u00e9todo completo: garante a precis\u00e3o das refer\u00eancias, ensina cita\u00e7\u00f5es diretas e indiretas pelo minicurso, e ainda oferece suporte. \u00c9 a diferen\u00e7a entre tentar a sorte e ter certeza.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"accordion-item\">\r\n <button class=\"accordion-header\" aria-expanded=\"false\">\r\n <span>Quanto tempo vou levar para ver os resultados?<\/span>\r\n <span class=\"accordion-icon\" aria-hidden=\"true\">+<\/span>\r\n <\/button>\r\n <div class=\"accordion-body\">\r\n <div class=\"accordion-body-inner\">\r\n Imediatamente. Ao garantir seu acesso, voc\u00ea j\u00e1 pode formatar refer\u00eancias no mesmo minuto. O minicurso \u00e9 direto ao ponto \u2014 feito para quem precisa de resultado r\u00e1pido.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 13: SUPORTE\r\n ============================================ -->\r\n <section id=\"suporte\" class=\"section--dark-alt\">\r\n <div class=\"container text-center\">\r\n <h2 class=\"mb-md\">Voc\u00ea n\u00e3o vai ficar sozinho<\/h2>\r\n <p style=\"color:var(--text-muted-light); max-width:600px; margin:0 auto 10px; font-size:1.1rem;\">Se travar em alguma refer\u00eancia ou tiver qualquer d\u00favida, \u00e9 s\u00f3 chamar. A gente resolve junto.<\/p>\r\n\r\n <div class=\"support-channels\">\r\n <div class=\"support-channel\">\r\n <span class=\"support-channel-icon\" aria-hidden=\"true\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/span>\r\n <span class=\"support-channel-name\">WhatsApp<\/span>\r\n <span class=\"support-channel-detail\">Seg-Sex, 9h-18h<\/span>\r\n <\/div>\r\n\r\n <div class=\"support-channel\">\r\n <span class=\"support-channel-icon\" aria-hidden=\"true\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--accent)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/span>\r\n <span class=\"support-channel-name\">E-mail<\/span>\r\n <span class=\"support-channel-detail\">suporte@codebraket.com<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:30px;\">\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Quero formatar meu trabalho com seguran\u00e7a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<script>\r\n(function() {\r\n var items = document.querySelectorAll('.accordion-item');\r\n items.forEach(function(item) {\r\n var header = item.querySelector('.accordion-header');\r\n if (!header) return;\r\n header.addEventListener('click', function() {\r\n var isActive = item.classList.contains('active');\r\n items.forEach(function(other) {\r\n other.classList.remove('active');\r\n var body = other.querySelector('.accordion-body');\r\n if (body) body.style.maxHeight = null;\r\n var btn = other.querySelector('.accordion-header');\r\n if (btn) btn.setAttribute('aria-expanded', 'false');\r\n });\r\n if (!isActive) {\r\n item.classList.add('active');\r\n var body = item.querySelector('.accordion-body');\r\n if (body) body.style.maxHeight = body.scrollHeight + 'px';\r\n header.setAttribute('aria-expanded', 'true');\r\n }\r\n });\r\n });\r\n})();\r\n<\/script>\r\n<style>\r\n\/* ===========================\r\n BLOCO 4: CSS Espec\u00edfico\r\n =========================== *\/\r\n\r\n\/* === Se\u00e7\u00e3o 14: Argumentos Incontest\u00e1veis === \r\n.stat-section {\r\n text-align: center;\r\n padding: 20px 0;\r\n}\r\n.stat-source {\r\n font-family: var(--subtitulo-family), sans-serif;\r\n font-size: 0.9rem;\r\n color: var(--text-muted-light);\r\n font-style: italic;\r\n margin-top: 12px;\r\n display: block;\r\n}\r\n.stat-text {\r\n font-size: 1.2rem;\r\n color: var(--text-muted-light);\r\n margin-top: 8px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n@media (min-width: 768px) {\r\n .stat-text { font-size: 1.35rem; }\r\n} *\/\r\n\r\n\/* === Se\u00e7\u00e3o 15: Dores & Desejos === *\/\r\n.dores-column {\r\n background: rgba(239, 68, 68, 0.06);\r\n border-left: 4px solid #EF4444;\r\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n padding: 32px 28px;\r\n}\r\n.dores-column h3 {\r\n color: #EF4444;\r\n margin-bottom: 16px;\r\n}\r\n.dores-column li {\r\n padding: 8px 0;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n list-style: none;\r\n position: relative;\r\n padding-left: 24px;\r\n}\r\n.dores-column li::before {\r\n content: '\\2717';\r\n position: absolute;\r\n left: 0;\r\n color: #EF4444;\r\n font-weight: 700;\r\n}\r\n\r\n.desejos-column {\r\n background: rgba(34, 197, 94, 0.06);\r\n border-left: 4px solid #22C55E;\r\n border-radius: 0 var(--border-radius) var(--border-radius) 0;\r\n padding: 32px 28px;\r\n}\r\n.desejos-column h3 {\r\n color: #22C55E;\r\n margin-bottom: 16px;\r\n}\r\n.desejos-column li {\r\n padding: 8px 0;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n list-style: none;\r\n position: relative;\r\n padding-left: 24px;\r\n}\r\n.desejos-column li::before {\r\n content: '\\2713';\r\n position: absolute;\r\n left: 0;\r\n color: #22C55E;\r\n font-weight: 700;\r\n}\r\n\r\n\/* === Se\u00e7\u00e3o 17: Compara\u00e7\u00e3o === *\/\r\n.comparison-block {\r\n padding: 32px 28px;\r\n border-radius: var(--border-radius);\r\n}\r\n.comparison-block--sem {\r\n background: rgba(239, 68, 68, 0.05);\r\n border: 1px solid rgba(239, 68, 68, 0.2);\r\n}\r\n.comparison-block--com {\r\n background: rgba(34, 197, 94, 0.05);\r\n border: 1px solid rgba(34, 197, 94, 0.2);\r\n}\r\n.comparison-block h3 {\r\n margin-bottom: 16px;\r\n}\r\n.comparison-block--sem h3 { color: #EF4444; }\r\n.comparison-block--com h3 { color: #22C55E; }\r\n.comparison-block li {\r\n padding: 8px 0;\r\n font-size: 1.05rem;\r\n list-style: none;\r\n position: relative;\r\n padding-left: 28px;\r\n}\r\n.comparison-block--sem li::before {\r\n content: '\\2717';\r\n position: absolute;\r\n left: 0;\r\n color: #EF4444;\r\n font-weight: 700;\r\n}\r\n.comparison-block--com li::before {\r\n content: '\\2713';\r\n position: absolute;\r\n left: 0;\r\n color: #22C55E;\r\n font-weight: 700;\r\n}\r\n\r\n\/* Footer m\u00ednimo *\/\r\n.footer {\r\n text-align: center;\r\n padding: 40px 20px;\r\n background: var(--bg-dark);\r\n color: var(--text-muted-light);\r\n font-size: 0.85rem;\r\n}\r\n.footer a {\r\n color: var(--primary);\r\n text-decoration: underline;\r\n}\r\n<\/style>\r\n\r\n <!-- ============================================ SECAO TRANSFERIDA PARA POSICAO MAIS ACIMA\r\n SE\u00c7\u00c3O 14: ARGUMENTOS INCONTEST\u00c1VEIS\r\n ============================================ -->\r\n <!-- section id=\"argumentos\" class=\"section--dark-gradient\">\r\n <div class=\"container text-center\">\r\n <h2 class=\"mb-lg\">Os n\u00fameros falam por si<\/h2>\r\n\r\n <div class=\"grid-2\" style=\"gap:50px; align-items:center;\">\r\n <div class=\"stat-section\">\r\n <span class=\"stat-number\">2,5M<\/span>\r\n <p class=\"stat-text\">TCCs s\u00e3o entregues por ano no Brasil<\/p>\r\n <span class=\"stat-source\">Estimativas do mercado acad\u00eamico brasileiro<\/span>\r\n <\/div>\r\n\r\n <div class=\"stat-section\">\r\n <span class=\"stat-number\">80%<\/span>\r\n <p class=\"stat-text\">dos alunos perdem pontos por erros nas normas da ABNT \u2014 n\u00e3o por falta de conte\u00fado<\/p>\r\n <span class=\"stat-source\">Google Trends: buscas por \"como fazer refer\u00eancia ABNT\" disparam todo semestre<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quote\" style=\"max-width:700px; margin:50px auto 0;\">\r\n <p style=\"color:var(--text-muted-light);\">Formatar refer\u00eancias manualmente consome horas. Contratar um profissional de normaliza\u00e7\u00e3o custa entre R$ 200 e R$ 500. O CitaF\u00e1cil resolve o problema por <span class=\"premissa-valor\">R$ 67,90<\/span>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section -->\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 15: DORES E DESEJOS\r\n ============================================ -->\r\n <section id=\"dores-desejos\" class=\"section--light\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-lg\">Voc\u00ea se identifica?<\/h2>\r\n\r\n <div class=\"grid-2\">\r\n <div class=\"dores-column\">\r\n <h3>Hoje, sem o CitaF\u00e1cil...<\/h3>\r\n <ul>\r\n <li>Desespero de quem vai entregar o trabalho em poucos dias e ainda nem formatou as refer\u00eancias<\/li>\r\n <li>Medo real de ter o trabalho reprovado por besteira na formata\u00e7\u00e3o, mesmo com conte\u00fado bom<\/li>\r\n <li>Horas perdidas tentando entender sozinho a diferen\u00e7a entre cita\u00e7\u00e3o direta e indireta<\/li>\r\n <li>Vergonha de entregar um trabalho com normaliza\u00e7\u00e3o mal feita para a banca<\/li>\r\n <li>Frustra\u00e7\u00e3o por n\u00e3o conseguir fazer sozinho e n\u00e3o ter a quem recorrer<\/li>\r\n <li>Sensa\u00e7\u00e3o de que todo mundo entende ABNT menos voc\u00ea<\/li>\r\n <li>Ficar olhando para o computador sem saber se o que est\u00e1 fazendo est\u00e1 certo<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"desejos-column\">\r\n <h3>Depois do CitaF\u00e1cil...<\/h3>\r\n <ul>\r\n <li>Entregar o trabalho com orgulho e seguran\u00e7a, sabendo que est\u00e1 100% dentro do exigido<\/li>\r\n <li>Passar pela banca com tranquilidade, sem medo de algu\u00e9m apontar erro nas normas<\/li>\r\n <li>Ser elogiado pelo orientador pela organiza\u00e7\u00e3o e capricho nas refer\u00eancias<\/li>\r\n <li>Ter finais de semana livres sem se preocupar com ajustes na normaliza\u00e7\u00e3o<\/li>\r\n <li>Economizar horas preciosas e focar no conte\u00fado \u2014 que \u00e9 o que realmente d\u00e1 nota<\/li>\r\n <li>Respirar fundo e dizer: miss\u00e3o cumprida<\/li>\r\n <li>Terminar a faculdade com uma entrega digna de nota m\u00e1xima<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center\" style=\"margin-top:40px;\">\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Quero formatar meu trabalho com seguran\u00e7a<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- ============================================\r\n SE\u00c7\u00c3O 17: COMPARA\u00c7\u00c3O COM OUTRAS SOLU\u00c7\u00d5ES\r\n ============================================ -->\r\n <section id=\"comparacao\" class=\"section--light-alt\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center mb-lg\">Qual caminho voc\u00ea vai escolher?<\/h2>\r\n\r\n <div class=\"grid-2\">\r\n <div class=\"comparison-block comparison-block--sem\">\r\n <h3>Sem o CitaF\u00e1cil<\/h3>\r\n <ul>\r\n <li>Depender de geradores gratuitos desatualizados que geram refer\u00eancias incompletas<\/li>\r\n <li>Tentar fazer tudo manualmente, consultando o manual da ABNT por horas sem certeza se est\u00e1 certo<\/li>\r\n <li>Pagar entre R$ 200 e R$ 500 para um profissional normalizar seu trabalho \u2014 e ainda precisa esperar dias pelo resultado<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"comparison-block comparison-block--com\">\r\n <h3>Com o CitaF\u00e1cil<\/h3>\r\n <ul>\r\n <li>Gerar refer\u00eancias prontas em segundos com o gerador online<\/li>\r\n <li>Aprender cita\u00e7\u00f5es e refer\u00eancias de verdade com o minicurso pr\u00e1tico<\/li>\r\n <li>Consultar o guia r\u00e1pido sempre que surgir uma d\u00favida<\/li>\r\n <li>Ter suporte por WhatsApp se precisar de ajuda<\/li>\r\n <li>Tudo por R$ 67,90, com acesso vital\u00edcio e resultado imediato<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-center\" style=\"margin-top:50px;\">\r\n <p style=\"font-size:1.2rem; color:var(--text-muted); margin-bottom:24px; font-family:var(--subtitulo-family), sans-serif;\">Voc\u00ea precisa de uma ferramenta que simplifique o processo e te ajude a fazer certo.<\/p>\r\n <a href=\"https:\/\/pay.hotmart.com\/C103311686G?checkoutMode=10\" class=\"btn-cta--solido\">Garantir meu acesso por R$ 67,90<\/a>\r\n <p style=\"font-size:0.9rem; color:var(--text-muted); margin-top:12px;\">Garantia incondicional de 7 dias. Sem perguntas, sem burocracia.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer m\u00ednimo -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <p>CitaF\u00e1cil - Refer\u00eancias e Cita\u00e7\u00f5es sem Complica\u00e7\u00e3o<\/p>\r\n <p style=\"margin-top:8px;\">D\u00favidas? <a href=\"mailto:suporte@codebraket.com\">suporte@codebraket.com<\/a><\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CitaF\u00e1cil – Refer\u00eancias e Cita\u00e7\u00f5es sem Complica\u00e7\u00e3o Seu Trabalho Acad\u00eamico 100% na ABNT – veja a FERRAMENTA que faz isso por voc\u00ea Ningu\u00e9m deveria reprovar por uma v\u00edrgula na REFER\u00caNCIA A maioria das reprova\u00e7\u00f5es por formata\u00e7\u00e3o acontece num detalhe que nenhum aluno percebe at\u00e9 ser tarde demais Evite erros invis\u00edveis que podem comprometer sua nota […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-326","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/pages\/326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/comments?post=326"}],"version-history":[{"count":7,"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/pages\/326\/revisions"}],"predecessor-version":[{"id":333,"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/pages\/326\/revisions\/333"}],"wp:attachment":[{"href":"https:\/\/citamais.ia.br\/pvs\/wp-json\/wp\/v2\/media?parent=326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}