diff --git a/okupanel_simple/index.css b/okupanel_simple/index.css
new file mode 100644
index 0000000..184ffb2
--- /dev/null
+++ b/okupanel_simple/index.css
@@ -0,0 +1,148 @@
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&family=Rock+Salt&display=swap');
+
+:root {
+ --background: #fdfaf6;
+ --text: #111111;
+ --accent: #e91e63;
+ --table-bg: #ffffff;
+ --table-border: #ccc;
+ --alt-row: #f7f1ec;
+ --hover-row: #fceef5;
+}
+
+* {
+ box-sizing: border-box;
+ scroll-behavior: smooth;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ background-color: var(--background);
+ color: var(--text);
+ font-family: 'Quicksand', sans-serif;
+ font-size: 16px;
+ line-height: 1.8;
+ overflow: hidden;
+}
+
+.scroll-container {
+ height: 100vh;
+ width: 100vw;
+ overflow: hidden;
+ position: relative;
+}
+
+.scroll-content {
+ position: absolute;
+ width: 100%;
+ animation: scrollUp 20s linear infinite;
+}
+
+@keyframes scrollUp {
+ 0% {
+ transform: translateY(0%);
+ }
+ 100% {
+ transform: translateY(-20%);
+ }
+}
+
+h1 {
+ text-align: center;
+ font-size: 64px;
+ font-family: 'Rock Salt', cursive;
+ color: var(--accent);
+ margin: 10px 0 20px 0;
+ text-shadow: 2px 2px #ffb3c9;
+ letter-spacing: 1px;
+}
+
+.container {
+ width: 100%;
+ max-width: 1600px;
+ margin: 0 auto;
+}
+
+h2 {
+ font-size: 28px;
+ color: var(--accent);
+ margin-top: 40px;
+ margin-bottom: 15px;
+ border-bottom: 2px dashed var(--accent);
+ padding-bottom: 4px;
+}
+
+table {
+ width: 100%;
+ border-collapse: collapse;
+ margin-bottom: 20px;
+ background-color: var(--table-bg);
+ font-size: 1.1rem;
+}
+
+th, td {
+ border: 1px solid var(--table-border);
+ padding: 8px 12px;
+ text-align: left;
+ vertical-align: middle;
+}
+
+th {
+ background-color: var(--accent);
+ color: #fff;
+ font-weight: 600;
+ text-transform: uppercase;
+}
+
+tr:nth-child(even) {
+ background-color: var(--alt-row);
+}
+
+tr:hover {
+ background-color: var(--hover-row);
+ transition: background-color 0.3s ease;
+}
+
+.image-container {
+ text-align: center;
+ margin-top: 40px;
+}
+
+.image-container img {
+ width: 220px;
+ border-radius: 10px;
+ border: 3px solid var(--accent);
+ box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.12);
+}
+
+/* Responsive ajustes para móvil */
+@media (max-width: 600px) {
+ html, body {
+ font-size: 12px;
+ }
+
+ h1 {
+ font-size: 32px;
+ }
+
+ h2 {
+ font-size: 18px;
+ }
+
+ table {
+ font-size: 0.8rem;
+ display: block;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ }
+
+ th, td {
+ padding: 6px 8px;
+ white-space: nowrap;
+ }
+
+ .image-container img {
+ width: 160px;
+ }
+}
diff --git a/okupanel_simple/index.ht b/okupanel_simple/index.ht
new file mode 100644
index 0000000..e69de29
diff --git a/okupanel_simple/index.html b/okupanel_simple/index.html
new file mode 100644
index 0000000..d18f998
--- /dev/null
+++ b/okupanel_simple/index.html
@@ -0,0 +1,83 @@
+
+
+
+
+
+ CSO La Enredadera
+
+
+
+
+
+
+
+
+