/* Estilos generales */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background: #f9f9f9;
        }
        
        /* Menú fijo */
        .navbar {
            position: fixed;
            top: 0;
            width: 100%;
            background: #2a6496;
            padding: 15px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            z-index: 1000;
        }
        
        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
        }
        
        .nav-tab {
            color: white;
            padding: 10px 20px;
            margin: 0 10px;
            cursor: pointer;
            border-radius: 5px;
            transition: background 0.3s;
        }
        
        .nav-tab:hover, .nav-tab.active {
            background: rgba(255,255,255,0.2);
        }
        
        /* Contenido principal */
        .container {
            max-width: 1200px;
            margin: 80px auto 0;
            padding: 20px;
        }
        
        /* Pestañas */
        .tab-content {
            display: none;
            padding: 30px 0;
        }
        
        .tab-content.active {
            display: block;
        }
        
        /* Estilos de secciones (similares a tu versión anterior) */
        .section {
            background: white;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        
        h1, h2, h3 {
            color: #2a6496;
        }
        
        /* Estilos específicos para grupos de investigación */
        .research-group {
            border-left: 4px solid #2a6496;
            padding-left: 20px;
            margin: 20px 0;
        }
        
        /* Estilos para recursos */
        .resource-card {
            background: #f0f7ff;
            border-radius: 8px;
            padding: 20px;
            margin: 15px 0;
        }
		/* Estilos para los ítems de investigación */
		.publications-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 25px;
            margin-top: 25px;
        }

        .publication-category {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 25px;
            border: 2px solid #eee;
        }

        .publication-category h3 {
            color: #667eea;
            margin-bottom: 20px;
            text-align: center;
            font-size: 1.4em;
        }

        .publication-item {
            background: white;
            padding: 15px;
            border-radius: 10px;
            margin: 10px 0;
            border-left: 4px solid #667eea;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        .publication-item h4 {
            color: #333;
            font-size: 1.1em;
            margin-bottom: 8px;
        }

        .publication-item p {
            color: #666;
            font-size: 0.95em;
            margin-bottom: 5px;
		}
		
		
		
		
/* ======================
   ESTILOS ESPECÍFICOS PARA PUBLICACIONES
   ====================== */


        .year-header {
            background-color: #2a6496;
            color: white;
            padding: 8px 15px;
            margin: 30px 0 15px 0;
            border-radius: 5px;
            font-size: 1.2em;
        }
        .publication {
            background-color: white;
            margin-bottom: 20px;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: relative;
        }
        .pub-title {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 1.05em;
        }
        .pub-authors {
            margin-bottom: 5px;
        }
        .pub-journal {
            font-style: italic;
            color: #555;
            margin-bottom: 5px;
        }
        .pub-doi {
            font-size: 0.9em;
            color: #2a6496;
            margin-bottom: 5px;
            word-break: break-all;
        }
        .pub-metrics {
            font-size: 0.85em;
            color: #666;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed #ddd;
        }
        .highlight {
            font-weight: bold;
            color: #2a6496;
        }
        .pub-links {
            margin-top: 10px;
        }
        .pub-links a {
            display: inline-block;
            padding: 5px 12px;
            background-color: #e6f0fa;
            color: #2a6496;
            text-decoration: none;
            border-radius: 4px;
            margin-right: 8px;
            font-size: 0.85em;
            transition: background-color 0.3s;
        }
        .pub-links a:hover {
            background-color: #d0e0f5;
        }
        .impact-badge {
            display: inline-block;
            padding: 2px 6px;
            background-color: #e8f5e9;
            color: #2e7d32;
            border-radius: 3px;
            font-size: 0.8em;
            margin-left: 5px;
        }
        .q1 { background-color: #e8f5e9; color: #2e7d32; }
        .q2 { background-color: #fff8e1; color: #ff8f00; }
        .q3 { background-color: #fff3e0; color: #ef6c00; }
        .q4 { background-color: #ffebee; color: #c62828; }

        @media (max-width: 768px) {
            body {
                padding: 15px;
            }
            .publication {
                padding: 15px;
            }
        }

/* ======================
   ESTILOS ESPECÍFICOS DEL GRUPO
   ====================== */

.group-header {
    display: flex;
    justify-content: center; /* Centra todo el conjunto */
    align-items: flex-start; /* Alinea al inicio (arriba) */
    margin: 30px auto;
    max-width: 900px; /* Ancho máximo para mejor lectura */
    position: relative;
}

.group-logo {
    width: 120px;
    height: auto;
    margin-right: 30px; /* Espacio entre logo y texto */
}

.group-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px; /* Ajuste fino de alineación vertical */
}

.group-title {
    color: #2a6496;
    font-size: 2.8rem;
    margin-bottom: 5px;
    position: relative;
    left: -15px; /* Desplaza ligeramente a la derecha */
}

.group-subtitle {
    color: #666;
    font-size: 1.1rem;
    text-align: left; /* Alineación izquierda para fluir con el título */
    max-width: 500px;
    margin-left: -15px; /* Mismo desplazamiento que el título */
    line-height: 1.4;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .group-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .group-logo {
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .group-title,
    .group-subtitle {
        left: 0;
        margin-left: 0;
        text-align: center;
    }
}

/* Líneas de investigación */
.research-line {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    align-items: flex-start;
}

.research-icon {
    font-size: 1.5rem;
    color: #2a6496;
    background: #e6f0fa;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Perfil de miembros */
.member-profile {
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    align-items: flex-start;
}

.member-photo-container {
    flex: 0 0 150px;
    text-align: center;
}

.member-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #2a6496;
    margin-bottom: 10px;
}

.member-social {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.member-social a {
    color: #2a6496;
    font-size: 1.2rem;
    transition: all 0.3s;
}

.member-social a:hover {
    color: #e67e22;
    transform: scale(1.1);
}

.member-info {
    flex: 1;
}

.member-name {
    color: #2a6496;
    margin-bottom: 5px;
}

.member-role {
    color: #e67e22;
    font-weight: 500;
    margin-bottom: 15px;
}

.member-bio {
    line-height: 1.7;
}

.join-section {
            background: linear-gradient(135deg, #2a6496, #3a7bb6);
            color: white;
            text-align: center;
            padding: 40px;
            border-radius: 10px;
            margin-top: 40px;
        }
        
        .join-section h2 {
            color: white;
            border-bottom: 2px solid rgba(255,255,255,0.3);
        }
        
        .join-btn {
            display: inline-block;
            background-color: white;
            color: #2a6496;
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: bold;
            margin-top: 20px;
            transition: all 0.3s;
            border: 2px solid white;
        }
        
        .join-btn:hover {
            background-color: transparent;
            color: white;
        }

/* Colaboradores */
.collaborator-profile {
    display: flex;
    gap: 25px;
    margin-bottom: 30px;
    align-items: center;
}

.collaborator-photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #2a6496;
}

.collaborator-info {
    flex: 1;
}

.expertise-tag {
    display: inline-block;
    background: #e6f0fa;
    color: #2a6496;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    margin-right: 8px;
    margin-top: 8px;
}

/* Responsive */
@media (max-width: 768px) {
    .member-profile {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .member-photo-container {
        margin-bottom: 20px;
    }
    
    .member-social {
        margin-top: 15px;
    }
    
    .collaborator-profile {
        flex-direction: column;
        text-align: center;
    }
}

/* ESTILOS ESPECÍFICOS PARA DIVULGACIÓN */
        .activity-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 30px;
            margin-top: 30px;
        }
        
        .activity-card {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            transition: transform 0.3s;
            background: white;
        }
        
        .activity-card:hover {
            transform: translateY(-5px);
        }
        
		.activity-image {
			height: 200px;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			position: relative;
		}

		/* Versión alternativa usando etiqueta <img> (opcional) */
		.activity-image-img {
			width: 100%;
			height: 200px;
			object-fit: cover;
			object-position: center;
		}
        @media (max-width: 768px) {
			.activity-image {
				height: 150px; /* Más compacto en móviles */
			}
		}
        .activity-content {
            padding: 20px;
        }
        
        .activity-date {
            color: #e67e22;
            font-weight: 500;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .activity-type {
            display: inline-block;
            padding: 3px 10px;
            background: #e6f0fa;
            color: #2a6496;
            border-radius: 20px;
            font-size: 0.8em;
            margin-bottom: 10px;
        }
        
        .activity-links {
            margin-top: 15px;
            display: flex;
            gap: 15px;
        }
        
        .activity-links a {
            color: #2a6496;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        
        @media (max-width: 768px) {
            .activity-grid {
                grid-template-columns: 1fr;
            }
        }
		
		
/* ESTILOS ESPECÍFICOS PARA RECURSOS */
        .resource-categories {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin: 30px 0;
        }
        
        .category-btn {
            background: #e6f0fa;
            color: #2a6496;
            border: none;
            padding: 8px 20px;
            border-radius: 30px;
            cursor: pointer;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .category-btn.active {
            background: #2a6496;
            color: white;
        }
        
        .resource-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 20px;
        }
        
        .resource-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }
        
        .resource-card:hover {
            transform: translateY(-5px);
        }
        
        .resource-icon {
            font-size: 2rem;
            color: #2a6496;
            margin-bottom: 15px;
        }
        
        .resource-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: #e67e22;
            color: white;
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.8rem;
        }
        
        @media (max-width: 768px) {
            .resource-grid {
                grid-template-columns: 1fr;
            }
        }