{"id":2803,"date":"2026-05-20T17:07:49","date_gmt":"2026-05-20T20:07:49","guid":{"rendered":"https:\/\/observatoriodecampina.com\/?page_id=2803"},"modified":"2026-05-20T17:09:22","modified_gmt":"2026-05-20T20:09:22","slug":"botao-conecta","status":"publish","type":"page","link":"https:\/\/observatoriodecampina.com\/?page_id=2803","title":{"rendered":"Bot\u00e3o CONECTA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2803\" class=\"elementor elementor-2803\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1da5fbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1da5fbf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a24d7b3\" data-id=\"a24d7b3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce262f2 elementor-widget elementor-widget-html\" data-id=\"ce262f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n  \r\n  <style>\r\n    * {\r\n      box-sizing: border-box;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      padding: 0;\r\n      font-family: 'Montserrat', sans-serif;\r\n      background-color: #e8f1ed; \/* Tom claro do app *\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center; \/* Centraliza\u00e7\u00e3o absoluta *\/\r\n      justify-content: flex-start;\r\n      min-height: 100vh;\r\n      overflow-x: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    \/* Marca d'\u00e1gua institucional ao fundo *\/\r\n    body::before {\r\n      content: \"\";\r\n      position: fixed;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 320px; height: 320px;\r\n      background-image: url('UFCG-Central-Selo-SemFundo.png'); \/* Substitua pela URL da sua m\u00eddia *\/\r\n      background-repeat: no-repeat;\r\n      background-position: center;\r\n      background-size: contain;\r\n      opacity: 0.06;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .app-screen {\r\n      z-index: 1;\r\n      width: 90%;\r\n      max-width: 400px;\r\n      padding: 50px 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* T\u00edtulo Principal *\/\r\n    h1 {\r\n      font-size: 24px;\r\n      font-weight: 800;\r\n      color: #1e4d92; \/* Azul UFCG *\/\r\n      margin-bottom: 25px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 2px;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* Card Informativo *\/\r\n    .info-card {\r\n      background: rgba(255, 255, 255, 0.6);\r\n      backdrop-filter: blur(8px);\r\n      border-radius: 20px;\r\n      padding: 20px;\r\n      margin-bottom: 25px;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.05);\r\n      border: 1px solid rgba(255,255,255,0.2);\r\n    }\r\n\r\n    .info-card p {\r\n      font-size: 14px;\r\n      line-height: 1.6;\r\n      color: #333;\r\n      text-align: justify;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Formulario Estilizado *\/\r\n    .event-form {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n\r\n    .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 5px;\r\n      text-align: left;\r\n      width: 100%;\r\n    }\r\n\r\n    .form-group label {\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: #4a73b4;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      padding-left: 5px;\r\n    }\r\n\r\n    .form-group input, .form-group textarea {\r\n      width: 100%;\r\n      padding: 15px;\r\n      border-radius: 15px;\r\n      border: 1px solid rgba(74, 115, 180, 0.2);\r\n      background: rgba(255, 255, 255, 0.8);\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-size: 14px;\r\n      color: #333;\r\n      outline: none;\r\n      transition: border-color 0.3s;\r\n    }\r\n\r\n    .form-group input:focus, .form-group textarea:focus {\r\n      border-color: #1e4d92;\r\n    }\r\n\r\n    \/* Bot\u00e3o de Envio (Estilo do App) *\/\r\n    .submit-btn {\r\n      background-color: rgba(74, 115, 180, 0.9);\r\n      backdrop-filter: blur(5px);\r\n      color: white;\r\n      border: none;\r\n      border-radius: 20px;\r\n      padding: 18px;\r\n      font-weight: 700;\r\n      font-size: 15px;\r\n      letter-spacing: 1.2px;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n      margin-top: 10px;\r\n    }\r\n\r\n    .submit-btn:hover {\r\n      background-color: rgba(74, 115, 180, 1);\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 18px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    \/* Bot\u00e3o Voltar *\/\r\n    .footer-nav {\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .back-btn {\r\n      background-color: #1e4d92;\r\n      color: white;\r\n      text-decoration: none;\r\n      padding: 14px 45px;\r\n      border-radius: 30px;\r\n      font-weight: 800;\r\n      font-size: 12px;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1.5px;\r\n      display: inline-block;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"app-screen\">\r\n    <h1>Conecta Campus<\/h1>\r\n\r\n    <div class=\"info-card\">\r\n      <p>\r\n        Utilize este espa\u00e7o para sugerir pautas, eventos e acontecimentos que viraram ou podem virar not\u00edcia no nosso campus. Colabore com a cobertura jornal\u00edstica da institui\u00e7\u00e3o!\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <form class=\"event-form\" action=\"#\" method=\"POST\">\r\n      <div class=\"form-group\">\r\n        <label for=\"nome\">Seu Nome<\/label>\r\n        <input type=\"text\" id=\"nome\" name=\"nome\" placeholder=\"Digite seu nome completo\" required>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"titulo\">T\u00edtulo do Evento \/ Not\u00edcia<\/label>\r\n        <input type=\"text\" id=\"titulo\" name=\"titulo\" placeholder=\"Ex: Simp\u00f3sio de Tecnologia 2026\" required>\r\n      <\/div>\r\n\r\n      <div class=\"form-group\">\r\n        <label for=\"descricao\">Descri\u00e7\u00e3o e Detalhes<\/label>\r\n        <textarea id=\"descricao\" name=\"descricao\" rows=\"4\" placeholder=\"Conte-nos o que aconteceu ou vai acontecer (Data, hor\u00e1rio, local e objetivo)...\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"submit-btn\">Enviar Sugest\u00e3o<\/button>\r\n    <\/form>\r\n\r\n    <div class=\"footer-nav\">\r\n      <a href=\"LINK_DA_HOME\" class=\"back-btn\">Voltar ao Menu<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Conecta Campus Utilize este espa\u00e7o para sugerir pautas, eventos e acontecimentos que viraram ou podem virar not\u00edcia no nosso campus. Colabore com a cobertura jornal\u00edstica da institui\u00e7\u00e3o! Seu Nome T\u00edtulo do Evento \/ Not\u00edcia Descri\u00e7\u00e3o e Detalhes Enviar Sugest\u00e3o Voltar ao Menu<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2803","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2803"}],"version-history":[{"count":4,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2803\/revisions"}],"predecessor-version":[{"id":2807,"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=\/wp\/v2\/pages\/2803\/revisions\/2807"}],"wp:attachment":[{"href":"https:\/\/observatoriodecampina.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}