Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Análisis Cuantitativo Global - Sector Biotecnológico</title> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); | |
| body, html { | |
| margin: 0; | |
| padding: 0; | |
| width: 100%; | |
| height: 100%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| background-color: #f0f0f0; | |
| font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; | |
| } | |
| .slide { | |
| width: 1280px; | |
| height: 720px; | |
| background: radial-gradient(circle, #1a4f63, #0f2c3a); | |
| color: #e0f7fa; | |
| display: flex; | |
| flex-direction: column; | |
| padding: 45px 60px; | |
| box-sizing: border-box; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .header { | |
| text-align: center; | |
| margin-bottom: 25px; | |
| } | |
| .header h1 { | |
| font-size: 48px; | |
| font-weight: 700; | |
| margin: 0; | |
| color: #ffffff; | |
| animation: fadeInDown 0.8s ease-out; | |
| } | |
| .header h2 { | |
| font-size: 22px; | |
| font-weight: 300; | |
| margin: 5px 0 0 0; | |
| color: #b0bec5; | |
| animation: fadeInDown 0.8s ease-out 0.2s; | |
| animation-fill-mode: backwards; | |
| } | |
| .main-content { | |
| display: grid; | |
| grid-template-columns: repeat(3, 1fr); | |
| gap: 25px; | |
| margin-bottom: 25px; | |
| flex-grow: 1; | |
| } | |
| .card { | |
| background-color: rgba(38, 70, 83, 0.4); | |
| border-radius: 12px; | |
| padding: 20px; | |
| box-sizing: border-box; | |
| display: flex; | |
| flex-direction: column; | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| animation: fadeInUp 0.8s ease-out; | |
| } | |
| .main-content .card:nth-child(1) { animation-delay: 0.3s; animation-fill-mode: backwards; } | |
| .main-content .card:nth-child(2) { animation-delay: 0.4s; animation-fill-mode: backwards; } | |
| .main-content .card:nth-child(3) { animation-delay: 0.5s; animation-fill-mode: backwards; } | |
| .card-title { | |
| font-size: 18px; | |
| font-weight: 500; | |
| margin-bottom: 20px; | |
| color: #ffffff; | |
| border-left: 3px solid #4dd0e1; | |
| padding-left: 10px; | |
| } | |
| .data-list { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| flex-grow: 1; | |
| } | |
| .data-item { | |
| display: flex; | |
| align-items: center; | |
| margin-bottom: 16px; | |
| font-size: 15px; | |
| } | |
| .data-item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .flag-icon { | |
| width: 24px; | |
| height: 18px; | |
| margin-right: 10px; | |
| border: 1px solid rgba(255,255,255,0.2); | |
| } | |
| .country-name { | |
| width: 95px; | |
| } | |
| .bar-container { | |
| flex-grow: 1; | |
| height: 12px; | |
| background-color: rgba(0, 0, 0, 0.25); | |
| border-radius: 6px; | |
| margin: 0 10px; | |
| overflow: hidden; | |
| } | |
| .bar { | |
| height: 100%; | |
| background-color: #4dd0e1; | |
| border-radius: 6px; | |
| transform-origin: left; | |
| animation: growBar 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards; | |
| } | |
| .data-value { | |
| font-weight: 500; | |
| width: 75px; | |
| text-align: right; | |
| color: #ffffff; | |
| } | |
| .footer-content { | |
| display: grid; | |
| grid-template-columns: 5fr 4fr; | |
| gap: 25px; | |
| } | |
| .footer-content .card:nth-child(1) { animation-delay: 0.6s; animation-fill-mode: backwards; } | |
| .footer-content .card:nth-child(2) { animation-delay: 0.7s; animation-fill-mode: backwards; } | |
| .summary-list { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .summary-item { | |
| font-size: 15px; | |
| font-weight: 300; | |
| margin-bottom: 12px; | |
| display: flex; | |
| align-items: flex-start; | |
| } | |
| .summary-item:last-child { | |
| margin-bottom: 0; | |
| } | |
| .summary-item .icon { | |
| margin-right: 10px; | |
| color: #4dd0e1; | |
| font-weight: 700; | |
| line-height: 1.5; | |
| } | |
| .conclusions .icon { | |
| color: #66bb6a; | |
| } | |
| .conclusions .card-title { | |
| border-left-color: #66bb6a; | |
| } | |
| /* Bar widths */ | |
| .bar-empresas-1 { width: 100%; } | |
| .bar-empresas-2 { width: 72.5%; } | |
| .bar-empresas-3 { width: 45%; } | |
| .bar-empresas-4 { width: 30.8%; } | |
| .bar-empresas-5 { width: 23.4%; } | |
| .bar-inversion-1 { width: 100%; } | |
| .bar-inversion-2 { width: 10.6%; } | |
| .bar-inversion-3 { width: 10.4%; } | |
| .bar-inversion-4 { width: 9%; } | |
| .bar-inversion-5 { width: 2.8%; } | |
| .bar-eficiencia-1 { width: 100%; } | |
| .bar-eficiencia-2 { width: 91.9%; } | |
| .bar-eficiencia-3 { width: 41.2%; } | |
| .bar-eficiencia-4 { width: 13.2%; } | |
| .bar-eficiencia-5 { width: 8.8%; } | |
| /* Animations */ | |
| @keyframes fadeInDown { | |
| from { opacity: 0; transform: translateY(-20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| @keyframes fadeInUp { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| @keyframes growBar { | |
| from { transform: scaleX(0); } | |
| to { transform: scaleX(1); } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="slide"> | |
| <header class="header"> | |
| <h1>Análisis Cuantitativo Global</h1> | |
| <h2>Datos Comparativos del Sector Biotecnológico</h2> | |
| </header> | |
| <main class="main-content"> | |
| <div class="card"> | |
| <h3 class="card-title">Líderes en N° de Empresas</h3> | |
| <ul class="data-list"> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 32 24"><path fill="#BF0A30" d="M0 0h32v24H0z"/><path fill="#FFF" d="M0 0h32v12H0z"/><path fill="#002868" d="M0 0h16v12H0z"/><path fill="#FFF" d="m2.5 1.25 1 2.9h3.1L4 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm8 0 1 2.9h3.1L12 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm0 5 1 2.9h3.1L12 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm-8 0 1 2.9h3.1L4 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1z"/></svg> | |
| <span class="country-name">EE. UU.</span> | |
| <div class="bar-container"><div class="bar bar-empresas-1"></div></div> | |
| <span class="data-value">4,000+</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#002395" d="M0 0h1v2H0z"/><path fill="#fff" d="M1 0h1v2H1z"/><path fill="#ED2939" d="M2 0h1v2H2z"/></svg> | |
| <span class="country-name">Francia</span> | |
| <div class="bar-container"><div class="bar bar-empresas-2"></div></div> | |
| <span class="data-value">2,900</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#fff" d="M0 0h3v2H0z"/><circle cx="1.5" cy="1" r=".5" fill="#CD2E3A"/><path d="M1.5 1a.5.5 0 0 1 0-1Z" fill="#0047A0"/><path fill="none" stroke="#000" stroke-width=".1" d="M.5.25h.25v.5H.5Zm1.5 0h.25v.5H2Zm-.25 1H2v.5h-.25Zm-1.5 0H.5v.5H.25Z"/></svg> | |
| <span class="country-name">Corea del Sur</span> | |
| <div class="bar-container"><div class="bar bar-empresas-3"></div></div> | |
| <span class="data-value">1,800</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#C60B1E" d="M0 0h3v2H0z"/><path fill="#FFC400" d="M0 .5h3v1H0z"/></svg> | |
| <span class="country-name">España</span> | |
| <div class="bar-container"><div class="bar bar-empresas-4"></div></div> | |
| <span class="data-value">1,233</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 5 3"><path d="M0 0h5v3H0z"/><path fill="#D00" d="M0 1h5v2H0z"/><path fill="#FFCE00" d="M0 2h5v1H0z"/></svg> | |
| <span class="country-name">Alemania</span> | |
| <div class="bar-container"><div class="bar bar-empresas-5"></div></div> | |
| <span class="data-value">935</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="card"> | |
| <h3 class="card-title">Inversión en I+D (M USD)</h3> | |
| <ul class="data-list"> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 32 24"><path fill="#BF0A30" d="M0 0h32v24H0z"/><path fill="#FFF" d="M0 0h32v12H0z"/><path fill="#002868" d="M0 0h16v12H0z"/><path fill="#FFF" d="m2.5 1.25 1 2.9h3.1L4 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm8 0 1 2.9h3.1L12 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm0 5 1 2.9h3.1L12 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm-8 0 1 2.9h3.1L4 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1z"/></svg> | |
| <span class="country-name">EE. UU.</span> | |
| <div class="bar-container"><div class="bar bar-inversion-1"></div></div> | |
| <span class="data-value">$50,000M</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 5 3"><path d="M0 0h5v3H0z"/><path fill="#D00" d="M0 1h5v2H0z"/><path fill="#FFCE00" d="M0 2h5v1H0z"/></svg> | |
| <span class="country-name">Alemania</span> | |
| <div class="bar-container"><div class="bar bar-inversion-2"></div></div> | |
| <span class="data-value">$5,300M</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#002395" d="M0 0h1v2H0z"/><path fill="#fff" d="M1 0h1v2H1z"/><path fill="#ED2939" d="M2 0h1v2H2z"/></svg> | |
| <span class="country-name">Francia</span> | |
| <div class="bar-container"><div class="bar bar-inversion-3"></div></div> | |
| <span class="data-value">$5,200M</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#fff" d="M0 0h3v2H0z"/><circle cx="1.5" cy="1" r=".5" fill="#CD2E3A"/><path d="M1.5 1a.5.5 0 0 1 0-1Z" fill="#0047A0"/><path fill="none" stroke="#000" stroke-width=".1" d="M.5.25h.25v.5H.5Zm1.5 0h.25v.5H2Zm-.25 1H2v.5h-.25Zm-1.5 0H.5v.5H.25Z"/></svg> | |
| <span class="country-name">Corea del Sur</span> | |
| <div class="bar-container"><div class="bar bar-inversion-4"></div></div> | |
| <span class="data-value">$4,500M</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#C60B1E" d="M0 0h3v2H0z"/><path fill="#FFC400" d="M0 .5h3v1H0z"/></svg> | |
| <span class="country-name">España</span> | |
| <div class="bar-container"><div class="bar bar-inversion-5"></div></div> | |
| <span class="data-value">$1,400M</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="card"> | |
| <h3 class="card-title">Eficiencia (I+D/empresa)</h3> | |
| <ul class="data-list"> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 1 1"><path fill="#D52B1E" d="M0 0h1v1H0z"/><path fill="#FFF" d="M.4.1h.2v.8H.4zM.1.4h.8v.2H.1z"/></svg> | |
| <span class="country-name">Suiza</span> | |
| <div class="bar-container"><div class="bar bar-eficiencia-1"></div></div> | |
| <span class="data-value">13.6</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 32 24"><path fill="#BF0A30" d="M0 0h32v24H0z"/><path fill="#FFF" d="M0 0h32v12H0z"/><path fill="#002868" d="M0 0h16v12H0z"/><path fill="#FFF" d="m2.5 1.25 1 2.9h3.1L4 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm8 0 1 2.9h3.1L12 5.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm0 5 1 2.9h3.1L12 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1zm-8 0 1 2.9h3.1L4 11.9l1 2.9-2.5-1.8-2.5 1.8 1-2.9-2.6-1.75h3.1z"/></svg> | |
| <span class="country-name">EE. UU.</span> | |
| <div class="bar-container"><div class="bar bar-eficiencia-2"></div></div> | |
| <span class="data-value">12.5</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 5 3"><path d="M0 0h5v3H0z"/><path fill="#D00" d="M0 1h5v2H0z"/><path fill="#FFCE00" d="M0 2h5v1H0z"/></svg> | |
| <span class="country-name">Alemania</span> | |
| <div class="bar-container"><div class="bar bar-eficiencia-3"></div></div> | |
| <span class="data-value">5.6</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#002395" d="M0 0h1v2H0z"/><path fill="#fff" d="M1 0h1v2H1z"/><path fill="#ED2939" d="M2 0h1v2H2z"/></svg> | |
| <span class="country-name">Francia</span> | |
| <div class="bar-container"><div class="bar bar-eficiencia-4"></div></div> | |
| <span class="data-value">1.8</span> | |
| </li> | |
| <li class="data-item"> | |
| <svg class="flag-icon" viewBox="0 0 3 2"><path fill="#C60B1E" d="M0 0h3v2H0z"/><path fill="#FFC400" d="M0 .5h3v1H0z"/></svg> | |
| <span class="country-name">España</span> | |
| <div class="bar-container"><div class="bar bar-eficiencia-5"></div></div> | |
| <span class="data-value">1.2</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </main> | |
| <footer class="footer-content"> | |
| <div class="card"> | |
| <h3 class="card-title">Patrones Identificados</h3> | |
| <ul class="summary-list"> | |
| <li class="summary-item"><span class="icon">✓</span><span>EE. UU. domina en volumen absoluto de empresas e inversión.</span></li> | |
| <li class="summary-item"><span class="icon">✓</span><span>Europa muestra alta fragmentación empresarial pero con focos de eficiencia (Suiza, Alemania).</span></li> | |
| <li class="summary-item"><span class="icon">✓</span><span>Asia-Pacífico (Corea del Sur) muestra un equilibrio entre volumen y inversión.</span></li> | |
| <li class="summary-item"><span class="icon">✓</span><span>América Latina (no en top 5) tiene un potencial académico aún no capitalizado en la industria.</span></li> | |
| </ul> | |
| </div> | |
| <div class="card conclusions"> | |
| <h3 class="card-title">Conclusiones Clave</h3> | |
| <ul class="summary-list"> | |
| <li class="summary-item"><span class="icon">•</span><span>El volumen de empresas no garantiza por sí solo la eficiencia en I+D.</span></li> | |
| <li class="summary-item"><span class="icon">•</span><span>La inversión intensiva por empresa es un factor clave para la competitividad global.</span></li> | |
| <li class="summary-item"><span class="icon">•</span><span>Se necesitan políticas de transferencia tecnológica para convertir el |