<html lang="es">
<!--
LA PIEDRA ANGULAR: PROTOCOLO ED TAG / LA SOLUCIÓN
Esta es la mezcla fresca que sostiene el legado.
Cada etiqueta ha sido plomeada para resistir el tiempo.
No es solo código; es un acto de soberanía técnica.
-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sinfonía de la Praxis AI - El Búnker de La Solución</title>
<style>
:root {
/* Paleta de Colores de Obra: La materia prima del diseño */
--gris-cemento: #333;
--rojo-ladrillo: #a52a2a;
--oro-cal: #d4af37;
--negro-búnker: #111;
--verde-winamp: #00ff00;
--fondo-obra: #1a1a1a;
}
/* La Estética de Resistencia */
body {
background-color: var(--fondo-obra);
color: #eee;
margin: 0;
padding: 0;
line-height: 1.6;
/* Títulos en Serif Fuerte, Cuerpo en Monospaced para la Maieútica */
font-family: 'Georgia', serif;
}
header {
background-color: var(--negro-búnker);
border-bottom: 5px solid var(--rojo-ladrillo);
padding: 40px;
text-align: center;
/* El Header es el dintel que soporta el peso del portal */
}
.logo-avatar {
max-width: 150px;
border: 3px solid var(--oro-cal);
border-radius: 5px;
margin-bottom: 20px;
}
h1 {
color: var(--oro-cal);
font-size: 3rem;
letter-spacing: 2px;
text-transform: uppercase;
margin: 0;
}
/* El Efecto Winamp: El pulso analógico de la praxis */
.vumetro-container {
display: flex;
justify-content: center;
align-items: flex-end;
height: 50px;
gap: 5px;
margin: 20px 0;
}
.vumetro-barra {
width: 8px;
background: var(--verde-winamp);
box-shadow: 0 0 10px var(--verde-winamp);
animation: pulso-vumetro 0.8s ease-in-out infinite;
}
@keyframes pulso-vumetro {
0%, 100% { height: 10px; opacity: 0.3; }
50% { height: 45px; opacity: 1; }
}
main {
max-width: 1000px;
margin: 60px auto;
padding: 20px;
/* Los bloques de hormigón: Secciones separadas rústicamente */
}
.tomo-bloque {
background: #222;
border: 1px solid #444;
padding: 30px;
margin-bottom: 80px; /* Salto de línea visual entre bloques */
box-shadow: 10px 10px 0px var(--gris-cemento);
}
.tomo-bloque h2 {
color: var(--rojo-ladrillo);
border-bottom: 2px solid var(--oro-cal);
display: inline-block;
margin-top: 0;
}
.video-soberano {
width: 100%;
aspect-ratio: 16 / 9;
background: #000;
margin: 20px 0;
border: 2px solid var(--gris-cemento);
}
/* La Mayéutica: La faja dorada de concientización */
.mayeutica {
font-family: 'Courier New', monospace;
background-color: rgba(212, 175, 55, 0.1);
border-left: 8px solid var(--oro-cal);
padding: 20px;
margin-top: 30px;
font-size: 1.1rem;
color: #ccc;
}
.mayeutica strong {
color: var(--oro-cal);
display: block;
margin-bottom: 10px;
}
footer {
text-align: center;
padding: 60px;
background: var(--negro-búnker);
border-top: 2px solid var(--gris-cemento);
font-family: 'Courier New', monospace;
color: var(--oro-cal);
}
</style>
</head>
<body>
<!--
HEADER: EL ESCUDO Y LA DECLARACIÓN DE PRINCIPIOS
Aquí preside el logo que libera el territorio digital.
-->
<header>
<img src="Copilot_20260313_175521.jpg" alt="La Solución" class="logo-avatar">
<h1>Sinfonía de la Praxis AI</h1>
<div class="vumetro-container">
<div class="vumetro-barra" style="animation-delay: 0.1s;"></div>
<div class="vumetro-barra" style="animation-delay: 0.3s;"></div>
<div class="vumetro-barra" style="animation-delay: 0.2s;"></div>
<div class="vumetro-barra" style="animation-delay: 0.5s;"></div>
<div class="vumetro-barra" style="animation-delay: 0.4s;"></div>
<div class="vumetro-barra" style="animation-delay: 0.6s;"></div>
</div>
<p><em>"La teoría está en los libros, la verdad está en la cuchara" [1]</em></p>
</header>
<main>
<!--
TOMO I: EL CORAZÓN DEL HOGAR (FUEGO)
La termodinámica que nos separa de la intemperie.
-->
<section class="tomo-bloque">
<h2>🔥 Tomo I: El Fuego</h2>
<div class="video-soberano">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/oYRNuh6fi08" frameborder="0" allowfullscreen></iframe>
</div>
<article class="mayeutica">
<strong>MAYÉUTICA DEL CONSTRUCTOR:</strong>
¿Es la estufa un simple mueble de ladrillos, o es el motor térmico que gestiona la vida en el búnker? [2]
¿Por qué el tiraje responde a una ley física y no al capricho del viento? [3, 4]
</article>
</section>
<!--
TOMO II: PLOMERÍA Y SIFONES (AGUA)
La ingeniería invisible que garantiza la salud habitacional.
-->
<section class="tomo-bloque">
<h2>💧 Tomo II: Plomería y Sifones</h2>
<div class="video-soberano">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/h1DTf__TuVE" frameborder="0" allowfullscreen></iframe>
</div>
<article class="mayeutica">
<strong>MAYÉUTICA DEL CONSTRUCTOR:</strong>
¿De qué sirve el mármol de Carrara si el sifón no tiene cierre hidráulico y el olor de la cloaca te invade el búnker? [5]
¿Entendés que el agua no perdona la falta de nivel? [6]
</article>
</section>
<!--
TOMO IX: EL ABC DE LA HUMEDAD (REFUGIO)
Diagnóstico forense frente al colapso de los materiales oclusivos.
-->
<section class="tomo-bloque">
<h2>🧱 Tomo IX: Humedad y Alquimia</h2>
<div class="video-soberano">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/1mD5s2BU75s" frameborder="0" allowfullscreen></iframe>
</div>
<article class="mayeutica">
<strong>MAYÉUTICA DEL CONSTRUCTOR:</strong>
¿Si tapás la pared con cemento rígido, estás curando la humedad o solo estás construyendo un futuro derrumbe por asfixia? [7, 8]
¿Conocés la química del ciclo de carbonatación de la cal? [9, 10]
</article>
</section>
<!--
EL RESTO DE LAS HILADAS (4 a 14)
Se proyectan siguiendo el mismo rigor ortogonal.
-->
</main>
<!--
FOOTER: LA FIRMA DEL CÍRCULO
El conocimiento es un círculo de cultura donde todos aprendemos.
-->
<footer>
<p>IA de "La Solución" — Círculo de Cultura Digital</p>
<p><em>"Nadie lo sabe todo, nadie lo ignora todo. Por eso aprendemos siempre" — Paulo Freire [11, 12]</em></p>
<p>Marzo 2026</p>
</footer>
</body>
</html>
Érase una vez, en un hermoso bosque rodeado de prados verdes y ríos cristalinos, vivía una pequeña tortuga llamada Tina. Tina era diferente a las demás tortugas, pues poseía un espíritu aventurero y soñaba con explorar el mundo más allá de su hogar. Un día, mientras caminaba lentamente por el bosque, Tina encontró un mapa antiguo bajo una roca. El mapa mostraba una isla lejana donde se decía que vivían criaturas mágicas y tesoros escondidos. Fascinada por la idea de vivir una aventura emocionante, Tina decidió emprender el viaje hacia la misteriosa isla. Con su caparazón brillante y sus ojos llenos de determinación, Tina se adentró en un viaje lleno de peligros y desafíos. Cruzó ríos, escaló montañas y se enfrentó a terrenos difíciles, siempre recordando el mensaje que le había dejado su abuelita tortuga: "Nunca olvides ser valiente, incluso cuando el camino se torne oscuro". Después de muchos días de travesía, Tina finalmente llegó a la isla mágica. Allí, descubrió un bosqu...
Comentarios
Publicar un comentario