Biotech-Analysis / slides /slide04_modelo2.html
C2MV's picture
Upload 71 files
0615069 verified
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modelo 2: Regulación Profesional</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;
justify-content: center;
align-items: center;
background-color: #333;
font-family: 'Poppins', sans-serif;
}
.slide {
width: 1280px;
height: 720px;
background: linear-gradient(135deg, #0d6b61, #1e9a8a);
color: #ffffff;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.header {
padding: 60px 80px 30px 80px;
animation: fadeInDown 1s ease-out;
}
.header h1 {
font-size: 56px;
font-weight: 700;
margin: 0;
padding: 0;
letter-spacing: 1px;
}
.header p {
font-size: 26px;
font-weight: 400;
margin: 10px 0 0 0;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: inline-block;
}
.content-grid {
display: flex;
flex-grow: 1;
padding: 10px 80px 60px 80px;
gap: 60px;
animation: fadeInUp 1s ease-out 0.3s;
animation-fill-mode: backwards;
}
.column {
flex: 1;
padding-top: 20px;
}
.column h2 {
font-size: 28px;
font-weight: 600;
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 15px;
}
.icon-objetivos {
font-family: serif;
font-weight: bold;
font-size: 32px;
line-height: 1;
position: relative;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
}
.icon-objetivos::before {
content: '¶';
position: absolute;
left: 0;
top: -12px;
}
.icon-objetivos::after {
content: '';
width: 100%;
height: 2px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
.column ul li {
font-size: 20px;
font-weight: 400;
margin-bottom: 20px;
line-height: 1.4;
display: flex;
align-items: flex-start;
}
.column.left ul li::before {
content: '✓';
color: #a7ffeb;
font-size: 24px;
font-weight: 600;
margin-right: 15px;
line-height: 1.1;
}
.column.right ul li {
flex-direction: column;
position: relative;
padding-left: 25px;
}
.column.right ul li::before {
content: '•';
position: absolute;
left: 0;
top: 0;
color: #a7ffeb;
font-size: 24px;
font-weight: 600;
line-height: 1.1;
}
.actor-description {
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
padding-top: 4px;
font-style: italic;
}
.map-container {
position: absolute;
bottom: 20px;
right: 40px;
width: 320px;
height: 400px;
opacity: 0;
animation: zoomIn 1s ease-out 0.6s forwards;
}
.map-container svg {
width: 100%;
height: 100%;
overflow: visible;
}
.country-base {
fill: #145a52;
stroke: #0d4a43;
stroke-width: 1.5;
}
.country-highlight {
fill: #a7ffeb;
stroke: #fff;
stroke-width: 2;
transition: transform 0.3s ease;
}
.map-container:hover .country-highlight {
transform: scale(1.05);
}
.map-label {
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
fill: #000;
text-anchor: middle;
paint-order: stroke;
stroke: white;
stroke-width: 3px;
stroke-linecap: butt;
stroke-linejoin: miter;
}
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes zoomIn {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
</style>
</head>
<body>
<div class="slide">
<div class="header">
<h1>Modelo 2: Regulación Profesional</h1>
<p>Tendencia emergente en América Latina</p>
</div>
<div class="content-grid">
<div class="column left">
<h2><span class="icon-objetivos"></span>Objetivos Principales</h2>
<ul>
<li>Regular y controlar el ejercicio profesional</li>
<li>Establecer estándares éticos y de práctica profesional</li>
<li>Gestionar matrícula y licenciamiento profesional</li>
<li>Defender los intereses del gremio profesional</li>
</ul>
</div>
<div class="column right">
<h2>Actores Clave</h2>
<ul>
<li>Colegio Santafesino de Biotecnólogos (Argentina)
<span class="actor-description">Modelo provincial consolidado con base legal sólida</span>
</li>
<li>Consejo Profesional de Biología (Colombia)
<span class="actor-description">Regulación por campo profesional afín</span>
</li>
<li>COBIEC - Colegio de Biotecnólogos del Ecuador
<span class="actor-description">Ejemplo más reciente (creado en 2024), nivel nacional</span>
</li>
</ul>
</div>
</div>
<div class="map-container">
<svg viewBox="0 0 200 250">
<g transform="translate(0, 10)">
<!-- South America Base Shape -->
<path class="country-base" d="M101.4,2.1c-2.3,1.3-4.9,2.5-4.9,5.2c0,0.8,0.5,2.1,0.5,2.1s-2.1,0.5-2.1,2.8s-0.5,3.9-0.5,3.9s-1.8,0.8-1.8,2.3 s-0.5,3.7-0.5,3.7s-2.5-0.3-4.4,0.3s-3.7,2-3.7,2s-1.3-1-3.4-1.3S76,23.1,76,23.1s-1.5,1.5-1.3,3.4s0.8,2.8,0.8,2.8s-2.3,1.3-2.3,3.1 s1,4.4,1,4.4s-1.8,3.9-1.8,6.2s0,4.7,0,4.7s-1,2.1-1,4.2s1.5,5.2,1.5,5.2l-2.3,2l-1,3.4l-1.3,3.9l-1.8,2.3l-2.3,1.3l-2.5,1.3 l-2.8,1.3l-2.5,1.8l-2.3,2.5l-2.3,3.4l-2.8,5.7l-2.8,7.8l-2.5,8.1l-1.3,5.4l-0.5,3.7l0.3,3.7l0.8,3.7l1.3,3.4l1.5,2.5l2,1.8 l2.3,1.5l2.8,1l3.1,0.8l3.4,0.5l3.4,0.3l3.7-0.3l3.9-0.5l4.2-1l4.4-1.5l4.7-2.3l4.7-3.1l4.4-4.2l3.7-5.2l2.8-5.4l2-5.4l1.3-4.7 l1.3-4.7l1-3.9l0.8-3.4l0.8-3.1l1-3.1l1.5-3.1l2-3.4l2.5-3.4l2.8-3.4l2.8-2.8l2.8-2.3l2.5-1.5l2.3-1l2-0.5l1.8,0l1.8,0.5 l1.8,1l1.5,1.3l1.5,1.8l1.3,2l1,2.3l0.8,2.5l0.5,2.8l0.3,3.1l0,3.1l-0.3,3.1l-0.5,2.8l-0.8,2.5l-1.3,2.3l-1.8,2l-2.3,1.8 l-2.8,1.5l-3.4,1.3l-3.9,1l-4.4,0.8l-4.7,0.5l-3.9,0l-3.4-0.5l-2.8-0.8l-2.3-1.3l-2-1.8l-1.8-2.3l-1.5-2.8l-1.3-3.4l-1-3.7 l-0.8-3.9l-0.5-3.7l-0.3-3.1l0.3-2.5l0.5-2.3l0.8-2l1.3-1.8l1.8-1.5l2.3-1.3l2.8-1l3.4-0.8l3.7-0.5l3.7,0l3.4,0.5l2.8,1 l2.3,1.5l1.8,2l1.3,2.5l0.8,2.8l0.5,3.4l0.3,3.9l-0.3,4.2l-0.8,4.4l-1.3,4.7l-2,5.2l-2.8,5.7l-3.9,6.2l-5.4,6.5l-6.2,6.2 l-5.7,4.7l-4.4,3.1l-3.1,1.8l-2.3,1l-1.8,0.5l-1.5,0.3l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3l0.3-1.5l0.5-1.5l0.8-1.5 l1.3-1.3l1.5-1l1.8-0.8l1.8-0.5l1.5,0l1.3,0.3l1,0.5l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1 l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1 l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8 l1.8,0.5l1.5,0l1.3-0.3l1-0.5l0.8-0.8l0.5-1l0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5 l-1.5,0l-1.3,0.3l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5 l-1.5,0l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3l0.3-1.5l0.5-1.5l0.8-1.5l1.3-1.3l1.5-1l1.8-0.8l1.8-0.5l1.5,0 l1.3,0.3l1,0.5l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0 l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0 l-1.3,0.3l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3 l1-0.5l0.8-0.8l0.5-1l0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3 l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3 l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3l0.3-1.5l0.5-1.5l0.8-1.5l1.3-1.3l1.5-1l1.8-0.8l1.8-0.5l1.5,0l1.3,0.3l1,0.5 l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5 l-0.8-0.8l-0.5-1l-0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3 l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3l1,0.5 l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5 l-0.8-0.8l-0.5-1l-0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3 l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3l1,0.5 l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5 l-0.8-0.8l-0.5-1l-0.3-1.3l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3 l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3l1,0.5 l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5 l-0.8-0.8l-0.5-1l-0.3-1.3L38,187.6l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3l-1,0.5 l-0.8,0.8l-0.5,1l-0.3,1.3l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3l1,0.5l0.8,0.8l0.5,1 l0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1 l-0.3-1.3L20,230l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3l-1,0.5l-0.8,0.8l-0.5,1 l-0.3,1.3l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1 l-0.3-1.3l0.3-1.5l0.5-1.5l0.8-1.5l1.3-1.3l1.5-1l1.8-0.8l1.8-0.5l1.5,0l1.3,0.3l1,0.5l0.8,0.8l0.5,1l0.3,1.3 l-0.3,1.5l-0.5,1.5l-0.8,1.5l-1.3,1.3l-1.5,1l-1.8,0.8l-1.8,0.5l-1.5,0l-1.3-0.3l-1-0.5l-0.8-0.8l-0.5-1l-0.3-1.3 l-0.3-1.5l-0.5-1.5l-0.8-1.5l-1.3-1.3l-1.5-1l-1.8-0.8l-1.8-0.5l-1.5,0l-1.3,0.3l-1,0.5l-0.8,0.8l-0.5,1l-0.3,1.3 l0.3,1.5l0.5,1.5l0.8,1.5l1.3,1.3l1.5,1l1.8,0.8l1.8,0.5l1.5,0l1.3-0.3l1,0.5l0.8,0.8l0.5,1l0.3,1.3l-0.3,1.5l-0.5,1.5 l-