Hugging Face's logo

Spaces:
C2MV
/
Biotech-Analysis
Running

App Files Community
Biotech-Analysis / slides /slide05_comparativo.html
C2MV's picture
C2MV
Upload 71 files
0615069 verified
raw
history blame contribute delete
10.7 kB
 <!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>An谩lisis Comparativo Global</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #1a1a1a;
}
.slide {
width: 1280px;
height: 720px;
background: linear-gradient(135deg, #0d2a3a, #0f3f4c);
font-family: 'Poppins', sans-serif;
color: #e0e0e0;
display: flex;
flex-direction: column;
padding: 40px;
box-sizing: border-box;
animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
.header {
text-align: left;
margin-bottom: 25px;
}
.header h1 {
font-size: 44px;
color: #ffffff;
margin: 0;
font-weight: 700;
}
.header h2 {
font-size: 20px;
color: #a0cadd;
margin: 5px 0 0 0;
font-weight: 400;
}
.content {
display: flex;
flex-grow: 1;
gap: 30px;
overflow: hidden;
}
.main-table-container {
flex: 3;
display: flex;
flex-direction: column;
}
.main-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.main-table th, .main-table td {
padding: 8px 12px;
text-align: left;
vertical-align: middle;
}
.main-table th {
color: #a0cadd;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
border-bottom: 2px solid #2a5a6e;
}
.main-table td {
border-bottom: 1px solid #2a5a6e;
}
.main-table tr:last-child td {
border-bottom: none;
}
.model-cell {
display: flex;
align-items: center;
gap: 8px;
}
.model-cell svg {
width: 20px;
height: 20px;
}
.text-right {
text-align: right;
}
.bar-container {
display: flex;
align-items: center;
gap: 10px;
}
.bar-wrapper {
width: 100px;
height: 10px;
background-color: rgba(255, 255, 255, 0.15);
border-radius: 5px;
overflow: hidden;
}
.bar {
height: 100%;
background-color: #4fc3f7;
border-radius: 5px;
animation: growBar 1.5s ease-out;
}
@keyframes growBar {
from { width: 0; }
}
.intensity-value {
width: 35px;
text-align: right;
font-weight: 600;
color: #ffffff;
}
.faded-text {
color: #8899a6;
}
.sidebar {
flex: 1.5;
background-color: rgba(13, 42, 58, 0.6);
border-radius: 12px;
padding: 25px;
display: flex;
flex-direction: column;
gap: 20px;
border: 1px solid #2a5a6e;
}
.sidebar h3 {
font-size: 22px;
color: #ffffff;
margin: 0 0 10px 0;
border-bottom: 2px solid #4fc3f7;
padding-bottom: 10px;
}
.analysis-card {
background-color: #193a4d;
border-radius: 8px;
padding: 15px;
font-size: 14.5px;
line-height: 1.6;
border-left: 4px solid transparent;
transition: transform 0.3s ease;
}
.analysis-card:hover {
transform: translateY(-3px);
}
.analysis-card.efficiency { border-left-color: #4fc3f7; }
.analysis-card.productivity { border-left-color: #81c784; }
.analysis-card.gap { border-left-color: #ffd54f; }
.analysis-card strong {
font-weight: 600;
color: #ffffff;
}
.analysis-card .highlight {
color: #ffd54f;
font-weight: 600;
}
</style>
</head>
<body>
<div class="slide">
<div class="header">
<h1>An谩lisis Comparativo Global</h1>
<h2>Indicadores Clave de Desarrollo Biotecnol贸gico</h2>
</div>
<div class="content">
<div class="main-table-container">
<table class="main-table">
<thead>
<tr>
<th>Pa铆s</th>
<th>Modelo Organizacional</th>
<th class="text-right">Empresas</th>
<th class="text-right">Inversi贸n I+D</th>
<th class="text-right">Patentes PCT</th>
<th>Intensidad I+D (M USD/empresa)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Estados Unidos</td>
<td><div class="model-cell"><svg fill="#4fc3f7" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM4 18V8h2.55v10H4zm4.45 0v-5h2.55v5h-2.55zM12 18V8h2.55v10H12zm4.45 0v-5h2.55v5h-2.55z"/></svg><span>Industrial/Gremial</span></div></td>
<td class="text-right">4,000+</td>
<td class="text-right">50,000 M USD</td>
<td class="text-right">8,500+</td>
<td><div class="bar-container"><div class="bar-wrapper"><div class="bar" style="width: 83.3%;"></div></div><span class="intensity-value">12.5</span></div></td>
</tr>
<tr>
<td>Alemania</td>
<td><div class="model-cell"><svg fill="#4fc3f7" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM4 18V8h2.55v10H4zm4.45 0v-5h2.55v5h-2.55zM12 18V8h2.55v10H12zm4.45 0v-5h2.55v5h-2.55z"/></svg><span>Industrial/Gremial</span></div></td>
<td class="text-right">935</td>
<td class="text-right">5,300 M USD</td>
<td class="text-right">659</td>
<td><div class="bar-container"><div class="bar-wrapper"><div class="bar" style="width: 37.3%;"></div></div><span class="intensity-value">5.6</span></div></td>
</tr>
<tr>
<td>Espa帽a</td>
<td><div class="model-cell"><svg fill="#4fc3f7" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM4 18V8h2.55v10H4zm4.45 0v-5h2.55v5h-2.55zM12 18V8h2.55v10H12zm4.45 0v-5h2.55v5h-2.55z"/></svg><span>Industrial/Gremial</span></div></td>
<td class="text-right">1,233</td>
<td class="text-right">1,400 M USD</td>
<td class="text-right">112</td>
<td><div class="bar-container"><div class="bar-wrapper"><div class="bar" style="width: 8%;"></div></div><span class="intensity-value">1.2</span></div></td>
</tr>
<tr>
<td>Francia</td>
<td><div class="model-cell"><svg fill="#4fc3f7" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM4 18V8h2.55v10H4zm4.45 0v-5h2.55v5h-2.55zM12 18V8h2.55v10H12zm4.45 0v-5h2.55v5h-2.55z"/></svg><span>Industrial/Gremial</span></div></td>
<td class="text-right">2,900</td>
<td class="text-right">5,200 M USD</td>
<td class="text-right">528</td>
<td><div class="bar-container"><div class="bar-wrapper"><div class="bar" style="width: 12%;"></div></div><span class="intensity-value">1.8</span></div></td>
</tr>
<tr>
<td>Corea del Sur</td>
<td><div class="model-cell"><svg fill="#4fc3f7" viewBox="0 0 24 24"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zM4 18V8h2.55v10H4zm4.45 0v-5h2.55v5h-2.55zM12 18V8h2.55v10H12zm4.45 0v-5h2.55v5h-2.55z"/></svg><span>Industrial/Gremial</span></div></td>
<td class="text-right">1,800</td>
<td class="text-right">4,500 M USD</td>
<td class="text-right">1,407</td>
<td><div class="bar-container"><div class="bar-wrapper"><div class="bar" style="width: 16.7%;"></div></div><span class="intensity-value">2.5</span></div></td>
</tr>
<tr>
<td>Argentina</td>
<td><div class="model-cell"><svg fill="#81c784" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.59L12 15.17l-1.41 1.42L5 11.01l1.41-1.42L7.82 11l-2.82-2.82L6.41 6.77 12 12.36l5.59-5.59 1.41 1.41L13.41 11l2.83 2.82-1.41 1.41L12 13.76l1.41 1.42z" transform="scale(1.2) translate(-2, -2)"/></svg><span>Regulaci贸n Profesional</span></div></td>
<td class="text-right faded-text">N/D</td>
<td class="text-right faded-text">N/D</td>
<td class="text-right">8</td>
<td><div class="bar-container"><div class="bar-wrapper"></div><span class="intensity-value faded-text">N/D</span></div></td>
</tr>
<tr>
<td>Ecuador</td>
<td><div class="model-cell"><svg fill="#81c784" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.59L12 15.17l-1.41 1.42L5 11.01l1.41-1.42L7.82 11l-2.82-2.82L6.41 6.77 12 12.36l5.59-5.59 1.41 1.41L13.41 11l2.83 2.82-1.41 1.41L12 13.76l1.41 1.42z" transform="scale(1.2) translate(-2, -2)"/></svg><span>Regulaci贸n Profesional</span></div></td>
<td class="text-right">Incipiente</td>
<td class="text-right faded-text">N/D</td>
<td class="text-right">&lt;5</td>
<td><div class="bar-container"><div class="bar-wrapper"></div><span class="intensity-value faded-text">N/D</span></div></td>
</tr>
</tbody>
</table>
</div>
<div class="sidebar">
<h3>An谩lisis Destacado</h3>
<div class="analysis-card efficiency">
<strong>Patr贸n de Eficiencia:</strong> Gran disparidad en la intensidad de I+D. Suiza (13.6 M USD/empresa) supera ampliamente a Espa帽a (1.2 M USD/empresa).
</div>
<div class="analysis-card productivity">
<strong>Productividad de Patentes:</strong> Corea del Sur lidera en la conversi贸n de conocimiento acad茅mico a patentes, con ~400 patentes por programa acad茅mico.
</div>
<div class="analysis-card gap">
<strong>Brecha Am茅rica Latina:</strong> A pesar de una fuerte base acad茅mica, la regi贸n muestra un <span class="highlight">desarrollo industrial limitado</span> y una baja generaci贸n de patentes, evidenciando un cuello de botella en la transferencia tecnol贸gica.
</div>
</div>
</div>
</div>
</body>
</html>