Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>GLP-1 Prote铆na: La Hormona Clave en el Metabolismo</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .floating { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #a5b4fc 0%, #818cf8 50%, #6366f1 100%); | |
| } | |
| .card-hover { | |
| transition: all 0.3s ease; | |
| } | |
| .card-hover:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .smooth-scroll { | |
| scroll-behavior: smooth; | |
| } | |
| .molecule { | |
| filter: drop-shadow(0 0 5px rgba(99, 102, 241, 0.5)); | |
| } | |
| </style> | |
| </head> | |
| <body class="smooth-scroll bg-gray-50 font-sans antialiased"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <i class="fas fa-dna text-indigo-500 text-2xl mr-2"></i> | |
| <span class="text-xl font-bold text-indigo-600">GLP-1</span> | |
| </div> | |
| <div class="hidden sm:ml-6 sm:flex sm:space-x-8"> | |
| <a href="#about" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Inicio</a> | |
| <a href="#functions" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Funciones</a> | |
| <a href="#research" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Investigaci贸n</a> | |
| <a href="#applications" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Aplicaciones</a> | |
| </div> | |
| </div> | |
| <div class="hidden sm:ml-6 sm:flex sm:items-center"> | |
| <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-300"> | |
| M谩s informaci贸n | |
| </button> | |
| </div> | |
| <div class="-mr-2 flex items-center sm:hidden"> | |
| <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden sm:hidden" id="mobile-menu"> | |
| <div class="pt-2 pb-3 space-y-1"> | |
| <a href="#about" class="bg-indigo-50 border-indigo-500 text-indigo-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Inicio</a> | |
| <a href="#functions" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Funciones</a> | |
| <a href="#research" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Investigaci贸n</a> | |
| <a href="#applications" class="border-transparent text-gray-600 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-800 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Aplicaciones</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div id="about" class="gradient-bg text-white py-20 relative overflow-hidden"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="relative z-10"> | |
| <div class="text-center"> | |
| <h1 class="text-4xl md:text-6xl font-extrabold tracking-tight mb-6"> | |
| <span class="block">GLP-1</span> | |
| <span class="block text-2xl md:text-3xl font-medium mt-2">P茅ptido Similar al Glucag贸n 1</span> | |
| </h1> | |
| <p class="mt-6 max-w-lg mx-auto text-lg md:text-xl"> | |
| La hormona incretina clave en el metabolismo de la glucosa y el control del apetito. | |
| </p> | |
| <div class="mt-10 flex justify-center space-x-4"> | |
| <a href="#functions" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-gray-100 transition duration-300"> | |
| Explorar funciones <i class="fas fa-arrow-down ml-2"></i> | |
| </a> | |
| <a href="#research" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-700 hover:bg-indigo-800 transition duration-300"> | |
| Investigaci贸n <i class="fas fa-flask ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="absolute top-1/4 left-1/4 w-32 h-32 rounded-full bg-white opacity-10"></div> | |
| <div class="absolute bottom-20 right-20 w-24 h-24 rounded-full bg-white opacity-10"></div> | |
| <div class="absolute top-1/3 right-1/3 w-16 h-16 rounded-full bg-white opacity-10"></div> | |
| <!-- Floating molecule animation --> | |
| <div class="absolute top-1/3 right-20 molecule floating hidden md:block"> | |
| <!-- Simple molecule structure using font awesome --> | |
| <div class="text-white opacity-70 text-6xl"> | |
| <i class="fas fa-atom"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Quick Facts --> | |
| <div class="bg-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Datos clave</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| 驴Qu茅 es GLP-1? | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| El p茅ptido similar al glucag贸n 1 (GLP-1) es una incretina producida en el intestino que juega un papel crucial en el metabolismo. | |
| </p> | |
| </div> | |
| <div class="mt-10"> | |
| <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-4"> | |
| <div class="bg-indigo-50 rounded-lg p-6 card-hover"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <i class="fas fa-clock"></i> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Hormona intestinal</h3> | |
| <p class="text-gray-500"> | |
| Secretada por las c茅lulas L del intestino en respuesta a la ingesti贸n de alimentos. | |
| </p> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-6 card-hover"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <i class="fas fa-seedling"></i> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Vida media corta</h3> | |
| <p class="text-gray-500"> | |
| Degradada r谩pidamente por la enzima DPP-4 con una vida media de solo 1-2 minutos. | |
| </p> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-6 card-hover"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <i class="fas fa-brain"></i> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Acciones m煤ltiples</h3> | |
| <p class="text-gray-500"> | |
| Act煤a sobre p谩ncreas, cerebro, est贸mago, h铆gado y sistema cardiovascular. | |
| </p> | |
| </div> | |
| <div class="bg-indigo-50 rounded-lg p-6 card-hover"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mb-4"> | |
| <i class="fas fa-pills"></i> | |
| </div> | |
| <h3 class="text-lg font-medium text-gray-900 mb-2">Blanco terap茅utico</h3> | |
| <p class="text-gray-500"> | |
| Base para f谩rmacos contra diabetes tipo 2 y obesidad como exenatida y liraglutida. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Functions Section --> | |
| <div id="functions" class="bg-gray-50 py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center mb-12"> | |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Roles fisiol贸gicos</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Funciones clave de GLP-1 | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| El GLP-1 ejerce m煤ltiples efectos en diferentes 贸rganos del cuerpo humano. | |
| </p> | |
| </div> | |
| <div class="mt-10"> | |
| <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-12"> | |
| <!-- Function 1 --> | |
| <div class="relative group"> | |
| <div class="absolute -inset-1 bg-gradient-to-r from-indigo-500 to-indigo-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div> | |
| <div class="relative bg-white rounded-lg p-6 h-full card-hover"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-indigo-500 rounded-md p-3 text-white"> | |
| <i class="fas fa-syringe text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h3 class="text-lg font-medium text-gray-900">P谩ncreas</h3> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <p class="text-gray-600"> | |
| - Estimula la secreci贸n de insulina dependiente de glucosa<br> | |
| - Inhibe la liberaci贸n de glucag贸n<br> | |
| - Promueve la proliferaci贸n de c茅lulas 尾<br> | |
| - Reduce la apoptosis de c茅lulas 尾 | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Function 2 --> | |
| <div class="relative group"> | |
| <div class="absolute -inset-1 bg-gradient-to-r from-amber-500 to-amber-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div> | |
| <div class="relative bg-white rounded-lg p-6 h-full card-hover"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-amber-500 rounded-md p-3 text-white"> | |
| <i class="fas fa-weight text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h3 class="text-lg font-medium text-gray-900">Sistema nervioso</h3> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <p class="text-gray-600"> | |
| - Suprime el apetito al actuar sobre n煤cleos hipotal谩micos<br> | |
| - Induce saciedad<br> | |
| - Regula preferencias alimentarias<br> | |
| - Reducel consumo de alimentos | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Function 3 --> | |
| <div class="relative group"> | |
| <div class="absolute -inset-1 bg-gradient-to-r from-emerald-500 to-emerald-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div> | |
| <div class="relative bg-white rounded-lg p-6 h-full card-hover"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-emerald-500 rounded-md p-3 text-white"> | |
| <i class="fas fa-heart text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h3 class="text-lg font-medium text-gray-900">Tracto gastrointestinal</h3> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <p class="text-gray-600"> | |
| - Retrasa el vaciamiento g谩strico<br> | |
| - Reduce la motilidad intestinal<br> | |
| - Disminuye la absorci贸n de nutrientes<br> | |
| - Puede tener efectos protectores sobre la mucosa | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Function 4 --> | |
| <div class="relative group"> | |
| <div class="absolute -inset-1 bg-gradient-to-r from-purple-500 to-purple-300 rounded-lg blur opacity-25 group-hover:opacity-100 transition duration-500"></div> | |
| <div class="relative bg-white rounded-lg p-6 h-full card-hover"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 bg-purple-500 rounded-md p-3 text-white"> | |
| <i class="fas fa-heartbeat text-xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h3 class="text-lg font-medium text-gray-900">Sistema cardiovascular</h3> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <p class="text-gray-600"> | |
| - Mejora la funci贸n endotelial<br> | |
| - Efectos cardioprotectores<br> | |
| - Reduce la presi贸n arterial<br> | |
| - Disminuye la inflamaci贸n vascular | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Research Section --> | |
| <div id="research" class="bg-white py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="lg:text-center"> | |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Avances cient铆ficos</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Investigaci贸n sobre GLP-1 | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> | |
| Descubrimientos recientes y direcciones futuras de investigaci贸n. | |
| </p> | |
| </div> | |
| <div class="mt-12"> | |
| <div class="bg-gray-50 rounded-xl p-8 md:p-12 shadow-inner"> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> | |
| <div> | |
| <h3 class="text-lg font-medium text-indigo-600 mb-4">Mecanismos de acci贸n</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-check text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Receptor GLP-1 acoplado a prote铆na G (GLP-1R) distribuido en m煤ltiples 贸rganos</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-check text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Activaci贸n de AMPK y otras v铆as intracelulares</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-check text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Influencia en la plasticidad sin谩ptica neuronal</p> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-medium text-indigo-600 mb-4">脕reas prometedoras</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-brain text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Potencial en enfermedades neurodegenerativas</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-heart text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Efectos cardioprotectores en insuficiencia card铆aca</p> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="flex-shrink-0 h-6 w-6 bg-indigo-100 rounded-full flex items-center justify-center text-indigo-600"> | |
| <i class="fas fa-weight text-xs"></i> | |
| </span> | |
| <p class="ml-3 text-gray-600">Nuevos an谩logos con mayor duraci贸n de acci贸n</p> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-10 bg-white p-6 rounded-lg shadow-sm border border-gray-100"> | |
| <div class="flex"> | |
| <div class="flex-shrink-0"> | |
| <i class="fas fa-flask text-indigo-500 text-2xl"></i> | |
| </div> | |
| <div class="ml-4"> | |
| <h4 class="text-lg font-medium text-gray-900">Impacto en diabetes tipo 2</h4> | |
| <p class="mt-2 text-gray-600"> | |
| Los an谩logos de GLP-1 han revolucionado el tratamiento de la diabetes tipo 2, no solo mejorando el control gluc茅mico sino tambi茅n promoviendo la p茅rdida de peso y mostrando efectos protectores cardiovasculares en ensayos cl铆nicos. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Applications Section --> | |
| <div id="applications" class="bg-indigo-50 py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Usos terap茅uticos</h2> | |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> | |
| Aplicaciones cl铆nicas de GLP-1 | |
| </p> | |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> | |
| Terapias basadas en GLP-1 para diversas condiciones m茅dicas. | |
| </p> | |
| </div> | |
| <div class="mt-12"> | |
| <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3"> | |
| <!-- App 1 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-vial text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Diabetes Mellitus Tipo 2</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| An谩logos de GLP-1 como exenatida, liraglutida, dulaglutida, y semaglutida mejoran el control gluc茅mico con bajo riesgo de hipoglucemia. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- App 2 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-weight text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Obesidad</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| Liraglutida y semaglutida en dosis m谩s altas est谩n aprobadas para el tratamiento de la obesidad, mostrando reducciones significativas de peso. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- App 3 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-brain text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Enfermedades Neurodegenerativas</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| En investigaci贸n para enfermedades como Alzheimer y Parkinson, mostrando potencial neuroprotector en modelos animales. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- App 4 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-heart text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Enfermedad Cardiovascular</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| Algunos an谩logos han demostrado reducir eventos cardiovasculares mayores en pacientes con diabetes y enfermedad cardiovascular establecida. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- App 5 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-pills text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">S铆ndrome Metab贸lico</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| Beneficios sobre m煤ltiples componentes del s铆ndrome metab贸lico, incluyendo resistencia a la insulina, obesidad abdominal y dislipidemia. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- App 6 --> | |
| <div class="pt-6"> | |
| <div class="flow-root bg-white rounded-lg px-6 pb-8 h-full shadow-sm card-hover"> | |
| <div class="-mt-6"> | |
| <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white mx-auto"> | |
| <i class="fas fa-liver text-xl"></i> | |
| </div> | |
| <h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">EHNA (Esteatohepatitis No Alcoh贸lica)</h3> | |
| <p class="mt-5 text-base text-gray-500"> | |
| Estudios en curso analizan su potencial para reducir la inflamaci贸n y fibrosis hep谩tica en pacientes con EHNA. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Comparison Table --> | |
| <div class="bg-white py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="sm:flex sm:items-center"> | |
| <div class="sm:flex-auto"> | |
| <h2 class="text-xl font-semibold text-gray-900">Comparaci贸n de an谩logos de GLP-1</h2> | |
| <p class="mt-2 text-sm text-gray-600"> | |
| Principales caracter铆sticas de los f谩rmacos basados en GLP-1 disponibles actualmente. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="mt-8 flex flex-col"> | |
| <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8"> | |
| <div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8"> | |
| <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg"> | |
| <table class="min-w-full divide-y divide-gray-300"> | |
| <thead class="bg-gray-50"> | |
| <tr> | |
| <th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">F谩rmaco</th> | |
| <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Frecuencia</th> | |
| <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Aprobaci贸n</th> | |
| <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Efecto HbA1c</th> | |
| <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">P茅rdida de peso</th> | |
| </tr> | |
| </thead> | |
| <tbody class="divide-y divide-gray-200 bg-white"> | |
| <tr> | |
| <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Exenatida</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2x/d铆a o 1x/semana</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2005</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-0.7 a -1.3%</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2-3 kg</td> | |
| </tr> | |
| <tr> | |
| <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Liraglutida</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1x/d铆a</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2009</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-0.8 a -1.5%</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2-4 kg (4.5 kg en obesidad)</td> | |
| </tr> | |
| <tr> | |
| <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">Dulaglutida</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1x/semana</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">2014</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">-1.0 a -1.6%</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">1-3 kg</td> | |
| </tr> | |
| <tr> | |
| <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-indigo-600 sm:pl-6">Semaglutida</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">1x/semana</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">2017</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">-1.5 a -2.0%</td> | |
| <td class="whitespace-nowrap px-3 py-4 text-sm text-indigo-600">5-10 kg (15% en obesidad)</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- CTA --> | |
| <div class="bg-indigo-700"> | |
| <div class="max-w-2xl mx-auto text-center py-16 px-4 sm:py-20 sm:px-6 lg:px-8"> | |
| <h2 class="text-3xl font-extrabold text-white sm:text-4xl"> | |
| <span class="block">驴Quieres aprender m谩s sobre GLP-1?</span> | |
| <span class="block text-indigo-200">Suscr铆bete a nuestra newsletter cient铆fica</span> | |
| </h2> | |
| <p class="mt-4 text-lg leading-6 text-indigo-200"> | |
| Recibe las 煤ltimas investigaciones, novedades terap茅uticas y avances en el campo de las incretinas directamente en tu correo. | |
| </p> | |
| <form class="mt-8 sm:flex"> | |
| <label for="email-address" class="sr-only">Email address</label> | |
| <input id="email-address" name="email" type="email" autocomplete="email" required class="w-full px-5 py-3 placeholder-gray-500 focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 rounded-md" placeholder="Ingresa tu email"> | |
| <button type="submit" class="mt-3 w-full flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-white sm:mt-0 sm:ml-3 sm:w-auto sm:flex-shrink-0"> | |
| Suscribirse | |
| </button> | |
| </form> | |
| <p class="mt-3 text-sm text-indigo-200"> | |
| Respetamos tu privacidad. Sin spam, s贸lo contenido de valor. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800"> | |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">GLP-1</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#about" class="text-base text-gray-300 hover:text-white">Inicio</a></li> | |
| <li><a href="#functions" class="text-base text-gray-300 hover:text-white">Funciones</a></li> | |
| <li><a href="#research" class="text-base text-gray-300 hover:text-white">Investigaci贸n</a></li> | |
| <li><a href="#applications" class="text-base text-gray-300 hover:text-white">Aplicaciones</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Recursos</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Art铆culos cient铆ficos</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Gu铆as cl铆nicas</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Ensayos cl铆nicos</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Protocolos</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Comunidad</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Foro cient铆fico</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Eventos</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Webinars</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Cursos</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Contacto</h3> | |
| <ul class="mt-4 space-y-4"> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">[email protected]</a></li> | |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">+1 (555) 123-4567</a></li> | |
| <li class="flex space-x-6 mt-6"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fab fa-linkedin-in"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="mt-12 border-t border-gray-700 pt-8"> | |
| <p class="text-base text-gray-400 text-center"> | |
| © 2023 Centro de Investigaci贸n en GLP-1. Todos los derechos reservados. | |
| </p> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Back to top button --> | |
| <button id="back-to-top" class="hidden fixed bottom-8 right-8 p-3 bg-indigo-600 text-white rounded-full shadow-lg hover:bg-indigo-700 transition duration-300"> | |
| <i class="fas fa-arrow-up"></i> | |
| </button> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Back to top button | |
| const backToTopButton = document.getElementById('back-to-top'); | |
| window.addEventListener('scroll', function() { | |
| if (window.pageYOffset > 300) { | |
| backToTopButton.classList.remove('hidden'); | |
| } else { | |
| backToTopButton.classList.add('hidden'); | |
| } | |
| }); | |
| backToTopButton.addEventListener('click', function() { | |
| window.scrollTo({ | |
| top: 0, | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| const mobileMenu = document.getElementById('mobile-menu'); | |
| if (!mobileMenu.classList.contains('hidden')) { | |
| mobileMenu.classList.add('hidden'); | |
| } | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 馃К <a href="https://enzostvs-deepsite.hf.space?remix=venezianof/spazio-mio" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |