Quienes somos?
Casa Red es una empresa que es parte de Eleusis Icono SA que presta servicios de tokenización de activos …
SISTEMA DE VERIFICACION POR MEDIO DE NF – DOMAINS DE ALGORAND
PANAS TOKEN
El panas token es una moneda estable del ecosistema de Algorand que se respalda en activos de ls vida real y el Indice FIAT…………
Invierta en su futuro
Modelos de Negocio: Propietarios, inversionistas, tokenizadores….
Contact Us
Get
ECOSISTEMA ELEUSIS ICONO S.A.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Casa Red SRL | Estructuración Patrimonial Inmobiliaria</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<!-- Configuración de Estilo Corporativo y Contenedores de Gráficos -->
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #F3F4F6; /* Gris Plata muy suave */
color: #1F2937;
}
/* Paleta Casa Red: Azul Acero, Rojo Sobrio, Plata */
.bg-brand-blue { background-color: #2C3E50; }
.bg-brand-red { background-color: #8B0000; }
.text-brand-blue { color: #2C3E50; }
.text-brand-red { color: #8B0000; }
.border-brand-blue { border-color: #2C3E50; }
/* Estilo Mandatorio para Contenedores de Gráficos */
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
height: 350px;
max-height: 400px;
}
@media (max-width: 768px) {
.chart-container {
height: 300px;
}
}
/* Utilidades para diagramas CSS (No SVG) */
.flow-card {
border-left: 4px solid #8B0000;
transition: all 0.3s ease;
}
.flow-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.css-arrow-down {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 15px solid #2C3E50;
margin: 10px auto;
}
.css-arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #2C3E50;
margin: auto 10px;
}
/* Identidad Visual CSS - Logo Conceptual */
.logo-box {
width: 40px;
height: 40px;
border: 3px solid #E5E7EB;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.logo-inner {
width: 20px;
height: 20px;
background-color: #8B0000;
}
</style>
<!--
Palette Selection: "Executive & Sovereign"
Based on Brand Guidelines: Steel Blue, Sober Red, Silver.
Hex Codes: #2C3E50 (Steel Blue), #8B0000 (Sober Red), #E5E7EB (Silver), #FFFFFF (White)
-->
<!--
Narrative Plan Summary:
1. Intro: Corporate Identity & Legal Status (SRL).
2. Concept: Economic Rights vs. Property Ownership.
3. Architecture: The Flow (Legal -> Tech -> Financial).
4. Financials: The 50/30/20 Rule (Data Viz).
5. Performance: Market Comparison (Data Viz).
6. Tech: BNB Chain Infrastructure.
7. Conclusion: Strategic Roadmap.
-->
</head>
<body class="antialiased">
<!-- Header / Navbar -->
<header class="bg-brand-blue text-white shadow-lg sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
<div class="flex items-center space-x-3">
<!-- CSS Logo Representation -->
<div class="logo-box border-white">
<div class="logo-inner bg-red-700"></div>
</div>
<div>
<h1 class="text-xl font-bold tracking-wide">CASA RED <span class="text-gray-300 font-light text-sm">S.R.L.</span></h1>
<p class="text-xs text-gray-400 uppercase tracking-widest">Estructuración Patrimonial</p>
</div>
</div>
<nav class="hidden md:block">
<ul class="flex space-x-8 text-sm font-medium text-gray-300">
<li>Estructura Legal</li>
<li>Modelo Financiero</li>
<li>Activos Piloto</li>
</ul>
</nav>
</div>
</header>
<!-- Main Content -->
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 space-y-16">
<!-- Section 1: Introduction & Legal Standing -->
<section class="grid grid-cols-1 lg:grid-cols-2 gap-10 items-center">
<div>
<span class="inline-block py-1 px-3 rounded bg-red-100 text-brand-red text-xs font-bold uppercase tracking-wider mb-3">Marco Legal: Ley N° 1543 & DS 5384</span>
<h2 class="text-4xl font-extrabold text-brand-blue mb-4">Orden y Transparencia Patrimonial</h2>
<p class="text-lg text-gray-600 mb-6 leading-relaxed">
Casa Red S.R.L. no es una inmobiliaria tradicional ni un proyecto especulativo. Somos una <strong>plataforma de estructuración</strong> que transforma activos inmobiliarios ilíquidos en vehículos financieros eficientes, operando bajo la estricta legislación boliviana.
</p>
<div class="grid grid-cols-2 gap-4">
<div class="p-4 bg-white border-l-4 border-brand-blue shadow-sm rounded-r-lg">
<h4 class="font-bold text-brand-blue">Entidad Regulada</h4>
<p class="text-sm text-gray-500">Constituida legalmente en SEPREC. Cumplimiento normativo UIF/PSAV.</p>
</div>
<div class="p-4 bg-white border-l-4 border-brand-red shadow-sm rounded-r-lg">
<h4 class="font-bold text-brand-red">Activos Reales</h4>
<p class="text-sm text-gray-500">Tokenización de derechos económicos, respaldada por ladrillo y cemento.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-xl shadow-md border border-gray-200">
<h3 class="text-xl font-bold text-gray-800 mb-4 border-b pb-2">Datos Maestros Corporativos</h3>
<ul class="space-y-4 text-sm">
<li class="flex justify-between">
<span class="text-gray-500">Razón Social:</span>
<span class="font-medium text-brand-blue">Casa Red S.R.L.</span>
</li>
<li class="flex justify-between">
<span class="text-gray-500">Matrícula SEPREC:</span>
<span class="font-medium">474366027</span>
</li>
<li class="flex justify-between">
<span class="text-gray-500">Modelo Operativo:</span>
<span class="font-medium">Estructurador de Vehículos (SPV)</span>
</li>
<li class="flex justify-between">
<span class="text-gray-500">Tecnología Base:</span>
<span class="font-medium">BNB Chain (BEP-20) + OpenZeppelin</span>
</li>
</ul>
</div>
</section>
<!-- Section 2: The Flow (CSS Diagram) -->
<section>
<div class="text-center mb-10">
<h3 class="text-2xl font-bold text-brand-blue">Arquitectura Operativa</h3>
<p class="text-gray-500 max-w-2xl mx-auto mt-2">
Del activo físico a la liquidez digital. Un proceso lineal, auditado y transparente.
</p>
</div>
<!-- Responsive Flowchart using Flexbox/Grid and CSS shapes -->
<div class="flex flex-col md:flex-row justify-center items-center space-y-4 md:space-y-0 md:space-x-4">
<!-- Step 1 -->
<div class="flow-card bg-white p-6 rounded shadow-md w-full md:w-1/4 text-center h-40 flex flex-col justify-center items-center">
<div class="text-4xl mb-2">🏢</div>
<h4 class="font-bold text-brand-blue">1. Inmueble Real</h4>
<p class="text-xs text-gray-500 mt-1">Tiendas Comerciales / Airbnb<br>(Sucre, Bolivia)</p>
</div>
<!-- Arrow -->
<div class="hidden md:block css-arrow-right"></div>
<div class="block md:hidden css-arrow-down"></div>
<!-- Step 2 -->
<div class="flow-card bg-white p-6 rounded shadow-md w-full md:w-1/4 text-center h-40 flex flex-col justify-center items-center border-l-4 !border-brand-blue">
<div class="text-4xl mb-2">⚖️</div>
<h4 class="font-bold text-brand-blue">2. Estructuración Legal</h4>
<p class="text-xs text-gray-500 mt-1">Constitución de SPV<br>Contrato de Cesión de Derechos</p>
</div>
<!-- Arrow -->
<div class="hidden md:block css-arrow-right"></div>
<div class="block md:hidden css-arrow-down"></div>
<!-- Step 3 -->
<div class="flow-card bg-white p-6 rounded shadow-md w-full md:w-1/4 text-center h-40 flex flex-col justify-center items-center">
<div class="text-4xl mb-2">🪙</div>
<h4 class="font-bold text-brand-blue">3. Tokenización</h4>
<p class="text-xs text-gray-500 mt-1">Emisión BEP-20<br>Representación de Flujo Futuro</p>
</div>
<!-- Arrow -->
<div class="hidden md:block css-arrow-right"></div>
<div class="block md:hidden css-arrow-down"></div>
<!-- Step 4 -->
<div class="flow-card bg-white p-6 rounded shadow-md w-full md:w-1/4 text-center h-40 flex flex-col justify-center items-center border-l-4 !border-green-600">
<div class="text-4xl mb-2">💵</div>
<h4 class="font-bold text-green-700">4. Distribución</h4>
<p class="text-xs text-gray-500 mt-1">Renta Mensual Automática<br>Reinversión Estratégica</p>
</div>
</div>
</section>
<!-- Section 3: Financial Mechanics (50/30/20 Rule) -->
<section class="bg-white rounded-xl shadow-lg p-8 border border-gray-200">
<div class="grid grid-cols-1 md:grid-cols-2 gap-10 items-center">
<!-- Text Context -->
<div>
<h3 class="text-2xl font-bold text-brand-blue mb-4">Gestión de Tesorería: Regla 50/30/20</h3>
<p class="text-gray-600 mb-4 text-sm leading-relaxed">
A diferencia de modelos especulativos que queman capital, Casa Red aplica una política financiera conservadora para gestionar la liquidez generada. No gastamos el capital; lo estructuramos para garantizar solvencia perpetua.
</p>
<ul class="space-y-3 mt-6">
<li class="flex items-start">
<span class="w-3 h-3 rounded-full bg-brand-blue mt-1.5 mr-3"></span>
<div>
<strong class="text-gray-800">50% Renta Estable:</strong>
<p class="text-xs text-gray-500">Pago directo de rendimientos a tenedores del token.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-3 h-3 rounded-full bg-yellow-500 mt-1.5 mr-3"></span>
<div>
<strong class="text-gray-800">30% Supply Colateral:</strong>
<p class="text-xs text-gray-500">Reinversión en protocolos DeFi de bajo riesgo (Venus) para generar interés compuesto sobre el activo.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-3 h-3 rounded-full bg-brand-red mt-1.5 mr-3"></span>
<div>
<strong class="text-gray-800">20% Reserva Operativa:</strong>
<p class="text-xs text-gray-500">Fondo de contingencia, mantenimiento de inmuebles y costos legales.</p>
</div>
</li>
</ul>
</div>
<!-- Visualization: Doughnut Chart -->
<div class="flex flex-col items-center">
<div class="chart-container">
<canvas id="allocationChart"></canvas>
</div>
<p class="text-center text-xs text-gray-400 mt-2 italic">Distribución porcentual del flujo de caja neto operativo.</p>
</div>
</div>
</section>
<!-- Section 4: Performance Comparison (Bar Chart) -->
<section>
<div class="mb-8">
<h3 class="text-2xl font-bold text-brand-blue">Rendimiento Real (Cap Rate)</h3>
<p class="text-gray-600">
Comparativa directa entre el mercado inmobiliario tradicional de Sucre y la gestión optimizada de activos piloto Casa Red.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Data Visualization Column -->
<div class="md:col-span-2 bg-white rounded-xl shadow-md p-6 border border-gray-100">
<div class="chart-container">
<canvas id="performanceChart"></canvas>
</div>
</div>
<!-- Key Metrics Cards -->
<div class="space-y-4">
<div class="bg-white p-6 rounded-lg shadow border-l-4 border-brand-red">
<h5 class="text-gray-500 text-xs uppercase font-bold">Activo Piloto 1</h5>
<p class="text-2xl font-bold text-gray-800">Tiendas</p>
<p class="text-brand-red font-bold text-lg">~8.0% <span class="text-xs text-gray-400 font-normal">Anual</span></p>
<p class="text-xs text-gray-500 mt-2">Alta estabilidad, contratos a largo plazo.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow border-l-4 border-blue-500">
<h5 class="text-gray-500 text-xs uppercase font-bold">Activo Piloto 2</h5>
<p class="text-2xl font-bold text-gray-800">Airbnb</p>
<p class="text-blue-600 font-bold text-lg">~9.0% <span class="text-xs text-gray-400 font-normal">Anual</span></p>
<p class="text-xs text-gray-500 mt-2">Gestión dinámica, maximización por estancia corta.</p>
</div>
<div class="bg-gray-100 p-6 rounded-lg border border-gray-200 opacity-75">
<h5 class="text-gray-500 text-xs uppercase font-bold">Mercado Tradicional</h5>
<p class="text-xl font-bold text-gray-600">Alquiler Std.</p>
<p class="text-gray-500 font-bold text-lg">3% - 4%</p>
</div>
</div>
</div>
</section>
<!-- Section 5: Technology & Security Stack -->
<section class="bg-brand-blue rounded-2xl p-10 text-white shadow-2xl">
<div class="grid grid-cols-1 md:grid-cols-2 gap-12">
<div>
<h3 class="text-2xl font-bold mb-4">Infraestructura Tecnológica</h3>
<p class="text-gray-300 mb-6 leading-relaxed">
Utilizamos Blockchain no por moda, sino por eficiencia operativa. La red BNB Chain nos permite distribuir rentas a cientos de inversores con costos de transacción inferiores a $0.05, algo imposible con la banca tradicional.
</p>
<div class="grid grid-cols-2 gap-4">
<div class="p-3 bg-white/10 rounded backdrop-blur-sm">
<span class="block font-bold text-white">BNB Chain</span>
<span class="text-xs text-gray-400">Layer 1 Blockchain</span>
</div>
<div class="p-3 bg-white/10 rounded backdrop-blur-sm">
<span class="block font-bold text-white">OpenZeppelin</span>
<span class="text-xs text-gray-400">Estándar de Seguridad</span>
</div>
</div>
</div>
<div class="border-l border-gray-600 pl-8 flex flex-col justify-center">
<!-- Security List using standard HTML entities -->
<ul class="space-y-4">
<li class="flex items-center">
<span class="text-green-400 mr-3 text-xl">✓</span>
<div>
<strong class="block">Contratos Inteligentes Auditables</strong>
<span class="text-xs text-gray-400">Código público y verificable en la blockchain.</span>
</div>
</li>
<li class="flex items-center">
<span class="text-green-400 mr-3 text-xl">✓</span>
<div>
<strong class="block">Identidad Verificada</strong>
<span class="text-xs text-gray-400">KYC/AML integrado para cumplimiento normativo.</span>
</div>
</li>
<li class="flex items-center">
<span class="text-green-400 mr-3 text-xl">✓</span>
<div>
<strong class="block">Custodia No-Especulativa</strong>
<span class="text-xs text-gray-400">Fondos segregados de la operación comercial.</span>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center text-gray-500 text-sm py-10 border-t border-gray-200 mt-10">
<p class="mb-2 font-bold text-brand-blue">CASA RED S.R.L.</p>
<p>Calle Destacamento 111, Nro 398. Sucre, Bolivia.</p>
<p class="mt-2 text-xs">Este documento es de carácter informativo y no constituye asesoramiento financiero. La tokenización representa derechos económicos, no la propiedad directa del inmueble.</p>
</footer>
</main>
<!-- Script for Charts and Interaction -->
<script>
// --- UTILITY: Label Wrapping Helper ---
// Splits long strings into arrays of strings based on max length (approx 16 chars)
function formatLabel(str, maxLen = 16) {
if (str.length <= maxLen) return str;
const words = str.split(' ');
const lines = [];
let currentLine = words[0];
for (let i = 1; i < words.length; i++) {
if ((currentLine + " " + words[i]).length <= maxLen) {
currentLine += " " + words[i];
} else {
lines.push(currentLine);
currentLine = words[i];
}
}
lines.push(currentLine);
return lines;
}
// --- CHART CONFIGURATION ---
// Common Tooltip Configuration (Mandatory)
const commonTooltipConfig = {
callbacks: {
title: function(tooltipItems) {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
} else {
return label;
}
}
}
};
// 1. Allocation Chart (Doughnut)
const ctxAllocation = document.getElementById('allocationChart').getContext('2d');
const allocationLabels = [
'Renta Estable (Pago a Inversores)',
'Supply Colateral (Inversión DeFi)',
'Reserva Operativa (Mantenimiento)'
].map(l => formatLabel(l, 20)); // Relaxed to 20 for doughnut
new Chart(ctxAllocation, {
type: 'doughnut',
data: {
labels: allocationLabels,
datasets: [{
data: [50, 30, 20],
backgroundColor: [
'#2C3E50', // Steel Blue (Brand)
'#F59E0B', // Amber (Growth)
'#8B0000' // Sober Red (Brand)
],
borderWidth: 0,
hoverOffset: 10
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'bottom',
labels: {
font: { family: "'Roboto', sans-serif", size: 12 },
usePointStyle: true,
padding: 20
}
},
tooltip: commonTooltipConfig,
title: {
display: true,
text: 'Distribución de Flujo (Regla 50/30/20)',
font: { size: 16, weight: 'bold', family: "'Roboto', sans-serif" },
padding: { bottom: 20 }
}
},
cutout: '65%' // Thinner doughnut for modern look
}
});
// 2. Performance Comparison Chart (Bar)
const ctxPerformance = document.getElementById('performanceChart').getContext('2d');
const perfLabels = [
'Alquiler Tradicional (Sucre)',
'Casa Red: Locales Comerciales',
'Casa Red: Modelo Airbnb'
].map(l => formatLabel(l, 16));
new Chart(ctxPerformance, {
type: 'bar',
data: {
labels: perfLabels,
datasets: [{
label: 'Cap Rate Anual Estimado (%)',
data: [3.5, 8.0, 9.0],
backgroundColor: [
'#9CA3AF', // Gray for traditional
'#8B0000', // Red for Shops
'#2C3E50' // Blue for Airbnb
],
borderRadius: 4,
barPercentage: 0.6
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
grid: { color: '#E5E7EB' },
ticks: { callback: function(value) { return value + "%" } }
},
x: {
grid: { display: false }
}
},
plugins: {
legend: { display: false },
tooltip: commonTooltipConfig,
title: {
display: true,
text: 'Eficiencia de Capital (Rentabilidad Anual)',
font: { size: 16, weight: 'bold', family: "'Roboto', sans-serif" },
padding: { bottom: 20 }
}
}
}
});
</script>
<!--
Documentation Note:
- No SVG used.
- No Mermaid JS used.
- Chart.js labels processed for wrapping.
- Tooltips configured for multiline support.
- Containers styled with max-width/height.
-->
</body>
</html>