<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>IOAAI1 – Centro de Exploración Inmersiva | Arte, Ciencia y Poesía</title>
<meta name="description" content="IOAAI1 es un centro de exploración inmersiva que une cine, física teórica, NFT y bioarquitectura bajo la Teoría del Campo del Acto A (TCA-F5D). Quintero, Chile."/>
<meta name="keywords" content="IOAAI1, El Blanco de Inmersión, NFT, Valparaíso 1984, TCA-F5D, Teoría del Acto Cósmico, PINDD, bioarquitectura, Víctor Lennon, Quintero"/>
<meta property="og:title" content="IOAAI1 – Arte, Ciencia y Poesía como un solo Acto"/>
<meta property="og:description" content="Centro de exploración inmersiva en Quintero, Chile. Cine NFT, física teórica, descontaminación y bioarquitectura bajo la ecuación A = 1/m."/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://ioaai1.com/"/>
<link rel="preconnect" href="https://fonts.googleapis.com"/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500&display=swap" rel="stylesheet"/>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--verde: #0F6E56;
--verde-claro: #E1F5EE;
--verde-medio: #9FE1CB;
--verde-oscuro:#085041;
--texto: #1a1a1a;
--texto-suave: #4a4a4a;
--texto-tenue: #888;
--fondo: #ffffff;
--fondo-suave: #f7f7f5;
--borde: rgba(0,0,0,0.10);
--radio: 10px;
}
body {
font-family: 'Inter', sans-serif;
background: var(--fondo);
color: var(--texto);
font-size: 16px;
line-height: 1.7;
}
a { color: var(--verde); text-decoration: none; }
a:hover { text-decoration: underline; }
.io-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 2rem;
border-bottom: 0.5px solid var(--borde);
position: sticky;
top: 0;
background: rgba(255,255,255,0.96);
backdrop-filter: blur(6px);
z-index: 100;
flex-wrap: wrap;
gap: 0.8rem;
}
.io-logo {
font-family: 'Playfair Display', serif;
font-size: 20px;
font-weight: 700;
color: var(--texto);
letter-spacing: -0.02em;
}
.io-logo span { color: var(--verde); }
.io-header-nav {
display: flex;
gap: 1.5rem;
list-style: none;
}
.io-header-nav a {
font-size: 13px;
font-weight: 500;
color: var(--texto-suave);
transition: color 0.2s;
}
.io-header-nav a:hover { color: var(--verde); text-decoration: none; }
.io-hero {
padding: 5rem 2rem 4rem;
max-width: 900px;
margin: 0 auto;
}
.io-eyebrow {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--texto-tenue);
margin-bottom: 1.2rem;
}
.io-hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(32px, 5vw, 52px);
font-weight: 400;
line-height: 1.15;
margin-bottom: 1.4rem;
max-width: 640px;
}
.io-hero h1 em {
font-style: italic;
color: var(--verde);
}
.io-hero-desc {
font-size: 17px;
line-height: 1.8;
color: var(--texto-suave);
max-width: 560px;
margin-bottom: 2rem;
}
.io-equation {
display: inline-block;
font-family: 'Playfair Display', serif;
font-size: 26px;
font-style: italic;
padding: 0.7rem 1.6rem;
border-left: 4px solid var(--verde);
background: var(--fondo-suave);
border-radius: 0 var(--radio) var(--radio) 0;
margin-bottom: 2.2rem;
color: var(--texto);
}
.io-equation small {
display: block;
font-family: 'Inter', sans-serif;
font-size: 12px;
font-style: normal;
color: var(--texto-tenue);
margin-top: 4px;
letter-spacing: 0.05em;
}
.io-cta-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.io-btn-primary {
font-size: 14px;
font-weight: 500;
padding: 12px 24px;
border-radius: 8px;
background: var(--verde);
color: var(--verde-claro);
border: none;
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: opacity 0.2s;
}
.io-btn-primary:hover { opacity: 0.88; text-decoration: none; }
.io-btn-secondary {
font-size: 14px;
font-weight: 400;
padding: 12px 24px;
border-radius: 8px;
background: transparent;
color: var(--texto);
border: 0.5px solid var(--borde);
cursor: pointer;
text-decoration: none;
display: inline-block;
transition: background 0.2s;
}
.io-btn-secondary:hover { background: var(--fondo-suave); text-decoration: none; }
.io-tabs {
border-bottom: 0.5px solid var(--borde);
background: var(--fondo);
position: sticky;
top: 57px;
z-index: 90;
}
.io-tabs-inner {
max-width: 900px;
margin: 0 auto;
display: flex;
gap: 0;
overflow-x: auto;
scrollbar-width: none;
padding: 0 2rem;
}
.io-tabs-inner::-webkit-scrollbar { display: none; }
.io-tab {
font-size: 13px;
font-weight: 500;
padding: 1rem 1.4rem;
color: var(--texto-suave);
border: none;
border-bottom: 2px solid transparent;
background: none;
cursor: pointer;
white-space: nowrap;
transition: color 0.2s, border-color 0.2s;
}
.io-tab.active {
color: var(--verde);
border-bottom-color: var(--verde);
}
.io-tab:hover { color: var(--verde); }
.io-section {
max-width: 900px;
margin: 0 auto;
padding: 3rem 2rem;
border-bottom: 0.5px solid var(--borde);
display: none;
}
.io-section.visible { display: block; }
.io-section-label {
font-size: 11px;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--verde);
margin-bottom: 0.6rem;
}
.io-section h2 {
font-family: 'Playfair Display', serif;
font-size: clamp(22px, 3vw, 30px);
font-weight: 400;
line-height: 1.25;
margin-bottom: 1.2rem;
}
.io-section > p,
.io-prose p {
font-size: 15px;
line-height: 1.8;
color: var(--texto-suave);
max-width: 660px;
margin-bottom: 1rem;
}
.io-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 14px;
margin-top: 2rem;
}
.io-card {
background: var(--fondo-suave);
border-radius: var(--radio);
border: 0.5px solid var(--borde);
padding: 1.3rem 1.4rem;
}
.io-card-icon {
font-size: 22px;
margin-bottom: 0.7rem;
}
.io-card h3 {
font-size: 14px;
font-weight: 500;
margin-bottom: 0.4rem;
color: var(--texto);
}
.io-card p {
font-size: 13px;
color: var(--texto-suave);
line-height: 1.65;
margin-bottom: 0.9rem;
}
.io-card a {
font-size: 13px;
font-weight: 500;
color: var(--verde);
}
.io-theory-box {
margin-top: 2rem;
padding: 1.8rem 2rem;
border-left: 4px solid var(--verde);
background: var(--fondo-suave);
border-radius: 0 var(--radio) var(--radio) 0;
}
.io-eq-big {
font-family: 'Playfair Display', serif;
font-size: 36px;
font-style: italic;
color: var(--verde);
margin-bottom: 0.8rem;
}
.io-theory-box p {
font-size: 14px;
line-height: 1.75;
color: var(--texto-suave);
margin-bottom: 0.6rem;
max-width: 580px;
}
.io-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 1.2rem;
}
.io-pill {
font-size: 12px;
padding: 5px 12px;
border-radius: 20px;
background: var(--verde-claro);
color: var(--verde-oscuro);
border: 0.5px solid var(--verde-medio);
}
.io-tag-link {
font-size: 12px;
padding: 5px 14px;
border-radius: 6px;
border: 0.5px solid var(--borde);
color: var(--texto-suave);
text-decoration: none;
background: var(--fondo);
transition: background 0.15s;
}
.io-tag-link:hover { background: var(--fondo-suave); text-decoration: none; }
.io-pindd-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
gap: 12px;
margin-top: 1.8rem;
}
.io-pindd-item {
text-align: center;
padding: 1.2rem 1rem;
background: var(--fondo-suave);
border-radius: var(--radio);
border: 0.5px solid var(--borde);
}
.io-pindd-item .io-pindd-icon { font-size: 28px; margin-bottom: 0.6rem; }
.io-pindd-item h4 { font-size: 13px; font-weight: 500; margin-bottom: 4px; }
.io-pindd-item p { font-size: 12px; color: var(--texto-tenue); line-height: 1.5; margin: 0; max-width: none; }
.io-flow {
display: flex;
flex-direction: column;
gap: 8px;
margin: 1.5rem 0;
max-width: 480px;
}
.io-flow-step {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 14px;
color: var(--texto-suave);
}
.io-flow-arrow {
color: var(--verde);
font-weight: 700;
font-size: 16px;
margin-top: 2px;
flex-shrink: 0;
}
.io-bio {
display: flex;
gap: 1.5rem;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.io-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--verde);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Playfair Display', serif;
font-size: 22px;
color: var(--verde-claro);
flex-shrink: 0;
}
.io-bio-text h3 { font-size: 16px; font-weight: 500; margin-bottom: 3px; }
.io-bio-role { font-size: 13px; color: var(--texto-tenue); margin-bottom: 0.8rem; }
.io-bio-text p { font-size: 14px; line-height: 1.75; color: var(--texto-suave); max-width: 540px; }
.io-service-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 14px;
margin-top: 1.5rem;
}
.io-service {
padding: 1.2rem 1.3rem;
border-radius: var(--radio);
border: 0.5px solid var(--borde);
background: var(--fondo-suave);
}
.io-service h3 {
font-size: 14px;
font-weight: 500;
color: var(--texto);
margin-bottom: 0.5rem;
}
.io-service ul {
list-style: none;
padding: 0;
}
.io-service ul li {
font-size: 13px;
color: var(--texto-suave);
line-height: 1.6;
padding: 2px 0;
}
.io-service ul li::before {
content: "— ";
color: var(--verde);
}
.io-contact {
margin-top: 2rem;
max-width: 480px;
}
.io-contact h3 {
font-size: 16px;
font-weight: 500;
margin-bottom: 1rem;
color: var(--texto);
}
.io-contact input,
.io-contact textarea {
width: 100%;
font-size: 14px;
font-family: 'Inter', sans-serif;
padding: 11px 14px;
border-radius: 8px;
border: 0.5px solid rgba(0,0,0,0.18);
background: var(--fondo-suave);
color: var(--texto);
margin-bottom: 10px;
resize: vertical;
display: block;
}
.io-contact input:focus,
.io-contact textarea:focus {
outline: 2px solid var(--verde);
outline-offset: 1px;
}
.io-chapters {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 1.5rem;
}
.io-chapter {
font-size: 12px;
padding: 5px 11px;
border-radius: 20px;
background: var(--verde-claro);
color: var(--verde-oscuro);
border: 0.5px solid var(--verde-medio);
}
.io-footer {
max-width: 900px;
margin: 0 auto;
padding: 2rem 2rem;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
.io-footer-logo {
font-family: 'Playfair Display', serif;
font-size: 16px;
font-weight: 700;
color: var(--texto);
}
.io-footer-logo span { color: var(--verde); }
.io-footer p { font-size: 12px; color: var(--texto-tenue); margin-top: 3px; }
.io-footer-links {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 600px) {
.io-header { padding: 0.8rem 1rem; }
.io-header-nav { gap: 1rem; }
.io-hero { padding: 3rem 1rem 2.5rem; }
.io-section { padding: 2rem 1rem; }
.io-tabs-inner { padding: 0 1rem; }
.io-footer { padding: 1.5rem 1rem; }
.io-theory-box { padding: 1.2rem 1.2rem; }
.io-eq-big { font-size: 28px; }
}
</style>
</head>
<body>
<header class="io-header">
<div class="io-logo">IOAAI<span>1</span></div>
<nav>
<ul class="io-header-nav">
<li><a href="#" onclick="show('cine');return false;">Cine NFT</a></li>
<li><a href="#" onclick="show('teoria');return false;">TCA-F5D</a></li>
<li><a href="#" onclick="show('pindd');return false;">PINDD</a></li>
<li><a href="#" onclick="show('servicios');return false;">Servicios</a></li>
</ul>
</nav>
</header>
<section class="io-hero">
<div class="io-eyebrow">Centro de Exploración Inmersiva · Quintero, Chile · desde 1984</div>
<h1>Arte, ciencia y poesía<br>como un solo <em>acto</em></h1>
<p class="io-hero-desc">
IOAAI1 es un estudio de investigación creativa que une cine, física teórica, tecnología blockchain y bioarquitectura. El universo no es un objeto que existe — es un acto que se despliega.
</p>
<div class="io-equation">
A = 1/m
<small>Teoría del Campo del Acto A Fractal 5D · TCA-F5D</small>
</div>
<div class="io-cta-row">
<a class="io-btn-primary" href="https://opensea.io/collection/valparaiso-1984" target="_blank">Ver colección NFT en Opensea</a>
<a class="io-btn-secondary" href="https://ioaai1.com/wp-content/uploads/2025/11/ebdi-2023f.pdf" target="_blank">Descargar libro gratis (PDF)</a>
</div>
</section>
<div class="io-tabs">
<div class="io-tabs-inner">
<button class="io-tab active" onclick="show('cine')">El Blanco de Inmersión</button>
<button class="io-tab" onclick="show('teoria')">Teoría TCA-F5D</button>
<button class="io-tab" onclick="show('pindd')">PINDD + Tecnología</button>
<button class="io-tab" onclick="show('servicios')">Servicios y Contacto</button>
</div>
</div>
<section id="sec-cine" class="io-section visible">
<div class="io-section-label">Proyecto cinematográfico · LibroCine · NFT blockchain</div>
<h2>El Blanco de Inmersión</h2>
<p>
Un grupo de amigos desilusionados de lo humano descubren un camino para abandonar la Tierra — sin recursos suficientes, pero con telepatía y poesía. En el camino defienden a Lebucal, el poeta más pequeño, víctima de la violencia de Estado. Es simultáneamente una novela, un proyecto de cine demorado y 40 NFT que funcionan como portales entre capítulos.
</p>
<p>
Cada imagen de la colección <strong>Valparaíso 1984</strong> es una hoja portal acuñada en la cadena Base de Ethereum: 17 NFT son nodos narrativos (capítulos) y 23 son puntos de acceso al salón creativo. Animadas con inteligencia artificial (5 segundos cada una), dieron origen a <strong>ATISVO</strong>, la versión cinematográfica corta del proyecto.
</p>
<div class="io-card-grid">
<div class="io-card">
<div class="io-card-icon">📖</div>
<h3>LibroCine — descarga gratuita</h3>
<p>Lee la historia completa de El Blanco de Inmersión en PDF. Disponible gratis para todos los amantes de la lectura.</p>
<a href="https://ioaai1.com/wp-content/uploads/2025/11/ebdi-2023f.pdf" target="_blank">Descargar EBDI 2023F →</a>
</div>
<div class="io-card">
<div class="io-card-icon">💎</div>
<h3>Colección Valparaíso 1984</h3>
<p>40 NFT con 40 años de historia. Participa en este concepto único de fusión entre cine, literatura, blockchain y ciencia.</p>
<a href="https://opensea.io/collection/valparaiso-1984" target="_blank">Ver en Opensea →</a>
</div>
<div class="io-card">
<div class="io-card-icon">🎬</div>
<h3>ATISVO — cortometraje</h3>
<p>Versión cinematográfica corta generada con inteligencia artificial a partir de las 40 imágenes NFT animadas.</p>
<a href="https://www.youtube.com/watch?v=t-0nPyWfPnc" target="_blank">Ver en YouTube →</a>
</div>
<div class="io-card">
<div class="io-card-icon">🌐</div>
<h3>Desarrollo del proyecto</h3>
<p>Sigue el largo proceso de gestación de El Blanco de Inmersión: trailers, locaciones, música Barlovento y más.</p>
<a href="https://ruxtux.wixsite.com/cine" target="_blank">Ver desarrollo →</a>
</div>
</div>
<h3 style="font-size:14px;font-weight:500;color:#888;margin:2rem 0 0.8rem;text-transform:uppercase;letter-spacing:0.1em;">Capítulos disponibles como NFT</h3>
<div class="io-chapters">
<span class="io-chapter">Cap 1 · La ingenuidad de un encuentro</span>
<span class="io-chapter">Cap 2 · Como mariposas por cardenales</span>
<span class="io-chapter">Cap 3 · Un lecho para la pulsión del tiempo</span>
<span class="io-chapter">Cap 4 · El volantín resucitado</span>
<span class="io-chapter">Cap 5 · Las ramas de arroz con lentejas</span>
<span class="io-chapter">Cap 6 · Muriendo de pena</span>
<span class="io-chapter">Cap 7 · Colgada en la sopa</span>
<span class="io-chapter">Cap 8 · Buceando en las llamas</span>
<span class="io-chapter">Cap 9 · El gesto de la palabra animada</span>
<span class="io-chapter">Cap 10 · La exposición esperada</span>
<span class="io-chapter">Cap 11 · Amor en la mitosis anidada</span>
<span class="io-chapter">Cap 12 · Poesía física para viajar</span>
<span class="io-chapter">Cap 13 · El espejo de atrás a corazón abierto</span>
<span class="io-chapter">Cap 14 · Las salas de agua</span>
<span class="io-chapter">Cap 15 · La manzana del faro</span>
<span class="io-chapter">Cap 16 · La polígloteada</span>
<span class="io-chapter">Cap 17 · El perímetro invisible</span>
<span class="io-chapter">+ 23 NFT acceso al salón creativo</span>
</div>
<p style="font-size:13px;color:var(--texto-tenue);margin-top:1.5rem;">
Blog del proyecto: <a href="https://ruxtux.wixsite.com/nuevoblog" target="_blank">ruxtux.wixsite.com/nuevoblog</a>
· Perfil completo en Opensea: <a href="https://opensea.io/es/Sepulennto" target="_blank">opensea.io/es/Sepulennto</a>
</p>
</section>
<section id="sec-teoria" class="io-section">
<div class="io-section-label">Física teórica · 40 años de desarrollo · Publicado en SSRN y DIBAM</div>
<h2>Teoría del Campo del Acto A Fractal 5D</h2>
<p>
En 1984, como estudiante de Arquitectura en la Universidad Católica de Valparaíso, Víctor Lennon escribió el primer borrador del "Poema de la Unificación de la Física" — gestado en plena dictadura militar, inscrito en DIBAM en lenguaje cifrado por seguridad. Cuarenta años después ese gesto intuitivo se convirtió en un marco matemático publicado académicamente.
</p>
<p>
La TCA-F5D es simultáneamente un marco matemático coherente, una ontología del acto creador y una hipótesis falsable: predice una partícula de cuarta generación detectable en el FCC-ee (2035) o LHC Run 4, y resuelve el problema de la constante cosmológica mediante un potencial autopoético V(A) con mínimo exacto en cero.
</p>
<div class="io-theory-box">
<div class="io-eq-big">A = mc/ℏ</div>
<p>El Campo del Acto redefine la masa como resistencia al acto creador. El universo deja de ser escenario y se convierte en proceso autopoiético: masa, luz y acto son manifestaciones de un mismo proceso creador.</p>
<p>La conciencia emerge como estado coherente del campo A — donde los actos se reconocen mutuamente — con umbral geométrico ∇ᵥA = 0 y dimensión fractal crítica Dc = log₃ 20 ≈ 2,726.</p>
</div>
<h3 style="font-size:13px;font-weight:500;color:#888;margin:2rem 0 0.8rem;text-transform:uppercase;letter-spacing:0.1em;">Publicaciones académicas en SSRN</h3>
<div class="io-pills">
<a href="https://ssrn.com/abstract=5400182" target="_blank" class="io-tag-link">Teoría del Acto Cósmico (español)</a>
<a href="https://ssrn.com/abstract=5401698" target="_blank" class="io-tag-link">Anexo técnico</a>
<a href="https://ssrn.com/abstract=5427816" target="_blank" class="io-tag-link">Extensiones teóricas</a>
<a href="https://ssrn.com/abstract=5417136" target="_blank" class="io-tag-link">Cosmic Act Theory (English)</a>
<a href="https://ssrn.com/abstract=5433676" target="_blank" class="io-tag-link">Theoretical extensions (English)</a>
<a href="https://ssrn.com/abstract=5572338" target="_blank" class="io-tag-link">4ª publicación (English)</a>
</div>
<div class="io-card-grid" style="margin-top:1.8rem">
<div class="io-card">
<div class="io-card-icon">📚</div>
<h3>El libro — disponible en Amazon</h3>
<p>«El Campo del Acto A 5D Fractal: Episteme del reconocimiento cósmico». Unificación de Gravedad, Teoría Cuántica y Conciencia. CRIN: 2026-A-1298.</p>
<a href="https://www.amazon.com" target="_blank">Ver en Amazon →</a>
</div>
<div class="io-card">
<div class="io-card-icon">🏛️</div>
<h3>Registros CRIN / DIBAM</h3>
<p>Inscrito desde 1984. Registros históricos: A-127507, A-173920, A-265164. Síntesis 2025: CRIN 2025-A-9849. Guía 2026: CRIN 2026-A-1296.</p>
</div>
<div class="io-card">
<div class="io-card-icon">🚀</div>
<h3>La Diáspora</h3>
<p>Proyección del Campo del Acto hacia lo extraterrestre. No colonización: realización de actos colectivos de conciencia. La familia como unidad cósmica mínima.</p>
</div>
</div>
</section>
<section id="sec-pindd" class="io-section">
<div class="io-section-label">Descontaminación · Bioarquitectura · Tecnología apropiada</div>
<h2>PINDD y proyectos de tecnología</h2>
<p>
La Plataforma Infoneumática de Descontaminación (PINDD) es una red de estructuras neumáticas inteligentes — los IOA (Ionizadores Orgánicos Autónomos) — que no filtran la contaminación: la metabolizan. Desarrollada desde la bahía de Quintero y Puchuncaví, zona de alta contaminación en Chile, con visión de escalabilidad global.
</p>
<div class="io-flow">
<div class="io-flow-step"><span class="io-flow-arrow">→</span><span><strong>Inspira</strong> aire o agua cargada de MP2.5, MP10, SO₂, NO₂, Pb, As…</span></div>
<div class="io-flow-step"><span class="io-flow-arrow">→</span><span><strong>Ioniza</strong> en cámara cerrada: las partículas aumentan su masa y decantan por gravedad</span></div>
<div class="io-flow-step"><span class="io-flow-arrow">→</span><span><strong>Expira</strong> aire rico en oxígeno, limpio, vivo</span></div>
<div class="io-flow-step"><span class="io-flow-arrow">→</span><span><strong>Acopía</strong> el residuo georreferenciado para tratamiento circular — A = 1/m: el acto emerge cuando la masa se transforma</span></div>
</div>
<div class="io-pindd-grid">
<div class="io-pindd-item">
<div class="io-pindd-icon">🌊</div>
<h4>Hidrosfera</h4>
<p>Boyas y unidades subacuáticas (Neumós H₂O)</p>
</div>
<div class="io-pindd-item">
<div class="io-pindd-icon">☁️</div>
<h4>Troposfera</h4>
<p>Aerostatos de 10 m a 3 km, como mantarrayas en el cielo</p>
</div>
<div class="io-pindd-item">
<div class="io-pindd-icon">🌐</div>
<h4>Estratosfera</h4>
<p>Redes de IOA en zepelines sobre cordones industriales</p>
</div>
</div>
<div class="io-card-grid" style="margin-top:2rem">
<div class="io-card">
<div class="io-card-icon">🚶</div>
<h3>Caminada 1da</h3>
<p>Tecnología para rehabilitación física enfocada en el caminar. Máquina de erección corporal para personas con discapacidad. Fabricada a pedido como servicio personalizado.</p>
<a href="https://ruxtux.wixsite.com/caminada1da" target="_blank">Ver proyecto →</a>
</div>
<div class="io-card">
<div class="io-card-icon">☀️</div>
<h3>Cocina Electroantu</h3>
<p>Sistema para calentar materia de forma eléctrica y solar. Tecnología de fusión implementada a escala doméstica. Cocina 3 Flores en desarrollo.</p>
<a href="https://ruxtux.wixsite.com/sistema-electroantu" target="_blank">Ver proyecto →</a>
</div>
<div class="io-card">
<div class="io-card-icon">♻️</div>
<h3>Centro de acopio y reciclaje</h3>
<p>Gestión domiciliaria en Quintero: papeles, metales, vidrios, plásticos, compost, semillas e invernadero. Laboratorio 2026/27 en restauración.</p>
</div>
</div>
<p style="font-size:14px;color:var(--texto-suave);margin-top:2rem;max-width:640px;line-height:1.8;">
El Centro de Exploración Inmersiva opera en dos centros: uno en tierra en Quintero y uno náutico en la mar, que funcionan de manera complementaria en el modelado de visualización de realidad virtual inmersiva para descontaminar la atmósfera. Coordinado por IoT y algoritmos basados en la Teoría del Acto Cósmico.
</p>
</section>
<section id="sec-servicios" class="io-section">
<div class="io-section-label">Arquitectura · Bioarquitectura · Bioprogramación · TCA-F5D</div>
<h2>Servicios profesionales</h2>
<div class="io-bio">
<div class="io-avatar">VL</div>
<div class="io-bio-text">
<h3>Víctor Lennon Sepúlveda</h3>
<div class="io-bio-role">Arquitecto · navegante · inventor · poeta cósmico · Quintero, Chile</div>
<p>
Formado en la Escuela de Valparaíso de la Universidad Católica — la "escuela de poetas arquitectos". Cruzó el Atlántico en 2009 en el velero <em>Pite</em> desde Cascais, Portugal hasta Guadalupe. Durante esa travesía grabó su disco <em>Barlovento</em>. Autor de la TCA-F5D. Fundador de IOAAI1.
</p>
</div>
</div>
<div class="io-service-grid">
<div class="io-service">
<h3>🏗️ Arquitectura</h3>
<ul>
<li>Viviendas, ampliaciones y locales comerciales</li>
<li>Conjuntos habitacionales</li>
<li>Regularizaciones y permisos municipales</li>
<li>Ley del Mono (Chile)</li>
<li>Proyectos en CAD y CAD-IA</li>
</ul>
</div>
<div class="io-service">
<h3>🌿 Bioarquitectura</h3>
<ul>
<li>Diseño autosustentable</li>
<li>Energía Electroantu y solar fotovoltaica</li>
<li>Energía eólica</li>
<li>Tratamiento de aguas azules y grises</li>
<li>Compost y reciclaje integrado</li>
</ul>
</div>
<div class="io-service">
<h3>🧠 Bioprogramación</h3>
<ul>
<li>Sesiones de 3 a 4 horas</li>
<li>Visualización del hábitat deseado</li>
<li>Estrategias mentales e introspección</li>
<li>Para tu casa, vida, pareja o empresa</li>
</ul>
</div>
<div class="io-service">
<h3>⚛️ Asesoría TCA-F5D</h3>
<ul>
<li>Consultoría en proyectos integrados</li>
<li>Arte y ciencia desde el Campo del Acto</li>
<li>Adaptada a tu disciplina y medida</li>
</ul>
</div>
</div>
<div class="io-contact">
<h3 style="margin-top:2.5rem;">Escríbeme directamente</h3>
<p style="font-size:14px;color:var(--texto-suave);margin-bottom:1rem;">Cuéntame tu proyecto — te respondo personalmente.</p>
<input type="text" placeholder="Tu nombre" />
<input type="email" placeholder="Tu correo electrónico" />
<textarea rows="5" placeholder="¿En qué puedo ayudarte?"></textarea>
<a class="io-btn-primary" href="mailto:victorlennon@ioaai1.com" style="margin-top:4px;">Enviar consulta</a>
</div>
<p style="font-size:13px;color:var(--texto-tenue);margin-top:2rem;">
Me inspiras y te inspiro. — Víctor Lennon Sepúlveda
</p>
</section>
<footer style="border-top:0.5px solid var(--borde);margin-top:1rem;">
<div class="io-footer">
<div>
<div class="io-footer-logo">IOAAI<span>1</span></div>
<p>Centro de Exploración Inmersiva · Quintero, Chile · © 2026</p>
</div>
<div class="io-footer-links">
<a href="https://opensea.io/es/Sepulennto" target="_blank" class="io-tag-link">Opensea</a>
<a href="https://ssrn.com/abstract=5400182" target="_blank" class="io-tag-link">SSRN</a>
<a href="https://ruxtux.wixsite.com/cine" target="_blank" class="io-tag-link">Cine</a>
<a href="https://ioaai1.com/acerca-de/" class="io-tag-link">Contacto</a>
</div>
</div>
</footer>
<script>
function show(id) {
document.querySelectorAll('.io-section').forEach(s => s.classList.remove('visible'));
document.getElementById('sec-' + id).classList.add('visible');
document.querySelectorAll('.io-tab').forEach((btn, i) => {
btn.classList.toggle('active', ['cine','teoria','pindd','servicios'][i] === id);
});
document.querySelector('.io-tabs').scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
</script>
</body>
</html>
IOAAI1 