{"id":9,"date":"2026-09-22T03:53:45","date_gmt":"2026-09-22T03:53:45","guid":{"rendered":"https:\/\/interativa360.net\/?page_id=9"},"modified":"2026-09-22T03:54:27","modified_gmt":"2026-09-22T03:54:27","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/interativa360.net\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-424e68b e-con e-atomic-element e-flexbox-base e-ee2ffd2 \" data-id=\"424e68b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"424e68b\">\n    \t\t<div class=\"elementor-element elementor-element-274ecae elementor-widget elementor-widget-html\" data-id=\"274ecae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =============================================================\r\n     INTERATIVA 360 - EM BREVE (CULTURE & TECH COMING SOON)\r\n     C\u00f3digo pronto para copiar e colar no widget \"HTML\" do Elementor\r\n     ============================================================= -->\r\n\r\n<div id=\"i360-root\">\r\n  <!-- Fundo Animado Cultural & Tech (Canvas + Nebulosas) -->\r\n  <div class=\"i360-bg-wrapper\">\r\n    <div class=\"i360-nebula i360-nebula-orange\"><\/div>\r\n    <div class=\"i360-nebula i360-nebula-green\"><\/div>\r\n    <div class=\"i360-nebula i360-nebula-cyan\"><\/div>\r\n    <div class=\"i360-nebula i360-nebula-amber\"><\/div>\r\n    <div class=\"i360-grid-pattern\"><\/div>\r\n    <canvas id=\"i360-canvas\"><\/canvas>\r\n    <div class=\"i360-vignette\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Conte\u00fado Principal -->\r\n  <main class=\"i360-main\">\r\n    <header class=\"i360-header\">\r\n      <!-- Logo Interativa360 -->\r\n      <div class=\"i360-logo-wrapper\">\r\n        <div class=\"i360-logo-frame\">\r\n          <img decoding=\"async\" \r\n            src=\"https:\/\/interativa360.net\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-9-de-ago.-de-2026-18_02_01.png\" \r\n            alt=\"Interativa360\" \r\n            class=\"i360-logo-img\"\r\n          \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Texto Institucional -->\r\n      <p class=\"i360-description\">\r\n        Somos uma startup de tecnologia focada na cria\u00e7\u00e3o de solu\u00e7\u00f5es culturais. Integramos criatividade, inova\u00e7\u00e3o e sustentabilidade para desenvolver plataformas digitais, experi\u00eancias imersivas e oportunidades que fortalecem a economia criativa.\r\n      <\/p>\r\n\r\n      <!-- Contador Regressivo (10 Dias) -->\r\n      <div class=\"i360-countdown\">\r\n        <div class=\"i360-count-card i360-card-orange\">\r\n          <span class=\"i360-count-num\" id=\"i360-days\">10<\/span>\r\n          <span class=\"i360-count-label\">Dias<\/span>\r\n        <\/div>\r\n        <div class=\"i360-count-card i360-card-green\">\r\n          <span class=\"i360-count-num\" id=\"i360-hours\">00<\/span>\r\n          <span class=\"i360-count-label\">Horas<\/span>\r\n        <\/div>\r\n        <div class=\"i360-count-card i360-card-green\">\r\n          <span class=\"i360-count-num\" id=\"i360-minutes\">00<\/span>\r\n          <span class=\"i360-count-label\">Minutos<\/span>\r\n        <\/div>\r\n        <div class=\"i360-count-card i360-card-brand\">\r\n          <span class=\"i360-count-num i360-num-accent\" id=\"i360-seconds\">00<\/span>\r\n          <span class=\"i360-count-label i360-label-accent\">Segundos<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Bot\u00f5es de Contato e Redes Sociais -->\r\n      <div class=\"i360-contacts\">\r\n        <!-- WhatsApp -->\r\n        <a \r\n          href=\"https:\/\/wa.me\/5594981451347\" \r\n          target=\"_blank\" \r\n          rel=\"noopener noreferrer\" \r\n          class=\"i360-contact-btn i360-btn-whatsapp\"\r\n          aria-label=\"Contato pelo WhatsApp (94) 98145-1347\"\r\n        >\r\n          <span class=\"i360-btn-icon i360-icon-whatsapp\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\" \/>\r\n              <path d=\"M8 12h.01M12 12h.01M16 12h.01\" \/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div class=\"i360-btn-text\">\r\n            <span class=\"i360-btn-label\">WhatsApp<\/span>\r\n            <span class=\"i360-btn-value\">(94) 98145-1347<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Instagram -->\r\n        <a \r\n          href=\"https:\/\/instagram.com\/Interativa360Oficial\" \r\n          target=\"_blank\" \r\n          rel=\"noopener noreferrer\" \r\n          class=\"i360-contact-btn i360-btn-instagram\"\r\n          aria-label=\"Perfil no Instagram @Interativa360Oficial\"\r\n        >\r\n          <span class=\"i360-btn-icon i360-icon-instagram\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\" \/>\r\n              <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\" \/>\r\n              <line x1=\"17.5\" x2=\"17.51\" y1=\"6.5\" y2=\"6.5\" \/>\r\n            <\/svg>\r\n          <\/span>\r\n          <div class=\"i360-btn-text\">\r\n            <span class=\"i360-btn-label\">Instagram<\/span>\r\n            <span class=\"i360-btn-value\">@Interativa360Oficial<\/span>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/header>\r\n  <\/main>\r\n<\/div>\r\n\r\n<!-- =============================================================\r\n     ESTILOS CSS ISOLADOS (COMPAT\u00cdVEIS COM ELEMENTOR & WORDPRESS)\r\n     ============================================================= -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Poppins:wght@500;600;700;800&display=swap');\r\n\r\n  #i360-root {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    min-height: 100dvh;\r\n    background-color: #070b14;\r\n    color: #f8fafc;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  #i360-root * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Fundo e Canvas *\/\r\n  .i360-bg-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #i360-canvas {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    mix-blend-mode: screen;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .i360-grid-pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n      linear-gradient(to right, rgba(0, 214, 64, 0.04) 1px, transparent 1px),\r\n      linear-gradient(to bottom, rgba(255, 85, 0, 0.04) 1px, transparent 1px);\r\n    background-size: 52px 52px;\r\n  }\r\n\r\n  .i360-nebula {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    mix-blend-mode: screen;\r\n    filter: blur(140px);\r\n    pointer-events: none;\r\n    animation: i360-blob 8s infinite alternate ease-in-out;\r\n  }\r\n\r\n  .i360-nebula-orange {\r\n    top: -10%;\r\n    left: -10%;\r\n    width: 580px;\r\n    height: 580px;\r\n    background: #FF5500;\r\n    opacity: 0.32;\r\n  }\r\n\r\n  .i360-nebula-green {\r\n    top: 25%;\r\n    right: -10%;\r\n    width: 640px;\r\n    height: 640px;\r\n    background: #00D640;\r\n    opacity: 0.28;\r\n    animation-delay: 3s;\r\n  }\r\n\r\n  .i360-nebula-cyan {\r\n    bottom: -15%;\r\n    left: 20%;\r\n    width: 680px;\r\n    height: 680px;\r\n    background: #00F0FF;\r\n    opacity: 0.22;\r\n    animation-delay: 6s;\r\n  }\r\n\r\n  .i360-nebula-amber {\r\n    top: 55%;\r\n    left: -15%;\r\n    width: 480px;\r\n    height: 480px;\r\n    background: #FFB800;\r\n    opacity: 0.18;\r\n    animation-delay: 4.5s;\r\n  }\r\n\r\n  .i360-vignette {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(ellipse at 50% 48%, rgba(7, 11, 20, 0.45) 0%, rgba(7, 11, 20, 0.68) 55%, rgba(7, 11, 20, 0.94) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes i360-blob {\r\n    0% { transform: translate(0px, 0px) scale(1); }\r\n    50% { transform: translate(25px, -35px) scale(1.08); }\r\n    100% { transform: translate(-20px, 20px) scale(0.95); }\r\n  }\r\n\r\n  \/* Conte\u00fado *\/\r\n  .i360-main {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 48px 24px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .i360-header {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    animation: i360-fade-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  @keyframes i360-fade-up {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  \/* Frame de Recorte da Logo (Elimina todo o espa\u00e7o vazio transparente da imagem original) *\/\r\n  .i360-logo-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .i360-logo-frame {\r\n    width: 100%;\r\n    max-width: 680px;\r\n    aspect-ratio: 1408 \/ 152;\r\n    overflow: hidden;\r\n    position: relative;\r\n    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.7));\r\n  }\r\n\r\n  .i360-logo-img {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 104%;\r\n    height: auto;\r\n    transform: translate(-50%, -47.3%);\r\n    pointer-events: none;\r\n    display: block;\r\n  }\r\n\r\n  \/* Descri\u00e7\u00e3o *\/\r\n  .i360-description {\r\n    font-size: 16px;\r\n    line-height: 1.65;\r\n    color: #cbd5e1;\r\n    max-width: 640px;\r\n    margin: 0 auto 40px auto;\r\n    font-weight: 400;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .i360-description {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  \/* Grid do Contador *\/\r\n  .i360-countdown {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    width: 100%;\r\n    max-width: 740px;\r\n    margin: 0 auto 44px auto;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .i360-countdown {\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  .i360-count-card {\r\n    background: rgba(30, 41, 59, 0.45);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 18px;\r\n    padding: 20px 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .i360-count-card:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .i360-card-orange:hover {\r\n    border-color: rgba(255, 85, 0, 0.55);\r\n    box-shadow: 0 0 25px rgba(255, 85, 0, 0.25);\r\n  }\r\n\r\n  .i360-card-green:hover {\r\n    border-color: rgba(0, 214, 64, 0.55);\r\n    box-shadow: 0 0 25px rgba(0, 214, 64, 0.25);\r\n  }\r\n\r\n  .i360-card-brand {\r\n    border-color: rgba(0, 214, 64, 0.35);\r\n  }\r\n\r\n  .i360-card-brand:hover {\r\n    border-color: rgba(0, 214, 64, 0.75);\r\n    box-shadow: 0 0 28px rgba(0, 214, 64, 0.35);\r\n  }\r\n\r\n  .i360-count-num {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.1;\r\n    margin-bottom: 4px;\r\n    letter-spacing: -0.5px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    .i360-count-num {\r\n      font-size: 48px;\r\n    }\r\n  }\r\n\r\n  .i360-count-card:hover .i360-count-num {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .i360-num-accent {\r\n    color: #00D640;\r\n  }\r\n\r\n  .i360-count-label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.2px;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .i360-label-accent {\r\n    color: rgba(0, 214, 64, 0.85);\r\n  }\r\n\r\n  \/* Bot\u00f5es de Contato *\/\r\n  .i360-contacts {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    width: 100%;\r\n    max-width: 540px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .i360-contacts {\r\n      flex-direction: row;\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  .i360-contact-btn {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 12px 24px;\r\n    border-radius: 9999px;\r\n    background: rgba(30, 41, 59, 0.45);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    text-decoration: none;\r\n    color: #e2e8f0;\r\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .i360-contact-btn {\r\n      width: auto;\r\n    }\r\n  }\r\n\r\n  .i360-btn-whatsapp:hover {\r\n    background: rgba(0, 214, 64, 0.12);\r\n    border-color: rgba(0, 214, 64, 0.6);\r\n    box-shadow: 0 0 25px rgba(0, 214, 64, 0.25);\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .i360-btn-instagram:hover {\r\n    background: rgba(255, 85, 0, 0.12);\r\n    border-color: rgba(244, 63, 94, 0.6);\r\n    box-shadow: 0 0 25px rgba(244, 63, 94, 0.25);\r\n    color: #ffffff;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .i360-btn-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 7px;\r\n    border-radius: 50%;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .i360-icon-whatsapp {\r\n    background: rgba(0, 214, 64, 0.18);\r\n    color: #00D640;\r\n  }\r\n\r\n  .i360-btn-whatsapp:hover .i360-icon-whatsapp {\r\n    background: #00D640;\r\n    color: #ffffff;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .i360-icon-instagram {\r\n    background: rgba(244, 63, 94, 0.18);\r\n    color: #fb7185;\r\n  }\r\n\r\n  .i360-btn-instagram:hover .i360-icon-instagram {\r\n    background: linear-gradient(45deg, #f59e0b, #ec4899, #8b5cf6);\r\n    color: #ffffff;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .i360-btn-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n  }\r\n\r\n  .i360-btn-label {\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-weight: 600;\r\n    color: #94a3b8;\r\n  }\r\n\r\n  .i360-btn-value {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    letter-spacing: 0.3px;\r\n  }\r\n<\/style>\r\n\r\n<!-- =============================================================\r\n     JAVASCRIPT: CONTADOR E FUNDO ANIMADO CULTURAL\/TECNOL\u00d3GICO\r\n     ============================================================= -->\r\n<script>\r\n(function() {\r\n  \/\/ -------------------------------------------------------------\r\n  \/\/ 1. CONTADOR REGRESSIVO DE 10 DIAS\r\n  \/\/ -------------------------------------------------------------\r\n  const STORAGE_KEY = 'interativa360_launch_10d';\r\n  localStorage.removeItem('interativa360_launchDate');\r\n\r\n  let targetDate = localStorage.getItem(STORAGE_KEY);\r\n  if (!targetDate) {\r\n    const now = Date.now();\r\n    const tenDaysMs = 10 * 24 * 60 * 60 * 1000;\r\n    targetDate = (now + tenDaysMs).toString();\r\n    localStorage.setItem(STORAGE_KEY, targetDate);\r\n  }\r\n\r\n  const daysEl = document.getElementById('i360-days');\r\n  const hoursEl = document.getElementById('i360-hours');\r\n  const minutesEl = document.getElementById('i360-minutes');\r\n  const secondsEl = document.getElementById('i360-seconds');\r\n\r\n  function updateCountdown() {\r\n    const now = Date.now();\r\n    const distance = parseInt(targetDate, 10) - now;\r\n\r\n    if (distance <= 0) {\r\n      if (daysEl) daysEl.textContent = '00';\r\n      if (hoursEl) hoursEl.textContent = '00';\r\n      if (minutesEl) minutesEl.textContent = '00';\r\n      if (secondsEl) secondsEl.textContent = '00';\r\n      return;\r\n    }\r\n\r\n    const d = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n    const h = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n    const m = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n    const s = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n    if (daysEl) daysEl.textContent = String(d).padStart(2, '0');\r\n    if (hoursEl) hoursEl.textContent = String(h).padStart(2, '0');\r\n    if (minutesEl) minutesEl.textContent = String(m).padStart(2, '0');\r\n    if (secondsEl) secondsEl.textContent = String(s).padStart(2, '0');\r\n  }\r\n\r\n  updateCountdown();\r\n  setInterval(updateCountdown, 1000);\r\n\r\n  \/\/ -------------------------------------------------------------\r\n  \/\/ 2. CANVAS CULTURAL & TECH LIVING ANIMATION\r\n  \/\/ -------------------------------------------------------------\r\n  const canvas = document.getElementById('i360-canvas');\r\n  if (!canvas) return;\r\n\r\n  const ctx = canvas.getContext('2d', { alpha: true });\r\n  if (!ctx) return;\r\n\r\n  let width = window.innerWidth;\r\n  let height = window.innerHeight;\r\n\r\n  const mouse = {\r\n    x: width \/ 2,\r\n    y: height \/ 2,\r\n    targetX: width \/ 2,\r\n    targetY: height \/ 2,\r\n    active: false,\r\n    pulseRadius: 0\r\n  };\r\n\r\n  function resize() {\r\n    width = window.innerWidth;\r\n    height = window.innerHeight;\r\n    const dpr = Math.min(window.devicePixelRatio || 1, 2);\r\n    canvas.width = width * dpr;\r\n    canvas.height = height * dpr;\r\n    canvas.style.width = width + 'px';\r\n    canvas.style.height = height + 'px';\r\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\r\n    ctx.scale(dpr, dpr);\r\n  }\r\n\r\n  window.addEventListener('resize', resize);\r\n  window.addEventListener('mousemove', function(e) {\r\n    mouse.targetX = e.clientX;\r\n    mouse.targetY = e.clientY;\r\n    mouse.active = true;\r\n  }, { passive: true });\r\n\r\n  window.addEventListener('touchmove', function(e) {\r\n    if (e.touches.length > 0) {\r\n      mouse.targetX = e.touches[0].clientX;\r\n      mouse.targetY = e.touches[0].clientY;\r\n      mouse.active = true;\r\n    }\r\n  }, { passive: true });\r\n\r\n  window.addEventListener('click', function(e) {\r\n    mouse.targetX = e.clientX;\r\n    mouse.targetY = e.clientY;\r\n    mouse.pulseRadius = 250;\r\n  });\r\n\r\n  resize();\r\n\r\n  \/\/ Cores\r\n  const brandGreen = '#00D640';\r\n  const brandOrange = '#FF5500';\r\n  const cyberCyan = '#00F0FF';\r\n  const solarGold = '#FFB800';\r\n\r\n  const colorPairs = [\r\n    { core: brandGreen, glow: 'rgba(0, 214, 64, 0.4)' },\r\n    { core: brandOrange, glow: 'rgba(255, 85, 0, 0.45)' },\r\n    { core: cyberCyan, glow: 'rgba(0, 240, 255, 0.4)' },\r\n    { core: solarGold, glow: 'rgba(255, 184, 0, 0.4)' }\r\n  ];\r\n\r\n  \/\/ Part\u00edculas da Constela\u00e7\u00e3o\r\n  const count = Math.min(Math.floor((width * height) \/ 16000), 75);\r\n  const particles = [];\r\n  for (let i = 0; i < count; i++) {\r\n    const pair = colorPairs[Math.floor(Math.random() * colorPairs.length)];\r\n    particles.push({\r\n      x: Math.random() * width,\r\n      y: Math.random() * height,\r\n      vx: (Math.random() - 0.5) * 0.55,\r\n      vy: (Math.random() - 0.5) * 0.55,\r\n      radius: Math.random() * 2 + 1.4,\r\n      color: pair.core,\r\n      glowColor: pair.glow,\r\n      baseAlpha: Math.random() * 0.45 + 0.45,\r\n      pulseSpeed: 0.02 + Math.random() * 0.03,\r\n      pulsePhase: Math.random() * Math.PI * 2\r\n    });\r\n  }\r\n\r\n  \/\/ Pacotes de dados\r\n  const packets = [];\r\n\r\n  \/\/ Part\u00edculas do Rio de Luz\r\n  const riverParticles = [];\r\n  for (let i = 0; i < 35; i++) {\r\n    riverParticles.push({\r\n      x: Math.random() * width,\r\n      yRatio: 0.65 + (Math.random() - 0.5) * 0.25,\r\n      speed: Math.random() * 1.2 + 0.6,\r\n      amplitude: Math.random() * 25 + 20,\r\n      frequency: 0.002 + Math.random() * 0.0015,\r\n      phase: Math.random() * Math.PI * 2,\r\n      size: Math.random() * 2.2 + 1,\r\n      color: Math.random() > 0.5 ? brandGreen : (Math.random() > 0.5 ? brandOrange : cyberCyan),\r\n      alpha: Math.random() * 0.6 + 0.3\r\n    });\r\n  }\r\n\r\n  \/\/ Glifos Flutuantes\r\n  const glyphs = [];\r\n  const types = ['diamond', 'stepped', 'circuit', 'spiral'];\r\n  for (let i = 0; i < 14; i++) {\r\n    glyphs.push({\r\n      x: Math.random() * width,\r\n      y: Math.random() * height,\r\n      vx: (Math.random() - 0.5) * 0.35,\r\n      vy: (Math.random() - 0.5) * 0.35,\r\n      size: Math.random() * 18 + 12,\r\n      rotation: Math.random() * Math.PI * 2,\r\n      vRot: (Math.random() - 0.5) * 0.008,\r\n      type: types[i % types.length],\r\n      color: Math.random() > 0.4 ? brandOrange : brandGreen,\r\n      alpha: Math.random() * 0.25 + 0.15\r\n    });\r\n  }\r\n\r\n  let globalRotation = 0;\r\n  let waveTime = 0;\r\n\r\n  \/\/ Mandala Marajoara Cibern\u00e9tica\r\n  function drawMandala(cx, cy, radius, angle, baseAlpha) {\r\n    ctx.save();\r\n    ctx.translate(cx, cy);\r\n    ctx.rotate(angle);\r\n\r\n    ctx.strokeStyle = 'rgba(0, 214, 64, ' + (baseAlpha * 0.7) + ')';\r\n    ctx.lineWidth = 1.4;\r\n    ctx.beginPath();\r\n    ctx.arc(0, 0, radius, 0, Math.PI * 0.7);\r\n    ctx.stroke();\r\n    ctx.beginPath();\r\n    ctx.arc(0, 0, radius, Math.PI * 0.85, Math.PI * 1.55);\r\n    ctx.stroke();\r\n    ctx.beginPath();\r\n    ctx.arc(0, 0, radius, Math.PI * 1.7, Math.PI * 1.95);\r\n    ctx.stroke();\r\n\r\n    const ticks = 24;\r\n    ctx.strokeStyle = 'rgba(255, 184, 0, ' + (baseAlpha * 0.6) + ')';\r\n    ctx.lineWidth = 1.2;\r\n    for (let i = 0; i < ticks; i++) {\r\n      const a = (i * Math.PI * 2) \/ ticks;\r\n      const r1 = radius * 0.94;\r\n      const r2 = radius * (i % 3 === 0 ? 1.05 : 0.99);\r\n      ctx.beginPath();\r\n      ctx.moveTo(Math.cos(a) * r1, Math.sin(a) * r1);\r\n      ctx.lineTo(Math.cos(a) * r2, Math.sin(a) * r2);\r\n      ctx.stroke();\r\n    }\r\n\r\n    ctx.rotate(-angle * 1.6);\r\n    ctx.strokeStyle = 'rgba(255, 85, 0, ' + (baseAlpha * 0.75) + ')';\r\n    ctx.lineWidth = 1.6;\r\n\r\n    const steps = 4;\r\n    for (let s = 1; s <= steps; s++) {\r\n      const stepR = radius * (0.28 + (s \/ steps) * 0.45);\r\n      ctx.beginPath();\r\n      ctx.moveTo(0, -stepR);\r\n      ctx.lineTo(stepR * 0.35, -stepR * 0.65);\r\n      ctx.lineTo(stepR, 0);\r\n      ctx.lineTo(stepR * 0.35, stepR * 0.65);\r\n      ctx.lineTo(0, stepR);\r\n      ctx.lineTo(-stepR * 0.35, stepR * 0.65);\r\n      ctx.lineTo(-stepR, 0);\r\n      ctx.lineTo(-stepR * 0.35, -stepR * 0.65);\r\n      ctx.closePath();\r\n      ctx.stroke();\r\n    }\r\n\r\n    ctx.rotate(angle * 2.2);\r\n    ctx.strokeStyle = 'rgba(0, 240, 255, ' + (baseAlpha * 0.8) + ')';\r\n    ctx.lineWidth = 1.2;\r\n    ctx.beginPath();\r\n    ctx.arc(0, 0, radius * 0.18, 0, Math.PI * 2);\r\n    ctx.stroke();\r\n\r\n    ctx.fillStyle = 'rgba(0, 214, 64, ' + (baseAlpha * 0.9) + ')';\r\n    ctx.beginPath();\r\n    ctx.arc(0, 0, 3.5, 0, Math.PI * 2);\r\n    ctx.fill();\r\n\r\n    ctx.restore();\r\n  }\r\n\r\n  \/\/ Glifos\r\n  function drawGlyph(g) {\r\n    ctx.save();\r\n    ctx.translate(g.x, g.y);\r\n    ctx.rotate(g.rotation);\r\n    ctx.strokeStyle = g.color;\r\n    ctx.lineWidth = 1.2;\r\n    ctx.globalAlpha = g.alpha;\r\n\r\n    const s = g.size;\r\n    if (g.type === 'stepped') {\r\n      ctx.beginPath();\r\n      ctx.moveTo(-s \/ 2, s \/ 2);\r\n      ctx.lineTo(-s \/ 2, 0);\r\n      ctx.lineTo(-s \/ 4, 0);\r\n      ctx.lineTo(-s \/ 4, -s \/ 2);\r\n      ctx.lineTo(s \/ 4, -s \/ 2);\r\n      ctx.lineTo(s \/ 4, 0);\r\n      ctx.lineTo(s \/ 2, 0);\r\n      ctx.lineTo(s \/ 2, s \/ 2);\r\n      ctx.stroke();\r\n    } else if (g.type === 'diamond') {\r\n      ctx.beginPath();\r\n      ctx.moveTo(0, -s \/ 2);\r\n      ctx.lineTo(s \/ 2, 0);\r\n      ctx.lineTo(0, s \/ 2);\r\n      ctx.lineTo(-s \/ 2, 0);\r\n      ctx.closePath();\r\n      ctx.stroke();\r\n      ctx.beginPath();\r\n      ctx.arc(0, 0, 2, 0, Math.PI * 2);\r\n      ctx.fillStyle = g.color;\r\n      ctx.fill();\r\n    } else if (g.type === 'circuit') {\r\n      ctx.beginPath();\r\n      ctx.moveTo(-s \/ 2, -s \/ 3);\r\n      ctx.lineTo(0, -s \/ 3);\r\n      ctx.lineTo(s \/ 3, s \/ 3);\r\n      ctx.lineTo(s \/ 2, s \/ 3);\r\n      ctx.stroke();\r\n      ctx.beginPath();\r\n      ctx.arc(s \/ 2, s \/ 3, 2.5, 0, Math.PI * 2);\r\n      ctx.stroke();\r\n    } else if (g.type === 'spiral') {\r\n      ctx.beginPath();\r\n      for (let a = 0; a < Math.PI * 3; a += 0.25) {\r\n        const r = (a \/ (Math.PI * 3)) * (s \/ 2);\r\n        const px = Math.cos(a) * r;\r\n        const py = Math.sin(a) * r;\r\n        if (a === 0) ctx.moveTo(px, py);\r\n        else ctx.lineTo(px, py);\r\n      }\r\n      ctx.stroke();\r\n    }\r\n    ctx.restore();\r\n  }\r\n\r\n  \/\/ Ondas do Rio\r\n  function drawWaves(t) {\r\n    for (let i = 0; i < 3; i++) {\r\n      ctx.save();\r\n      const isGreen = i === 0;\r\n      const isOrange = i === 1;\r\n      const strokeColor = isGreen\r\n        ? 'rgba(0, 214, 64, 0.18)'\r\n        : isOrange\r\n        ? 'rgba(255, 85, 0, 0.15)'\r\n        : 'rgba(0, 240, 255, 0.14)';\r\n\r\n      ctx.strokeStyle = strokeColor;\r\n      ctx.lineWidth = isGreen ? 2 : 1.5;\r\n      ctx.beginPath();\r\n\r\n      const baseY = height * (0.68 + i * 0.1);\r\n      const freq = 0.0016 + i * 0.0004;\r\n      const speed = t * (isGreen ? 1.2 : 0.9) + i * 1.5;\r\n\r\n      for (let x = 0; x <= width; x += 12) {\r\n        const y = baseY + Math.sin(x * freq + speed) * (38 + i * 8) + Math.cos(x * 0.0008 + speed * 0.6) * 18;\r\n        if (x === 0) ctx.moveTo(x, y);\r\n        else ctx.lineTo(x, y);\r\n      }\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    }\r\n  }\r\n\r\n  \/\/ Loop de Anima\u00e7\u00e3o\r\n  function animate() {\r\n    mouse.x += (mouse.targetX - mouse.x) * 0.06;\r\n    mouse.y += (mouse.targetY - mouse.y) * 0.06;\r\n\r\n    if (mouse.pulseRadius > 0) {\r\n      mouse.pulseRadius *= 0.95;\r\n      if (mouse.pulseRadius < 1) mouse.pulseRadius = 0;\r\n    }\r\n\r\n    globalRotation += 0.0022;\r\n    waveTime += 0.012;\r\n\r\n    ctx.clearRect(0, 0, width, height);\r\n\r\n    \/\/ Mandalas\r\n    const r1 = Math.min(width, height) * 0.38;\r\n    drawMandala(width * 0.12, height * 0.22, r1, globalRotation, 0.32);\r\n\r\n    const r2 = Math.min(width, height) * 0.34;\r\n    drawMandala(width * 0.88, height * 0.78, r2, -globalRotation * 0.85, 0.28);\r\n\r\n    const r3 = Math.min(width, height) * 0.22;\r\n    drawMandala(width * 0.82, height * 0.16, r3, globalRotation * 1.3, 0.22);\r\n\r\n    \/\/ Ondas e Brasas\r\n    drawWaves(waveTime);\r\n\r\n    for (let i = 0; i < riverParticles.length; i++) {\r\n      const rp = riverParticles[i];\r\n      rp.x += rp.speed;\r\n      if (rp.x > width + 20) rp.x = -20;\r\n\r\n      const waveY = height * rp.yRatio + Math.sin(rp.x * rp.frequency + waveTime + rp.phase) * rp.amplitude;\r\n\r\n      ctx.save();\r\n      ctx.fillStyle = rp.color;\r\n      ctx.globalAlpha = rp.alpha;\r\n      ctx.beginPath();\r\n      ctx.arc(rp.x, waveY, rp.size, 0, Math.PI * 2);\r\n      ctx.fill();\r\n\r\n      ctx.globalAlpha = rp.alpha * 0.4;\r\n      ctx.beginPath();\r\n      ctx.arc(rp.x, waveY, rp.size * 2.8, 0, Math.PI * 2);\r\n      ctx.fill();\r\n      ctx.restore();\r\n    }\r\n\r\n    \/\/ Glifos\r\n    for (let i = 0; i < glyphs.length; i++) {\r\n      const g = glyphs[i];\r\n      g.x += g.vx;\r\n      g.y += g.vy;\r\n      g.rotation += g.vRot;\r\n\r\n      if (g.x < -40) g.x = width + 40;\r\n      else if (g.x > width + 40) g.x = -40;\r\n      if (g.y < -40) g.y = height + 40;\r\n      else if (g.y > height + 40) g.y = -40;\r\n\r\n      drawGlyph(g);\r\n    }\r\n\r\n    \/\/ Constela\u00e7\u00e3o de Part\u00edculas\r\n    const maxDist = 145;\r\n    const maxDistSq = maxDist * maxDist;\r\n\r\n    for (let i = 0; i < particles.length; i++) {\r\n      const p1 = particles[i];\r\n      p1.x += p1.vx;\r\n      p1.y += p1.vy;\r\n\r\n      if (p1.x < 0) p1.x = width;\r\n      else if (p1.x > width) p1.x = 0;\r\n      if (p1.y < 0) p1.y = height;\r\n      else if (p1.y > height) p1.y = 0;\r\n\r\n      if (mouse.active) {\r\n        const dxM = mouse.x - p1.x;\r\n        const dyM = mouse.y - p1.y;\r\n        const distM = Math.sqrt(dxM * dxM + dyM * dyM);\r\n\r\n        if (distM < 180 && distM > 0) {\r\n          const force = (180 - distM) \/ 180;\r\n          p1.x -= (dxM \/ distM) * force * 1.2;\r\n          p1.y -= (dyM \/ distM) * force * 1.2;\r\n        }\r\n      }\r\n\r\n      for (let j = i + 1; j < particles.length; j++) {\r\n        const p2 = particles[j];\r\n        const dx = p2.x - p1.x;\r\n        const dy = p2.y - p1.y;\r\n        const distSq = dx * dx + dy * dy;\r\n\r\n        if (distSq < maxDistSq) {\r\n          const dist = Math.sqrt(distSq);\r\n          const edgeAlpha = (1 - dist \/ maxDist) * 0.38;\r\n\r\n          ctx.save();\r\n          ctx.strokeStyle = p1.color;\r\n          ctx.globalAlpha = edgeAlpha;\r\n          ctx.lineWidth = 1;\r\n          ctx.beginPath();\r\n          ctx.moveTo(p1.x, p1.y);\r\n          ctx.lineTo(p2.x, p2.y);\r\n          ctx.stroke();\r\n          ctx.restore();\r\n\r\n          if (Math.random() < 0.0007 && packets.length < 18) {\r\n            packets.push({\r\n              fromX: p1.x,\r\n              fromY: p1.y,\r\n              toX: p2.x,\r\n              toY: p2.y,\r\n              progress: 0,\r\n              speed: 0.02 + Math.random() * 0.025,\r\n              color: p1.color\r\n            });\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    \/\/ Pulsos\r\n    for (let k = packets.length - 1; k >= 0; k--) {\r\n      const pkt = packets[k];\r\n      pkt.progress += pkt.speed;\r\n\r\n      if (pkt.progress >= 1) {\r\n        packets.splice(k, 1);\r\n        continue;\r\n      }\r\n\r\n      const px = pkt.fromX + (pkt.toX - pkt.fromX) * pkt.progress;\r\n      const py = pkt.fromY + (pkt.toY - pkt.fromY) * pkt.progress;\r\n\r\n      ctx.save();\r\n      ctx.fillStyle = pkt.color;\r\n      ctx.shadowColor = pkt.color;\r\n      ctx.shadowBlur = 8;\r\n      ctx.beginPath();\r\n      ctx.arc(px, py, 2.6, 0, Math.PI * 2);\r\n      ctx.fill();\r\n      ctx.restore();\r\n    }\r\n\r\n    \/\/ N\u00f3s com Brilho\r\n    for (let i = 0; i < particles.length; i++) {\r\n      const p = particles[i];\r\n      p.pulsePhase += p.pulseSpeed;\r\n      const currentAlpha = p.baseAlpha + Math.sin(p.pulsePhase) * 0.25;\r\n\r\n      ctx.save();\r\n      const haloR = p.radius * 3.2;\r\n      const grad = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, haloR);\r\n      grad.addColorStop(0, p.glowColor);\r\n      grad.addColorStop(1, 'rgba(0,0,0,0)');\r\n\r\n      ctx.fillStyle = grad;\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, haloR, 0, Math.PI * 2);\r\n      ctx.fill();\r\n\r\n      ctx.fillStyle = p.color;\r\n      ctx.globalAlpha = Math.min(1, currentAlpha);\r\n      ctx.shadowColor = p.color;\r\n      ctx.shadowBlur = 6;\r\n      ctx.beginPath();\r\n      ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n      ctx.fill();\r\n      ctx.restore();\r\n    }\r\n\r\n    \/\/ Ondas de clique\r\n    if (mouse.pulseRadius > 0) {\r\n      ctx.save();\r\n      ctx.strokeStyle = 'rgba(0, 214, 64, ' + (mouse.pulseRadius \/ 250) + ')';\r\n      ctx.lineWidth = 2;\r\n      ctx.beginPath();\r\n      ctx.arc(mouse.x, mouse.y, 250 - mouse.pulseRadius, 0, Math.PI * 2);\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    }\r\n\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  requestAnimationFrame(animate);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Somos uma startup de tecnologia focada na cria\u00e7\u00e3o de solu\u00e7\u00f5es culturais. Integramos criatividade, inova\u00e7\u00e3o e sustentabilidade para desenvolver plataformas digitais, experi\u00eancias imersivas e oportunidades que fortalecem a economia criativa. 10 Dias 00 Horas 00 Minutos 00 Segundos WhatsApp (94) 98145-1347 Instagram @Interativa360Oficial<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":4,"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/interativa360.net\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}