Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Colegio Santafesino de Biotecnólogos</title> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| background-color: #f0f0f0; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| height: 100vh; | |
| font-family: 'Montserrat', sans-serif; | |
| } | |
| .slide { | |
| width: 1280px; | |
| height: 720px; | |
| background: linear-gradient(135deg, #0a192f, #004d40); | |
| color: #e6f1ff; | |
| display: grid; | |
| grid-template-columns: repeat(12, 1fr); | |
| grid-template-rows: 120px 1fr 1fr; | |
| gap: 20px; | |
| padding: 40px; | |
| box-sizing: border-box; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .slide::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-image: | |
| radial-gradient(circle at 10% 20%, rgba(0, 128, 128, 0.1), transparent 40%), | |
| radial-gradient(circle at 90% 80%, rgba(212, 175, 55, 0.1), transparent 40%); | |
| pointer-events: none; | |
| } | |
| .header { | |
| grid-column: 1 / -1; | |
| grid-row: 1 / 2; | |
| border-bottom: 2px solid rgba(212, 175, 55, 0.5); | |
| padding-bottom: 10px; | |
| text-align: left; | |
| animation: fadeInDown 0.8s ease-out; | |
| } | |
| .header h1 { | |
| font-size: 42px; | |
| color: #D4AF37; | |
| margin: 0; | |
| font-weight: 700; | |
| } | |
| .header h2 { | |
| font-size: 22px; | |
| color: #a8b2d1; | |
| margin: 5px 0 0; | |
| font-weight: 400; | |
| } | |
| .card { | |
| background-color: rgba(10, 25, 47, 0.7); | |
| border-radius: 8px; | |
| padding: 20px; | |
| box-sizing: border-box; | |
| border: 1px solid #00796b; | |
| backdrop-filter: blur(5px); | |
| } | |
| .card h3 { | |
| font-size: 18px; | |
| color: #64ffda; | |
| margin-top: 0; | |
| margin-bottom: 15px; | |
| border-bottom: 1px solid #304a69; | |
| padding-bottom: 8px; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .card h3 svg { | |
| margin-right: 10px; | |
| } | |
| .card ul { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| font-size: 14px; | |
| line-height: 1.6; | |
| color: #a8b2d1; | |
| } | |
| .card ul li { | |
| padding-left: 20px; | |
| position: relative; | |
| margin-bottom: 8px; | |
| } | |
| .card ul li::before { | |
| content: '✓'; | |
| position: absolute; | |
| left: 0; | |
| color: #D4AF37; | |
| font-weight: bold; | |
| } | |
| #legal-framework { | |
| grid-column: 1 / 5; | |
| grid-row: 2 / 3; | |
| animation: fadeInLeft 1s ease-out 0.2s; | |
| animation-fill-mode: backwards; | |
| } | |
| #functions { | |
| grid-column: 1 / 5; | |
| grid-row: 3 / 4; | |
| animation: fadeInLeft 1s ease-out 0.4s; | |
| animation-fill-mode: backwards; | |
| } | |
| #org-model { | |
| grid-column: 5 / 9; | |
| grid-row: 2 / 3; | |
| animation: fadeIn 1s ease-out 0.6s; | |
| animation-fill-mode: backwards; | |
| } | |
| #distinctive-features { | |
| grid-column: 5 / 9; | |
| grid-row: 3 / 4; | |
| animation: fadeIn 1s ease-out 0.8s; | |
| animation-fill-mode: backwards; | |
| } | |
| #lessons { | |
| grid-column: 9 / -1; | |
| grid-row: 3 / 4; | |
| animation: fadeInRight 1s ease-out 1s; | |
| animation-fill-mode: backwards; | |
| } | |
| #visuals { | |
| grid-column: 9 / -1; | |
| grid-row: 2 / 3; | |
| background-color: transparent; | |
| border: none; | |
| padding: 0; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| gap: 20px; | |
| animation: fadeInRight 1s ease-out 1.2s; | |
| animation-fill-mode: backwards; | |
| } | |
| .map-container { | |
| width: 100%; | |
| height: 200px; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| background-color: rgba(10, 25, 47, 0.7); | |
| border: 1px solid #00796b; | |
| border-radius: 8px; | |
| padding: 10px; | |
| box-sizing: border-box; | |
| } | |
| .map-container svg { | |
| width: auto; | |
| height: 100%; | |
| } | |
| #argentina-path { | |
| fill: #304a69; | |
| stroke: #64ffda; | |
| stroke-width: 0.5; | |
| } | |
| #santafe-path { | |
| fill: #D4AF37; | |
| stroke: white; | |
| stroke-width: 0.8; | |
| } | |
| .org-chart { | |
| font-size: 12px; | |
| text-align: center; | |
| } | |
| .org-level { | |
| display: flex; | |
| justify-content: center; | |
| position: relative; | |
| } | |
| .org-node { | |
| background-color: #00796b; | |
| color: white; | |
| padding: 5px 10px; | |
| border-radius: 4px; | |
| margin: 0 10px; | |
| position: relative; | |
| z-index: 1; | |
| } | |
| .org-level:not(:last-child) { | |
| margin-bottom: 25px; | |
| } | |
| .org-level:not(:last-child)::after { | |
| content: ''; | |
| position: absolute; | |
| left: 50%; | |
| top: 100%; | |
| height: 15px; | |
| width: 2px; | |
| background-color: #304a69; | |
| } | |
| .org-level.children::before { | |
| content: ''; | |
| position: absolute; | |
| left: calc(50% - 60px); | |
| top: -10px; | |
| width: 120px; | |
| height: 2px; | |
| background-color: #304a69; | |
| } | |
| .icon { | |
| width: 24px; | |
| height: 24px; | |
| fill: #64ffda; | |
| } | |
| @keyframes fadeInDown { | |
| from { opacity: 0; transform: translateY(-20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| @keyframes fadeInLeft { | |
| from { opacity: 0; transform: translateX(-20px); } | |
| to { opacity: 1; transform: translateX(0); } | |
| } | |
| @keyframes fadeInRight { | |
| from { opacity: 0; transform: translateX(20px); } | |
| to { opacity: 1; transform: translateX(0); } | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="slide"> | |
| <header class="header"> | |
| <h1>Colegio Santafesino de Biotecnólogos (CSB)</h1> | |
| <h2>Modelo Provincial Consolidado de Regulación Profesional</h2> | |
| </header> | |
| <div id="legal-framework" class="card"> | |
| <h3> | |
| <svg class="icon" viewBox="0 0 24 24"><path d="M12 2L2 7v5.5c0 5.55 3.84 10.74 9 12 .36-.12.7-.26 1-4.14V9.02L12 12.5l-8-4.5v-3l8 4.5 8-4.5v3.1c.3.06.59.15.87.26C21.43 14.1 22 10.3 22 7l-10-5zm4 11.45c-.83 1.18-1.83 2.1-3 2.82V14.5h-2v2.82c-1.17-.72-2.17-1.64-3-2.82V10.3l4 2.25 4-2.25v4.15zM19 16c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zm-1 4h-1v-2h2v.5L18.5 19H20v1h-2v-1z"/></svg> | |
| Marco Legal Sólido | |
| </h3> | |
| <ul> | |
| <li>Creado por Ley Provincial 13.490</li> | |
| <li>Base legal específica y clara</li> | |
| <li>Poder regulatorio reconocido</li> | |
| <li>Jurisdicción provincial definida</li> | |
| </ul> | |
| </div> | |
| <div id="functions" class="card"> | |
| <h3> | |
| <svg class="icon" viewBox="0 0 24 24"><path d="M14.25 2.26l.08.04.34.17.08.04c.1.05.18.1.27.15l.08.05c.29.18.54.39.75.63l.06.07c.09.1.18.2.26.3l.05.08c.18.29.39.54.63.75l.07.06c.1.09.2.18.3.26l.08.05c.29.18.54.39.75.63l.21.24c.05.05.1.1.15.15s.1.1.15.15l.24.21c.21.21.39.46.54.75l.05.08c.1.18.2.27.3.26l.06.07c.21.21.39.46.54.75l.15.27c.05.1.1.18.15.27l.04.08.17.34.04.08.04.08c.05.1.1.18.15.27l.05.08c.18.29.39.54.63.75l.07.06c.09.1.18.2.26.3l.08.05c.29.18.54.39.75.63l.24.21.15.15.15.15.21.24c.21.21.46.39.75.54l.08.05c.18.1.27.2.26.3l.07.06c.21.21.46.39.75.54l.27.15c.1.05.18.1.27.15l.08.04.34.17.08.04.08.04c.1.05.18.1.27.15l.08.05c.29.18.54.39.75.63l.06.07c.09.1.18.2.26.3l.05.08c.18.29.39.54.63.75l-6.1-6.1L14.25 2.26zM5 16h8v2H5v-2zm0-4h11v2H5v-2zm0-4h11v2H5V8zm13-5H3.99C3.44 3 3 3.45 3 4v16c0 .55.45 1 1.01 1H19c.55 0 1-.45 1-1V7l-5-5z"/></svg> | |
| Funciones y Competencias | |
| </h3> | |
| <ul> | |
| <li>Matriculación de profesionales</li> | |
| <li>Control del ejercicio profesional</li> | |
| <li>Establecimiento de aranceles</li> | |
| <li>Régimen disciplinario y ético</li> | |
| <li>Defensa del título y la profesión</li> | |
| </ul> | |
| </div> | |
| <div id="org-model" class="card"> | |
| <h3> | |
| <svg class="icon" viewBox="0 0 24 24"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"/></svg> | |
| Modelo Organizacional | |
| </h3> | |
| <div class="org-chart"> | |
| <div class="org-level"> | |
| <div class="org-node">Asamblea</div> | |
| </div> | |
| <div class="org-level children"> | |
| <div class="org-node">Consejo Directivo</div> | |
| <div class="org-node">Tribunal de Ética</div> | |
| </div> | |
| </div> | |
| <ul> | |
| <li>Representación en organismos públicos</li> | |
| <li>Vinculación con universidades regionales</li> | |
| </ul> | |
| </div> | |
| <div id="distinctive-features" class="card"> | |
| <h3> | |
| <svg class="icon" 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 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg> | |
| Características Distintivas | |
| </h3> | |
| <ul> | |
| <li>Alcance Provincial vs. Nacional (CAB)</li> | |
| <li>Modelo replicable en otras provincias</li> | |
| <li>Regula competencias como análisis, I+D, industria y consultoría</li> | |
| </ul> | |
| </div> | |
| <div id="visuals"> | |
| <div class="map-container"> | |
| <svg viewBox="0 0 275 500"> | |
| <g> | |
| <path id="argentina-path" d="M112.5,490.6l-3.2-3.2l-3.2,1.6l-4.8,0l-3.2-1.6l-1.6,1.6l-1.6,4.8l-3.2,0l-1.6-1.6l-3.2-3.2l-1.6-4.8l-3.2-1.6l-1.6,3.2l-3.2-1.6l-1.6-3.2l-1.6,1.6l-3.2,0l-1.6-1.6l-1.6-4.8l-1.6-1.6l-1.6-3.2l-1.6,0l-1.6,1.6l-1.6-1.6l-3.2,0l-1.6-1.6l-3.2-3.2l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6-1.6l-1.6-3.2l-1.6,0l-1.6-1.6l-1.6-3.2l-1.6-1.6l-1.6,0l-1.6-1.6l-3.2,0l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6-1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-3.2,1.6l-1.6-1.6l-1.6-1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6-1.6l-1.6-1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6,1.6l-1.6-1.6l-1.6 |